App/pgs/30_einsaetze/template.html

261 lines
13 KiB
HTML

<!-- pgs/einsätze/template.html -->
<!-- ###META### START -->
<!-- ###META### END -->
<!-- ###GROUP_BEGIN### START -->
<div class="group_title"><h1>###GROUP_BEGIN.GROUP###</h1></div>
<!-- ###GROUP_BEGIN### END -->
<!-- ###LIST### START -->
<!-- ###LIST.MAIN### START -->
<div class="list_entry_title">
<ul>
<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.ART### START -->
<li title="###LIST.MAIN.ART.STICHWORTE###"><img src="/res/dark/type.png" />###LIST.MAIN.ART.NAME###</li>
<!-- ###LIST.MAIN.ART### END -->
<li><img src="/res/dark/location.png" />###LIST.MAIN.ADRESSE###</li>
<li><img src="/res/dark/teacher.png" />###LIST.MAIN.EINSATZLEITER###</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="einsätze_list_desc">↳ ###LIST.SUB.ANMELDUNG.RESTRICTIONS###</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### SWITCH -->
<!-- ###LIST.SUB.ANMELDUNG.COMES### CAN -->
<li class="einsätze_answer_good"><b>Du darfst kommen</b></li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### WAIT -->
<li class="einsätze_answer_bad">Auf Warteliste</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### WANTS -->
<li class="einsätze_answer_pending">Zur Auslosung angemeldet</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### ADD -->
<li class="einsätze_answer_not">Bei Interesse bitte anmelden</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### LEAD -->
<li class="einsätze_answer_lead">Du leitest diesen Dienst</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### END -->
<!-- ###LIST.SUB.ANMELDUNG.FREE### START -->
<li class="einsätze_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="einsätze_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="einsätze_list_desc">↳ ###LIST.SUB.ANMELDUNG.RESTRICTIONS###</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### SWITCH -->
<!-- ###LIST.SUB.ANMELDUNG.COMES### CAN -->
<li class="einsätze_answer_good"><b>Du darfst kommen</b></li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### WAIT -->
<li class="einsätze_answer_bad">Auf Warteliste</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### WANTS -->
<li class="einsätze_answer_pending">Zur Auslosung angemeldet</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### ADD -->
<li class="einsätze_answer_not">Bei Interesse bitte anmelden</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### LEAD -->
<li class="einsätze_answer_lead">Du leitest diesen Dienst</li>
<!-- ###LIST.SUB.ANMELDUNG.COMES### END -->
<!-- ###LIST.SUB.ANMELDUNG.FREE### START -->
<li class="einsätze_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="einsätze_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="einsätze_list_desc">↳ Teilnehmerliste:</li>
<!-- ###LIST.SUB.TEILNAHME### START -->
<!-- ###LIST.SUB.TEILNAHME.STATUS### SWITCH -->
<!-- ###LIST.SUB.TEILNAHME.STATUS### LEAD -->
<li class="einsätze_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="einsätze_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="einsätze_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="einsätze_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 -->
<!-- ###GROUP_END### START -->
</div>
<!-- ###GROUP_END### END -->
<!-- ###ADD### START -->
<!-- ###ADD.MAIN### START -->
<a class="toggleVisibility" href="javascript: toggleVisibility('einsätze_add_button', 'einsätze_show_add')"
><h1>Termin hinzufügen <img id="einsätze_add_button" src="/res/dark/show.png" /></h1></a>
<div id="einsätze_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 -->