267 lines
14 KiB
HTML
Executable File
267 lines
14 KiB
HTML
Executable File
<!-- pgs/xx_personal/template.html -->
|
|
<!-- ###META### START -->
|
|
<style type="text/css">
|
|
.list_entry .personal_bild {
|
|
position: relative;
|
|
float: right;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 4em;
|
|
width: 3.275em;
|
|
padding: 0;
|
|
background-color: #fff;
|
|
overflow: hidden;
|
|
}
|
|
.list_entry .personal_bild img {
|
|
position: absolute;
|
|
z-index: 1;
|
|
max-height: 4em;
|
|
max-width: unset;
|
|
}
|
|
.list_entry .personal_bild form {
|
|
position: absolute;
|
|
z-index: 10;
|
|
top: 0;
|
|
left: 0;
|
|
height: 4em;
|
|
width: 3.4em;
|
|
opacity: 0.6;
|
|
background-color: #fff;
|
|
}
|
|
.list_entry .personal_bild form button {
|
|
height: 4em;
|
|
width: 3.4em;
|
|
padding: 0;
|
|
}
|
|
.list_entry .personal_bild .deleter {
|
|
position: absolute;
|
|
z-index: 20;
|
|
bottom: -0.2em;
|
|
right: -0.2em;
|
|
background-color: #000;
|
|
border: 0.05em solid #fff;
|
|
border-radius: 0.2em;
|
|
}
|
|
.list_entry .personal_bild .deleter img {position: relative;height: 0.8em;}
|
|
.list_entry .personal_bild .dz-default {max-height: 100%;}
|
|
.personal_abteilung {background-color: #404;}
|
|
.personal_gruppe {background-color: #440;}
|
|
.personal_ausbildung {background-color: #044;}
|
|
.personal_einweisung {background-color: #840;}
|
|
</style>
|
|
<!-- ###META### END -->
|
|
<!-- ###GROUP_BEGIN### START -->
|
|
<div class="group_title"><h1><img src="/res/dark/type.png" /> ###GROUP_BEGIN.GROUP###</h1></div>
|
|
<!-- ###GROUP_BEGIN### END -->
|
|
<!-- ###GROUP_END### START -->
|
|
<!-- ###GROUP_END### END -->
|
|
<!-- ###LIST### START -->
|
|
<div class="list_entry_title">
|
|
<!-- ###LIST.MAIN### START -->
|
|
<div class="personal_bild">
|
|
<!-- ###LIST.MAIN.BILD### START -->
|
|
<!-- ###LIST.MAIN.BILD.EXISTIERT### IF -->
|
|
<img src="/pic.php/Personal/Bildadresse/###LIST.MAIN.BILD.ADRESSE###?h=260" />
|
|
<!-- ###LIST.MAIN.BILD.EXISTIERT### ELSE -->
|
|
<img src="/upl/Personal/Bildadresse/Nopic.svg" />
|
|
<!-- ###LIST.MAIN.BILD.EXISTIERT### END -->
|
|
<!-- ###LIST.MAIN.BILD### END -->
|
|
</div>
|
|
<ul>
|
|
<li>###LIST.SELECTBOX###</li>
|
|
<li><img src="/res/dark/number.png" />###LIST.MAIN.NR###</li>
|
|
<li><img src="/res/dark/person.png" /><b>###LIST.MAIN.NACHNAMEN###, ###LIST.MAIN.VORNAMEN###</b></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/note.png" />###LIST.MAIN.LOGIN###@feuerwehr-bs.net</li>
|
|
<!-- ###LIST.MAIN.FUNKTION### START -->
|
|
<li title="###LIST.MAIN.FUNKTION.NAME###"><img src="/res/dark/star.png" /><b>###LIST.MAIN.FUNKTION.KÜRZEL###</b></li>
|
|
<!-- ###LIST.MAIN.FUNKTION### END -->
|
|
<!-- ###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>
|
|
<!-- ###LIST.MAIN### END -->
|
|
<!-- ###LIST.MAIN:EDIT### START -->
|
|
<div class="personal_bild">
|
|
<!-- ###LIST.MAIN.BILD### START -->
|
|
<!-- ###LIST.MAIN.BILD.EXISTIERT### IF -->
|
|
<img src="/pic.php/Personal/Bildadresse/###LIST.MAIN.BILD.ADRESSE###?h=260" />
|
|
<a href="javascript:SubDelete(###LIST.ID###, 'Bilder');"><div class="deleter"><img src="/res/dark/delete.png" /></div></a>
|
|
<!-- ###LIST.MAIN.BILD.EXISTIERT### ELSE -->
|
|
<img src="/upl/Personal/Bildadresse/Nopic.svg" />
|
|
<!-- ###LIST.MAIN.BILD.EXISTIERT### END -->
|
|
<!-- ###LIST.MAIN.BILD### END -->
|
|
<form action="/Personal/###LIST.ID###/Bilder" class="dropzone" id="dropzone_###LIST.ID###"></form>
|
|
</div>
|
|
<ul>
|
|
<li><img src="/res/dark/number.png" /><input id="LIST/###LIST.ID###/OFNR" value="###LIST.MAIN.OFNR###" maxlength=2 style="width: 1.5em;"
|
|
/>-<input id="LIST/###LIST.ID###/PNR" value="###LIST.MAIN.PNR###" maxlength=3 style="width: 2em;" /></li>
|
|
<li><img src="/res/dark/person.png" /><input id="LIST/###LIST.ID###/NACHNAMEN" value="###LIST.MAIN.NACHNAMEN###" style="width: 8em;"
|
|
/>,<input id="LIST/###LIST.ID###/VORNAMEN" value="###LIST.MAIN.VORNAMEN###" style="width: 8em;" /></li>
|
|
<li><img src="/res/dark/type.png"
|
|
/><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/note.png" /><input id="LIST/###LIST.ID###/LOGIN" value="###LIST.MAIN.LOGIN###" style="width: 12em;" />@feuerwehr-bs.net</li>
|
|
<li><img src="/res/dark/star.png"
|
|
/><select id="LIST/###LIST.ID###/FUNKTION" style="width: 2.5em;">
|
|
<!-- ###LIST.MAIN.FUNKTION### START -->
|
|
<!-- ###LIST.MAIN.FUNKTION.SELECTED### IF -->
|
|
<option value=###LIST.MAIN.FUNKTION.ID### selected>###LIST.MAIN.FUNKTION.KÜRZEL###</option>
|
|
<!-- ###LIST.MAIN.FUNKTION.SELECTED### ELSE -->
|
|
<option value=###LIST.MAIN.FUNKTION.ID###>###LIST.MAIN.FUNKTION.KÜRZEL###</option>
|
|
<!-- ###LIST.MAIN.FUNKTION.SELECTED### END -->
|
|
<!-- ###LIST.MAIN.FUNKTION### END -->
|
|
</select>
|
|
</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>
|
|
<!-- ###LIST.MAIN:EDIT### END -->
|
|
</div>
|
|
<div class="list_entry_row">
|
|
<ul>
|
|
<!-- ###LIST.SUB### START -->
|
|
<!-- ###LIST.SUB.ABTEILUNGEN### START -->
|
|
<li class="personal_abteilung" title="###LIST.SUB.ABTEILUNGEN.NAME###"><img src="/res/dark/department.png" />###LIST.SUB.ABTEILUNGEN.KÜRZEL###</li>
|
|
<!-- ###LIST.SUB.ABTEILUNGEN### END -->
|
|
<!-- ###LIST.SUB.GRUPPEN### START -->
|
|
<li class="personal_gruppe" title="###LIST.SUB.GRUPPEN.NAME###"><img src="/res/dark/group.png" />###LIST.SUB.GRUPPEN.KÜRZEL###</li>
|
|
<!-- ###LIST.SUB.GRUPPEN### END -->
|
|
<!-- ###LIST.SUB.LEHRGÄNGE### START -->
|
|
<li class="personal_ausbildung" title="###LIST.SUB.LEHRGÄNGE.NAME###">
|
|
<img src="/res/personal/###LIST.SUB.LEHRGÄNGE.KÜRZEL###.svg" />###LIST.SUB.LEHRGÄNGE.KÜRZEL###
|
|
</li>
|
|
<!-- ###LIST.SUB.LEHRGÄNGE### END -->
|
|
<!-- ###LIST.SUB.EINWEISUNGEN### START -->
|
|
<li class="personal_einweisung" title="###LIST.SUB.EINWEISUNGEN.NAME###">
|
|
<img src="/res/dark/truck.png" />###LIST.SUB.EINWEISUNGEN.KÜRZEL###
|
|
</li>
|
|
<!-- ###LIST.SUB.EINWEISUNGEN### END -->
|
|
<!-- ###LIST.SUB### END -->
|
|
<!-- ###LIST.SUB:ADMIN### START -->
|
|
<!-- ###LIST.SUB.ABTEILUNGEN### START -->
|
|
<li class="personal_abteilung" title="###LIST.SUB.ABTEILUNGEN.NAME###"
|
|
><img src="/res/dark/department.png" />###LIST.SUB.ABTEILUNGEN.KÜRZEL###<a
|
|
href="javascript:SubDelete(###LIST.ID###, 'Abteilungen', ###LIST.SUB.ABTEILUNGEN.ID###);"><img src="/res/dark/delete.png" /></a>
|
|
</li>
|
|
<!-- ###LIST.SUB.ABTEILUNGEN### END -->
|
|
<li class="personal_abteilung" id="LIST/###LIST.ID###/SUB/ABTEILUNGEN/ADD"
|
|
><img src="/res/dark/department.png" /><a href="javascript:SubShowAdd(###LIST.ID###, 'ABTEILUNGEN');"><img src="/res/dark/add.png" /></a>
|
|
</li>
|
|
<!-- ###LIST.SUB.GRUPPEN### START -->
|
|
<li class="personal_gruppe" title="###LIST.SUB.GRUPPEN.NAME###"
|
|
><img src="/res/dark/group.png" />###LIST.SUB.GRUPPEN.KÜRZEL###<a
|
|
href="javascript:SubDelete(###LIST.ID###, 'Gruppen', ###LIST.SUB.GRUPPEN.ID###);"><img src="/res/dark/delete.png" /></a>
|
|
</li>
|
|
<!-- ###LIST.SUB.GRUPPEN### END -->
|
|
<li class="personal_gruppe" id="LIST/###LIST.ID###/SUB/GRUPPEN/ADD"
|
|
><img src="/res/dark/group.png" /><a href="javascript:SubShowAdd(###LIST.ID###, 'GRUPPEN');"><img src="/res/dark/add.png" /></a>
|
|
</li>
|
|
<!-- ###LIST.SUB.LEHRGÄNGE### START -->
|
|
<li class="personal_ausbildung" title="###LIST.SUB.LEHRGÄNGE.NAME###"
|
|
><img src="/res/personal/###LIST.SUB.LEHRGÄNGE.KÜRZEL###.svg" />###LIST.SUB.LEHRGÄNGE.KÜRZEL###<a
|
|
href="javascript:SubDelete(###LIST.ID###, 'Lehrgänge', ###LIST.SUB.LEHRGÄNGE.ID###);"><img src="/res/dark/delete.png" /></a>
|
|
</li>
|
|
<!-- ###LIST.SUB.LEHRGÄNGE### END -->
|
|
<li class="personal_ausbildung" id="LIST/###LIST.ID###/SUB/LEHRGÄNGE/ADD"
|
|
><img src="/res/dark/skill.png" /><a href="javascript:SubShowAdd(###LIST.ID###, 'LEHRGÄNGE');"><img src="/res/dark/add.png" /></a>
|
|
</li>
|
|
<!-- ###LIST.SUB.EINWEISUNGEN### START -->
|
|
<li class="personal_einweisung" title="###LIST.SUB.EINWEISUNGEN.NAME###"
|
|
><img src="/res/dark/truck.png" />###LIST.SUB.EINWEISUNGEN.KÜRZEL###<a
|
|
href="javascript:SubDelete(###LIST.ID###, 'Einweisungen', '###LIST.SUB.EINWEISUNGEN.ID###');"><img src="/res/dark/delete.png" /></a>
|
|
</li>
|
|
<!-- ###LIST.SUB.EINWEISUNGEN### END -->
|
|
<li class="personal_einweisung" id="LIST/###LIST.ID###/SUB/EINWEISUNGEN/ADD"
|
|
><img src="/res/dark/truck.png" /><a href="javascript:SubShowAdd(###LIST.ID###, 'EINWEISUNGEN');"><img src="/res/dark/add.png" /></a>
|
|
</li>
|
|
<!-- ###LIST.SUB:ADMIN### END -->
|
|
</ul>
|
|
</div>
|
|
<!-- ###LIST### END -->
|
|
<!-- ###ADD### START -->
|
|
<!-- ###ADD.MAIN### START -->
|
|
<a class="toggleVisibility" href="javascript: toggleVisibility('personal_add_button', 'personal_show_add')"
|
|
><h1>Personal hinzufügen <img id="personal_add_button" src="/res/dark/show.png" /></h1></a>
|
|
<div id="personal_show_add" class="toggleVisibility" style="display: none;"><ul>
|
|
<li>OF-Nr: <input id="ADD/OFNR" value="56" maxlength=2 style="width: 1.5em;" /></li>
|
|
<li>
|
|
P-Nr:
|
|
<input type=checkbox id="ADD/AUTOPNR" value="1" onclick="javascript: document.getElementById('ADD/PNR').disabled = document.getElementById('ADD/AUTOPNR').checked;"/>
|
|
Niedrigste freie Zahl >= 500, ansonsten <input id="ADD/PNR" maxlength=3 style="width: 2em;"/></li>
|
|
<li>Nachnamen: <input id="ADD/NACHNAMEN" style="width: 8em;" oninput="javascript: document.getElementById('ADD/LOGIN').value = document.getElementById('ADD/VORNAMEN').value.toLowerCase() + '.' + document.getElementById('ADD/NACHNAMEN').value.toLowerCase();" /></li>
|
|
<li>Vornamen: <input id="ADD/VORNAMEN" style="width: 8em;" oninput="javascript: document.getElementById('ADD/LOGIN').value = document.getElementById('ADD/VORNAMEN').value.toLowerCase() + '.' + document.getElementById('ADD/NACHNAMEN').value.toLowerCase();" /></li>
|
|
<li>Kategorie:
|
|
<select id="ADD/KATEGORIE" style="width: 8em;">
|
|
<!-- ###ADD.MAIN.KATEGORIE### START -->
|
|
<option value=###ADD.MAIN.KATEGORIE.ID###>###ADD.MAIN.KATEGORIE.NAME###</option>
|
|
<!-- ###ADD.MAIN.KATEGORIE### END -->
|
|
</select>
|
|
</li>
|
|
<li>Login: <input id="ADD/LOGIN" value="vorname.nachname" style="width: 12em;" />@feuerwehr-bs.net</li>
|
|
<li>Funktion:
|
|
<select id="ADD/FUNKTION" style="width: 3em;">
|
|
<!-- ###ADD.MAIN.FUNKTION### START -->
|
|
<option value=###ADD.MAIN.FUNKTION.ID###>###ADD.MAIN.FUNKTION.KÜRZEL###</option>
|
|
<!-- ###ADD.MAIN.FUNKTION### END -->
|
|
</select>
|
|
</li>
|
|
<li>Prozess starten:
|
|
<select id="ADD/AUTOPROZESS" style="width: 8em;">
|
|
<option value="" selected>Nein</option>
|
|
<option value="Schnuppern">Schnuppern</option>
|
|
<option value="Aufnahme">Aufnahme</option>
|
|
</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.ABTEILUNGEN### START -->
|
|
<img src="/res/dark/skill.png"
|
|
/><select id="ADD/###ADD.SUB.ABTEILUNGEN.ID###/ABTEILUNGEN">
|
|
<!-- ###ADD.SUB.ABTEILUNGEN.ABTEILUNGEN### START -->
|
|
<option value=###ADD.SUB.ABTEILUNGEN.ABTEILUNGEN.ID###>###ADD.SUB.ABTEILUNGEN.ABTEILUNGEN.NAME### (###ADD.SUB.ABTEILUNGEN.ABTEILUNGEN.KÜRZEL###)</option>
|
|
<!-- ###ADD.SUB.ABTEILUNGEN.ABTEILUNGEN### END -->
|
|
</select><a href="javascript:SubAdd(###ADD.SUB.ABTEILUNGEN.ID###, 'ABTEILUNGEN', 'Abteilungen');"><img src="/res/dark/save.png" /></a>
|
|
<!-- ###ADD.SUB.ABTEILUNGEN### END -->
|
|
<!-- ###ADD.SUB.GRUPPEN### START -->
|
|
<img src="/res/dark/skill.png"
|
|
/><select id="ADD/###ADD.SUB.GRUPPEN.ID###/GRUPPEN">
|
|
<!-- ###ADD.SUB.GRUPPEN.GRUPPEN### START -->
|
|
<option value=###ADD.SUB.GRUPPEN.GRUPPEN.ID###>###ADD.SUB.GRUPPEN.GRUPPEN.NAME### (###ADD.SUB.GRUPPEN.GRUPPEN.KÜRZEL###)</option>
|
|
<!-- ###ADD.SUB.GRUPPEN.GRUPPEN### END -->
|
|
</select><a href="javascript:SubAdd(###ADD.SUB.GRUPPEN.ID###, 'GRUPPEN', 'Gruppen');"><img src="/res/dark/save.png" /></a>
|
|
<!-- ###ADD.SUB.GRUPPEN### END -->
|
|
<!-- ###ADD.SUB.LEHRGÄNGE### START -->
|
|
<img src="/res/dark/skill.png"
|
|
/><select id="ADD/###ADD.SUB.LEHRGÄNGE.ID###/LEHRGÄNGE">
|
|
<!-- ###ADD.SUB.LEHRGÄNGE.LEHRGÄNGE### START -->
|
|
<option value=###ADD.SUB.LEHRGÄNGE.LEHRGÄNGE.ID###>###ADD.SUB.LEHRGÄNGE.LEHRGÄNGE.NAME### (###ADD.SUB.LEHRGÄNGE.LEHRGÄNGE.KÜRZEL###)</option>
|
|
<!-- ###ADD.SUB.LEHRGÄNGE.LEHRGÄNGE### END -->
|
|
</select><a href="javascript:SubAdd(###ADD.SUB.LEHRGÄNGE.ID###, 'LEHRGÄNGE', 'Lehrgänge');"><img src="/res/dark/save.png" /></a>
|
|
<!-- ###ADD.SUB.LEHRGÄNGE### END -->
|
|
<!-- ###ADD.SUB.EINWEISUNGEN### START -->
|
|
<img src="/res/dark/skill.png"
|
|
/><select id="ADD/###ADD.SUB.EINWEISUNGEN.ID###/EINWEISUNGEN">
|
|
<!-- ###ADD.SUB.EINWEISUNGEN.EINWEISUNGEN### START -->
|
|
<option value=###ADD.SUB.EINWEISUNGEN.EINWEISUNGEN.ID###>###ADD.SUB.EINWEISUNGEN.EINWEISUNGEN.NAME### (###ADD.SUB.EINWEISUNGEN.EINWEISUNGEN.KÜRZEL###)</option>
|
|
<!-- ###ADD.SUB.EINWEISUNGEN.EINWEISUNGEN### END -->
|
|
</select><a href="javascript:SubAdd(###ADD.SUB.EINWEISUNGEN.ID###, 'EINWEISUNGEN', 'Einweisungen');"><img src="/res/dark/save.png" /></a>
|
|
<!-- ###ADD.SUB.EINWEISUNGEN### END -->
|
|
<!-- ###ADD.SUB### END -->
|
|
<!-- ###ADD### END -->
|