OF56/App
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity
master
App/pgs/10_termine/template.html

293 lines
15 KiB
HTML
Executable File
Raw Permalink Blame History

<!-- pgs/termine/template.html -->
<!-- ###META### START -->
<style type="text/css">
.termine_list_desc {background-color: #000; font-weight: bold;}
.termine_answer_good {background-color: #170;}
.termine_answer_bad {background-color: #700;}
.termine_answer_pending {background-color: #b60;}
.termine_answer_not {background-color: #000;}
.termine_answer_lead {background-color: #00c; font-weight: bold;}
.termine_answer_free {background-color: #170; font-weight: bold;}
.termine_answer_add {background-color: #333;}
</style>
<a class="toggleVisibility" href="javascript: toggleVisibility('termine_show_button', 'termine_show_anleitung')"
><h1>Anleitung <img id="termine_show_button" src="/res/dark/show.png" /></h1></a>
<div id="termine_show_anleitung" class="toggleVisibility" style="display: none;">
<p>
Hier werden die kommenden Termine aufgelistet. Zu einigen davon kannst bzw. musst Du dich anmelden und zu einigen bist Du nicht zugelassen.
Lies daher bitte die folgenden Hinweise:
</p>
<ol>
<li>Du darfst zu einem Termin nur kommen, wenn dies auch so in der Liste unten steht: &quot;Du darfst kommen!&quot;</li>
<li>Bei Terminen mit mehr Interessenten als Pl&auml;tzen wird gelost, zur Zeit eine Woche vor Dienstbeginn.</li>
<li>Corona-Dienste werden zwei Tage vor Beginn f&uuml;r alle Gruppen freigegeben, falls noch Pl&auml;tze frei sind.</li>
<li>Erscheine <b>p&uuml;nktlich</b> zum Dienstbeginn! Bring eine <b>Maske</b> mit!</li>
<li>
<img src="/res/dark/check.png" /> = Zugelassen zum Dienst <img src="/res/dark/uncheck.png" /> = Nicht zugelassen<br />
<img src="/res/dark/warn.png" /> = Du bist bereits zu einem anderen Dienst 7 Tage vorher oder nachher angemeldet.
Denke daran, dass wir die Gruppeneinteilung auch als Infektionsschutz eingerichtet haben.
</li>
</ol>
</div>
<!-- ###META### END -->
<!-- ###LIST### START -->
<!-- ###LIST.MAIN### START -->
<div class="list_entry_title">
<ul>
<li>
<!-- ###LIST.MAIN.ERLAUBT### SWITCH -->
<img src="/res/dark/uncheck.png" />
<!-- ###LIST.MAIN.ERLAUBT### YES -->
<img src="/res/dark/check.png" />
<!-- ###LIST.MAIN.ERLAUBT### WARN -->
<img src="/res/dark/warn.png" /><b>Sperrfrist</b>
<!-- ###LIST.MAIN.ERLAUBT### END -->
</li>
<li><img src="/res/dark/date.png" /><b>###LIST.MAIN.DATUM###</b></li>
<li><img src="/res/dark/time.png" />###LIST.MAIN.ZEIT###</li>
<!-- ###LIST.MAIN.KATEGORIE### START -->
<li><img src="/res/dark/type.png" />###LIST.MAIN.KATEGORIE.NAME###</li>
<!-- ###LIST.MAIN.KATEGORIE### END -->
<li><img src="/res/dark/topic.png" />###LIST.MAIN.THEMA###</li>
<li><img src="/res/dark/teacher.png" />###LIST.MAIN.VERANTWORTLICHE###</li>
<!-- ###LIST.MAIN.ADMIN### START -->
<!-- ###LIST.MAIN.ADMIN### END -->
<!-- ###LIST.MAIN.ADMIN:ADMIN### START -->
<a href="javascript:Edit(###LIST.ID###);"><li><img src="/res/dark/edit.png" title="Bearbeiten"/></li></a>
<!-- ###LIST.MAIN.ADMIN:ADMIN### END -->
</ul>
</div>
<!-- ###LIST.MAIN### END -->
<!-- ###LIST.MAIN:EDIT### START -->
<div class="list_entry_title">
<ul>
<li>
<!-- ###LIST.MAIN.ERLAUBT### SWITCH -->
<img src="/res/dark/uncheck.png" />
<!-- ###LIST.MAIN.ERLAUBT### YES -->
<img src="/res/dark/check.png" />
<!-- ###LIST.MAIN.ERLAUBT### WARN -->
<img src="/res/dark/warn.png" />
<!-- ###LIST.MAIN.ERLAUBT### END -->
</li>
<li>
<img src="/res/dark/date.png" title="Beginn"
/><input type="date" id="LIST/###LIST.ID###/BEGINN/DATE" value="###LIST.MAIN.BEGINN.DATE###"
/><input type="time" id="LIST/###LIST.ID###/BEGINN/TIME" value="###LIST.MAIN.BEGINN.TIME###" />
</li>
<li>
<img src="/res/dark/date.png" title="Ende"
/><input type="date" id="LIST/###LIST.ID###/ENDE/DATE" value="###LIST.MAIN.ENDE.DATE###"
/><input type="time" id="LIST/###LIST.ID###/ENDE/TIME" value="###LIST.MAIN.ENDE.TIME###" />
</li>
<li>
<img src="/res/dark/type.png" title="Art"
/><select id="LIST/###LIST.ID###/KATEGORIE" style="width: 8em;">
<!-- ###LIST.MAIN.KATEGORIE### START -->
<!-- ###LIST.MAIN.KATEGORIE.SELECTED### IF -->
<option value=###LIST.MAIN.KATEGORIE.ID### selected>###LIST.MAIN.KATEGORIE.NAME###</option>
<!-- ###LIST.MAIN.KATEGORIE.SELECTED### ELSE -->
<option value=###LIST.MAIN.KATEGORIE.ID###>###LIST.MAIN.KATEGORIE.NAME###</option>
<!-- ###LIST.MAIN.KATEGORIE.SELECTED### END -->
<!-- ###LIST.MAIN.KATEGORIE### END -->
</select>
</li>
<li>
<img src="/res/dark/mechanism.png" title="Platzvergabe-Einschränkungen"
/><select id="LIST/###LIST.ID###/PLATZVERGABE">
<!-- ###LIST.MAIN.PLATZVERGABE### START -->
<!-- ###LIST.MAIN.PLATZVERGABE.SELECTED### IF -->
<option value=###LIST.MAIN.PLATZVERGABE.ID### selected>###LIST.MAIN.PLATZVERGABE.NAME###</option>
<!-- ###LIST.MAIN.PLATZVERGABE.SELECTED### ELSE -->
<option value=###LIST.MAIN.PLATZVERGABE.ID###>###LIST.MAIN.PLATZVERGABE.NAME###</option>
<!-- ###LIST.MAIN.PLATZVERGABE.SELECTED### END -->
<!-- ###LIST.MAIN.PLATZVERGABE### END -->
</select>
</li>
<li>
<img src="/res/dark/group.png" title="Gruppe"
/><select id="LIST/###LIST.ID###/GRUPPE">
<!-- ###LIST.MAIN.GRUPPE### START -->
<!-- ###LIST.MAIN.GRUPPE.SELECTED### IF -->
<option value=###LIST.MAIN.GRUPPE.ID### selected>###LIST.MAIN.GRUPPE.NAME###</option>
<!-- ###LIST.MAIN.GRUPPE.SELECTED### ELSE -->
<option value=###LIST.MAIN.GRUPPE.ID###>###LIST.MAIN.GRUPPE.NAME###</option>
<!-- ###LIST.MAIN.GRUPPE.SELECTED### END -->
<!-- ###LIST.MAIN.GRUPPE### END -->
</select>
</li>
<li>
<img src="/res/dark/topic.png" title="Thema"
/><input id="LIST/###LIST.ID###/THEMA" value="###LIST.MAIN.THEMA###" style="width: 16em;" />
</li>
<li>
<img src="/res/dark/topic.png" title="Ausgelost" />
<!-- ###LIST.MAIN.AUSGELOST### IF -->
<input type="checkbox" id="LIST/###LIST.ID###/AUSGELOST" value="true" checked />
<!-- ###LIST.MAIN.AUSGELOST### ELSE -->
<input type="checkbox" id="LIST/###LIST.ID###/AUSGELOST" value="true" />
<!-- ###LIST.MAIN.AUSGELOST### END -->
</li>
<li>
<img src="/res/dark/list.png" title="Dienstplan"
/><select id="LIST/###LIST.ID###/DIENSTPLAN">
<!-- ###LIST.MAIN.DIENSTPLAN### START -->
<!-- ###LIST.MAIN.DIENSTPLAN.SELECTED### IF -->
<option value=###LIST.MAIN.DIENSTPLAN.ID### selected>###LIST.MAIN.DIENSTPLAN.JAHR### ###LIST.MAIN.DIENSTPLAN.NAME###</option>
<!-- ###LIST.MAIN.DIENSTPLAN.SELECTED### ELSE -->
<option value=###LIST.MAIN.DIENSTPLAN.ID###>###LIST.MAIN.DIENSTPLAN.JAHR### ###LIST.MAIN.DIENSTPLAN.NAME###</option>
<!-- ###LIST.MAIN.DIENSTPLAN.SELECTED### END -->
<!-- ###LIST.MAIN.DIENSTPLAN### END -->
</select>
</li>
<li><img src="/res/dark/location.png" title="Ort" /><input id="LIST/###LIST.ID###/ORT" value="###LIST.MAIN.ORT###" style="width: 8em;" /></li>
<a href="javascript:Save(###LIST.ID###);" title="Speichern"><li><img src="/res/dark/save.png" /></li></a>
<a href="javascript:Cancel(###LIST.ID###);" title="Abbrechen"><li><img src="/res/dark/cancel.png" /></li></a>
<a href="javascript:Delete(###LIST.ID###);" title="Löschen"><li><img src="/res/dark/delete.png" /></li></a>
</ul>
</div>
<!-- ###LIST.MAIN:EDIT### END -->
<!-- ###LIST.SUB### START -->
<!-- ###LIST.SUB.ANMELDUNG### START -->
<div class="list_entry_row">
<ul>
<li class="termine_list_desc">↳ ###LIST.SUB.ANMELDUNG.RESTRICTIONS###</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### SWITCH -->
<!-- ###LIST.SUB.ANMELDUNG.COMES### CAN -->
<li class="termine_answer_good"><b>Du darfst kommen</b></li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### WAIT -->
<li class="termine_answer_bad">Auf Warteliste</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### WANTS -->
<li class="termine_answer_pending">Zur Auslosung angemeldet</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### ADD -->
<li class="termine_answer_not">Bei Interesse bitte anmelden</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### LEAD -->
<li class="termine_answer_lead">Du leitest diesen Dienst</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### END -->
<!-- ###LIST.SUB.ANMELDUNG.FREE### START -->
<li class="termine_answer_free">Noch ###LIST.SUB.ANMELDUNG.FREE.NUM### Pl&auml;tze frei</li>
<!-- ###LIST.SUB.ANMELDUNG.FREE### END -->
<!-- ###LIST.SUB.ANMELDUNG.ACTION### START -->
<a href="javascript:Request('###LIST.SUB.ANMELDUNG.ACTION.METHOD###', {Status: ###LIST.SUB.ANMELDUNG.ACTION.STATUS###}, ###LIST.ID###, 'Teilnahme');"
><li class="termine_answer_action">###LIST.SUB.ANMELDUNG.ACTION.NAME###<img src="/res/dark/###LIST.SUB.ANMELDUNG.ACTION.IMG###" /></li></a>
<!-- ###LIST.SUB.ANMELDUNG.ACTION### END -->
</ul>
</div>
<!-- ###LIST.SUB.ANMELDUNG### END -->
<!-- ###LIST.SUB### END -->
<!-- ###LIST.SUB:ADMIN### START -->
<!-- ###LIST.SUB.ANMELDUNG### START -->
<div class="list_entry_row">
<ul>
<li class="termine_list_desc">↳ ###LIST.SUB.ANMELDUNG.RESTRICTIONS###</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### SWITCH -->
<!-- ###LIST.SUB.ANMELDUNG.COMES### CAN -->
<li class="termine_answer_good"><b>Du darfst kommen</b></li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### WAIT -->
<li class="termine_answer_bad">Auf Warteliste</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### WANTS -->
<li class="termine_answer_pending">Zur Auslosung angemeldet</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### ADD -->
<li class="termine_answer_not">Bei Interesse bitte anmelden</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### LEAD -->
<li class="termine_answer_lead">Du leitest diesen Dienst</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### END -->
<!-- ###LIST.SUB.ANMELDUNG.FREE### START -->
<li class="termine_answer_free">Noch ###LIST.SUB.ANMELDUNG.FREE.NUM### Pl&auml;tze frei</li>
<!-- ###LIST.SUB.ANMELDUNG.FREE### END -->
<!-- ###LIST.SUB.ANMELDUNG.ACTION### START -->
<a href="javascript:Request('###LIST.SUB.ANMELDUNG.ACTION.METHOD###', {Status: ###LIST.SUB.ANMELDUNG.ACTION.STATUS###}, ###LIST.ID###, 'Teilnahme');"
><li class="termine_answer_action">###LIST.SUB.ANMELDUNG.ACTION.NAME###<img src="/res/dark/###LIST.SUB.ANMELDUNG.ACTION.IMG###" /></li></a>
<!-- ###LIST.SUB.ANMELDUNG.ACTION### END -->
</ul>
</div>
<!-- ###LIST.SUB.ANMELDUNG### END -->
<div class="list_entry_row">
<ul>
<li class="termine_list_desc">↳ Teilnehmerliste:</li>
<!-- ###LIST.SUB.TEILNAHME### START -->
<!-- ###LIST.SUB.TEILNAHME.STATUS### SWITCH -->
<!-- ###LIST.SUB.TEILNAHME.STATUS### LEAD -->
<li class="termine_answer_lead" title="Ausbildungen: ###LIST.SUB.TEILNAHME.LEHRGÄNGE###">
<img src="/res/dark/teacher.png" /><b>###LIST.SUB.TEILNAHME.NAME###</b><a
href="javascript:Request('PATCH', {Status: 1}, ###LIST.ID###, 'Teilnahme', ###LIST.SUB.TEILNAHME.ID###);"
><img title="Nicht mehr Verantwortlich" src="/res/dark/check.png" /></a><a
href="javascript:SubDelete(###LIST.ID###, 'Teilnahme', ###LIST.SUB.TEILNAHME.ID###);"><img title="Entfernen" src="/res/dark/delete.png" /></a>
</li>
<!-- ###LIST.SUB.TEILNAHME.STATUS### CAN -->
<li class="termine_answer_good" title="Ausbildungen: ###LIST.SUB.TEILNAHME.LEHRGÄNGE###">
<img src="/res/dark/check.png" />###LIST.SUB.TEILNAHME.NAME###<a
href="javascript:Request('PATCH', {Status: 2}, ###LIST.ID###, 'Teilnahme', ###LIST.SUB.TEILNAHME.ID###);"
><img title="Verantwortlich machen" src="/res/dark/teacher.png" /></a><a
href="javascript:SubDelete(###LIST.ID###, 'Teilnahme', ###LIST.SUB.TEILNAHME.ID###);"><img title="Entfernen" src="/res/dark/delete.png" /></a>
</li>
<!-- ###LIST.SUB.TEILNAHME.STATUS### WANT -->
<li class="termine_answer_pending" title="Ausbildungen: ###LIST.SUB.TEILNAHME.LEHRGÄNGE###">
<img src="/res/dark/uncheck.png" />###LIST.SUB.TEILNAHME.NAME###<a
href="javascript:Request('PATCH', {Status: 1}, ###LIST.ID###, 'Teilnahme', ###LIST.SUB.TEILNAHME.ID###);"
><img title="Teilnahme erlauben" src="/res/dark/check.png" /></a><a
href="javascript:SubDelete(###LIST.ID###, 'Teilnahme', ###LIST.SUB.TEILNAHME.ID###);"><img title="Entfernen" src="/res/dark/delete.png" /></a>
</li>
<!-- ###LIST.SUB.TEILNAHME.STATUS### END -->
<!-- ###LIST.SUB.TEILNAHME### END -->
<li class="termine_answer_add" id="LIST/###LIST.ID###/SUB/TEILNAHME/ADD">
<a href="javascript:SubShowAdd(###LIST.ID###, 'TEILNAHME');"><img src="/res/dark/add.png"></a>
</li>
</ul>
</div>
<!-- ###LIST.SUB:ADMIN### END -->
<!-- ###LIST### END -->
<!-- ###ADD### START -->
<!-- ###ADD.MAIN### START -->
<a class="toggleVisibility" href="javascript: toggleVisibility('termine_add_button', 'termine_show_add')"
><h1>Termin hinzufügen <img id="termine_add_button" src="/res/dark/show.png" /></h1></a>
<div id="termine_show_add" class="toggleVisibility" style="display: none;">
<ul>
<li>Beginn: <input type="date" id="ADD/BEGINN/DATE" onChange="document.getElementById('ADD/ENDE/DATE').value=this.value;" /><input type="time" id="ADD/BEGINN/TIME" value="18:00" /></li>
<li>Ende: <input type="date" id="ADD/ENDE/DATE"/><input type="time" id="ADD/ENDE/TIME" value="21:00" /></li>
<li>Thema: <input id="ADD/THEMA" style="width: 8em;" /></li>
<li>Ort: <input id="ADD/ORT" style="width: 6em;" /></li>
<li>Dienstplan:
<select id="ADD/DIENSTPLAN">
<!-- ###ADD.MAIN.DIENSTPLAN### START -->
<option value=###ADD.MAIN.DIENSTPLAN.ID###>###ADD.MAIN.DIENSTPLAN.JAHR### ###ADD.MAIN.DIENSTPLAN.NAME###</option>
<!-- ###ADD.MAIN.DIENSTPLAN### END -->
</select>
</li>
<li>Kategorie:
<select id="ADD/KATEGORIE">
<!-- ###ADD.MAIN.KATEGORIE### START -->
<option value=###ADD.MAIN.KATEGORIE.ID###>###ADD.MAIN.KATEGORIE.NAME###</option>
<!-- ###ADD.MAIN.KATEGORIE### END -->
</select>
</li>
<li>Platzvergabe:
<select id="ADD/PLATZVERGABE">
<!-- ###ADD.MAIN.PLATZVERGABE### START -->
<option value=###ADD.MAIN.PLATZVERGABE.ID###>###ADD.MAIN.PLATZVERGABE.NAME###</option>
<!-- ###ADD.MAIN.PLATZVERGABE### END -->
</select>
</li>
<li>Ausgelost: <input type="checkbox" id="ADD/AUSGELOST" value="true" /></li>
<li>Gruppe:
<select id="ADD/GRUPPE">
<!-- ###ADD.MAIN.GRUPPE### START -->
<option value=###ADD.MAIN.GRUPPE.ID###>###ADD.MAIN.GRUPPE.NAME### (###ADD.MAIN.GRUPPE.KÜRZEL###)</option>
<!-- ###ADD.MAIN.GRUPPE### END -->
</select>
</li>
<a href="javascript:Add();"><li>Hinzufügen <img src="/res/dark/add.png" /></li></a>
</ul></div>
<!-- ###ADD.MAIN### END -->
<!-- ###ADD.SUB### START -->
<!-- ###ADD.SUB.TEILNAHME### START -->
<select id="ADD/###ADD.SUB.TEILNAHME.ID###/TEILNAHME">
<!-- ###ADD.SUB.TEILNAHME.TEILNAHME### START -->
<option value=###ADD.SUB.TEILNAHME.TEILNAHME.ID###>###ADD.SUB.TEILNAHME.TEILNAHME.NAME###</option>
<!-- ###ADD.SUB.TEILNAHME.TEILNAHME### END -->
</select>
<a href="javascript:SubAdd(###ADD.SUB.TEILNAHME.ID###, 'TEILNAHME', 'Teilnahme');"><img src="/res/dark/save.png" /></a>
<!-- ###ADD.SUB.TEILNAHME### END -->
<!-- ###ADD.SUB### END -->
<!-- ###ADD### END -->
Reference in New Issue View Git Blame Copy Permalink