gancio-flyers/templates/index.html

<!doctype html>
</style>
<title>Generatore di volantini</title>
<head>
  <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }} ">
  <title>gancio flyers</title>
</head>
<body>
<h3> Generatore di volantini per balotta.org</h3>
<div>
Scegli gli eventi che vuoi mettere nel volantino e premi genera.
<br>
Per stampare fai "File >> Stampa" Scegli come destinazione "Salva come PDF", seleziona il giusto formato di carta (A3) e ricordati di selezionare anche "Print background".
<br>
L'attuale layout può contenere fino a <span id="maxEvents"></span> eventi.
</div>
<br>
<form action="/flyer" target="_blank">
  <label for="template">Scegli un template: </label>
  <select onchange="templateSelected(this.value)" id="template" name="template">
    {% for template in templates %}
    <option value="{{template.name}}">{{template.name}}</option>
    {% endfor %}
  </select>
  <br><br>
  {% for event in events %}
<input type="checkbox"  id="{{event.id}}" name="events" value="{{event.id}}">
<label for="{{event.id}}"> {{loop.index}} [ {{event.when}} ] {{ event.title }}</label><br>
{% endfor %}
<br>
<input type="submit" value="Genera il volantino">
</form>
<script>
  const templates={{templates|tojson}}
  function templateSelected(templateName) {
    const template = templates.find((t) => t.name == templateName)
    const events = document.querySelectorAll("[name=events]")
    document.querySelector("#maxEvents").innerHTML = template.maxEvents
    var maxEvents = template.maxEvents
    events.forEach((e) => {
      e.checked = maxEvents > 0
      maxEvents--
    })
  }
  document.querySelector("#template").value = "{{default_template}}"
  templateSelected("{{default_template}}")
</script>
</body>
</html>
aggiunto template base 2023-10-09 17:52:29 +02:00			`<!doctype html>`
pulizia dei CSS, footer standardizzato, ritocco index 2023-11-13 00:39:49 +01:00			`</style>`
aggiunto template base 2023-10-09 17:52:29 +02:00			`<title>Generatore di volantini</title>`
il form iniziale è presentabile 2023-11-30 00:05:03 +01:00			`<head>`
			`<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }} ">`
			`<title>gancio flyers</title>`
			`</head>`
			`<body>`
			`<h3> Generatore di volantini per balotta.org</h3>`
aggiunto template base 2023-10-09 17:52:29 +02:00			`<div>`
			`Scegli gli eventi che vuoi mettere nel volantino e premi genera.`
pulizia dei CSS, footer standardizzato, ritocco index 2023-11-13 00:39:49 +01:00			`<br>`
migliorate istruzioni 2023-10-17 22:55:48 +02:00			`Per stampare fai "File >> Stampa" Scegli come destinazione "Salva come PDF", seleziona il giusto formato di carta (A3) e ricordati di selezionare anche "Print background".`
aggiunto template base 2023-10-09 17:52:29 +02:00			`<br>`
sistemato il select del template 2023-10-17 22:54:31 +02:00			`L'attuale layout può contenere fino a <span id="maxEvents"></span> eventi.`
aggiunto template base 2023-10-09 17:52:29 +02:00			`</div>`
stile + template + qrcode 2023-10-16 18:35:45 +02:00			`<br>`
aggiunto template base 2023-10-09 17:52:29 +02:00			`<form action="/flyer" target="_blank">`
pulizia dei CSS, footer standardizzato, ritocco index 2023-11-13 00:39:49 +01:00			`<label for="template">Scegli un template: </label>`
sistemato il select del template 2023-10-17 22:54:31 +02:00			`<select onchange="templateSelected(this.value)" id="template" name="template">`
aggiunto parametro template 2023-10-17 20:18:31 +02:00			`{% for template in templates %}`
modificato il sistema di gestione dei templates, ora un template è fatto dal template jinja + i parametri, aggiunto autoselect in home 2023-10-17 22:37:02 +02:00			`<option value="{{template.name}}">{{template.name}}</option>`
pulizia dei CSS, footer standardizzato, ritocco index 2023-11-13 00:39:49 +01:00			`{% endfor %}`
			`</select>`
			`<br><br>`
aggiunto parametro template 2023-10-17 20:18:31 +02:00			`{% for event in events %}`
modificato il sistema di gestione dei templates, ora un template è fatto dal template jinja + i parametri, aggiunto autoselect in home 2023-10-17 22:37:02 +02:00			`<input type="checkbox" id="{{event.id}}" name="events" value="{{event.id}}">`
aggiunto template base 2023-10-09 17:52:29 +02:00			`<label for="{{event.id}}"> {{loop.index}} [ {{event.when}} ] {{ event.title }}</label><br>`
			`{% endfor %}`
pulizia dei CSS, footer standardizzato, ritocco index 2023-11-13 00:39:49 +01:00			`<br>`
			`<input type="submit" value="Genera il volantino">`
aggiunto template base 2023-10-09 17:52:29 +02:00			`</form>`
modificato il sistema di gestione dei templates, ora un template è fatto dal template jinja + i parametri, aggiunto autoselect in home 2023-10-17 22:37:02 +02:00			`<script>`
			`const templates={{templates\|tojson}}`
sistemato il select del template 2023-10-17 22:54:31 +02:00			`function templateSelected(templateName) {`
			`const template = templates.find((t) => t.name == templateName)`
modificato il sistema di gestione dei templates, ora un template è fatto dal template jinja + i parametri, aggiunto autoselect in home 2023-10-17 22:37:02 +02:00			`const events = document.querySelectorAll("[name=events]")`
sistemato il select del template 2023-10-17 22:54:31 +02:00			`document.querySelector("#maxEvents").innerHTML = template.maxEvents`
modificato il sistema di gestione dei templates, ora un template è fatto dal template jinja + i parametri, aggiunto autoselect in home 2023-10-17 22:37:02 +02:00			`var maxEvents = template.maxEvents`
			`events.forEach((e) => {`
			`e.checked = maxEvents > 0`
			`maxEvents--`
			`})`
			`}`
sistemato il select del template 2023-10-17 22:54:31 +02:00			`document.querySelector("#template").value = "{{default_template}}"`
			`templateSelected("{{default_template}}")`
modificato il sistema di gestione dei templates, ora un template è fatto dal template jinja + i parametri, aggiunto autoselect in home 2023-10-17 22:37:02 +02:00			`</script>`
il form iniziale è presentabile 2023-11-30 00:05:03 +01:00			`</body>`
			`</html>`