oldmav/BNV
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Releases 1 Wiki Activity

HTML Teil vollständig kommentiert / dokumentiert

Browse Source
This commit is contained in:
oldmav
2026-01-30 20:27:50 +00:00
parent 25cdeb042e
commit c9fe6051e9
1 changed files with 28 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
BNV_Master.html
View File

@@ -12,7 +12,7 @@
--> -->
<style> <style>
/* === STYLING (Golden Master) === */ /* === STYLING === */
body { font-family: 'Segoe UI', Arial, sans-serif; background-color: #f4f7f6; padding: 20px; color: #333; } body { font-family: 'Segoe UI', Arial, sans-serif; background-color: #f4f7f6; padding: 20px; color: #333; }
form { background: #fff; max-width: 900px; margin: 0 auto; padding: 40px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-radius: 8px; } form { background: #fff; max-width: 900px; margin: 0 auto; padding: 40px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-radius: 8px; }
@@ -57,14 +57,14 @@
.storage-area { background-color: #f8f9fa; border: 1px solid #e9ecef; padding: 20px; border-radius: 8px; margin-top: 50px; } .storage-area { background-color: #f8f9fa; border: 1px solid #e9ecef; padding: 20px; border-radius: 8px; margin-top: 50px; }
.storage-controls { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 15px; } .storage-controls { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 15px; }
/* === TOOLTIP / MOUSE OVER STYLING === */ /* === TOOLTIP mit MOUSE OVER === */
.info-icon { .info-icon {
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 18px; width: 18px;
height: 18px; height: 18px;
background-color: #008B00; /* Dein Design-Grün */ background-color: #008B00;
color: white; color: white;
border-radius: 50%; border-radius: 50%;
font-size: 12px; font-size: 12px;
@@ -78,7 +78,7 @@
.info-icon .tooltip-text { .info-icon .tooltip-text {
visibility: hidden; visibility: hidden;
width: 220px; width: 220px;
background-color: #333; /* Dunkler Hintergrund */ background-color: #333;
color: #fff; color: #fff;
text-align: center; text-align: center;
border-radius: 6px; border-radius: 6px;
@@ -136,7 +136,7 @@
.input-wrapper.checkbox-left label { .input-wrapper.checkbox-left label {
margin-bottom: 0 !important; margin-bottom: 0 !important;
cursor: pointer; cursor: pointer;
/* Falls du das Label fett gedruckt hast, machen wir es hier evtl. normal, Geschmackssache: */ /* Falls du das Label fett gedruckt hast, wird es hiermit evtl. normal, Geschmackssache: */
/* font-weight: normal; */ /* font-weight: normal; */
} }
@@ -155,7 +155,7 @@
<body> <body>
<div id="version-warning"> <div id="version-warning">
⚠️ VERALTETE VERSION! Bitte laden Sie die aktuelle Vorlage im Intranet/CMS herunter. ⚠️ VERALTETE VERSION! Bitte laden Sie die aktuelle Vorlage im Intranet/CMS [URL folgt] herunter.
<div id="critical-msg" style="display:none; color: yellow;"> <div id="critical-msg" style="display:none; color: yellow;">
Diese Version ist zu alt und gesperrt. Diese Version ist zu alt und gesperrt.
</div> </div>
@@ -170,6 +170,7 @@
</div> </div>
<hr> <hr>
<!-- Allgemeine Ausfüllhinweise, Kasten oben -->
<div class="process-info"> <div class="process-info">
<strong>Ablauf beim Senden:</strong><br> <strong>Ablauf beim Senden:</strong><br>
1. Ein <b>PDF</b> wird erstellt und heruntergeladen.<br> 1. Ein <b>PDF</b> wird erstellt und heruntergeladen.<br>
@@ -188,6 +189,7 @@
</div> </div>
</div> </div>
<!-- erscheint nur, wenn Änderung ausgewählt wurde -->
<div class="form-grouping hidden" id="gruppeAenderungsart"> <div class="form-grouping hidden" id="gruppeAenderungsart">
<h3>Art der Änderung</h3> <h3>Art der Änderung</h3>
<div class="radio-group"> <div class="radio-group">
@@ -291,6 +293,9 @@
</div> </div>
</div> </div>
<!-- Liste der Fachverfahren und Spezialanwendungen in den Geschäftsbereichen -->
<!-- Liste muss hier vollständig erfasst sein, damit eine Steuerung erfolgen kann -->
<!-- Grundsätzlich ist die Liste für alle sichtbar (Mandanten entsprechend ergänzen), erst die einzelenen Checkboxen werden dann gesteuert -->
<div id="row_anwendungen" data-areas="DEBUG,ZENIT,JVA,OLG,VG,ARBG,SDJ,FG,SD,GSTA"> <div id="row_anwendungen" data-areas="DEBUG,ZENIT,JVA,OLG,VG,ARBG,SDJ,FG,SD,GSTA">
<label class="main-label">Fachverfahren / Fachanwendungen</label> <label class="main-label">Fachverfahren / Fachanwendungen</label>
<div class="checkbox-group"> <div class="checkbox-group">
@@ -351,6 +356,7 @@
</div> </div>
</div> </div>
<!-- Liste der Dienstbezeichnungen ist ziemlich vollständig & kann je nach Mandant einzelne Einträge gesteuert werden -->
<div class="form-grouping hidden" id="gruppeAnwenderdetails"> <div class="form-grouping hidden" id="gruppeAnwenderdetails">
<h3>Anwenderdetails</h3> <h3>Anwenderdetails</h3>
<div class="field-grid-3"> <div class="field-grid-3">
@@ -397,6 +403,7 @@
</select> </select>
</div> </div>
<!-- Liste der Funktion entsprechend ergänzen und über Mandant steuern -->
<div class="input-wrapper" id="row_mitarbeiter_funktion" data-areas="DEBUG,OLG,VG,ARBG"> <div class="input-wrapper" id="row_mitarbeiter_funktion" data-areas="DEBUG,OLG,VG,ARBG">
<label for="ma_funktion">Funktion</label> <label for="ma_funktion">Funktion</label>
<select id="ma_funktion" name="ma_funktion"> <select id="ma_funktion" name="ma_funktion">
@@ -415,8 +422,8 @@
</select> </select>
</div> </div>
<!-- Dienstort --> <!-- Dienstort entweder Anschrift oder Behördenbezeichnung -->
<!-- ZenIT --> <!-- ZenIT vollständig -->
<div class="input-wrapper" id="row_dienstort_ZENIT" data-areas="DEBUG,ZENIT"> <div class="input-wrapper" id="row_dienstort_ZENIT" data-areas="DEBUG,ZENIT">
<label for="dienstort_ZENIT">Dienstort</label> <label for="dienstort_ZENIT">Dienstort</label>
<select id="dienstort_ZENIT" name="dienstort_ZENIT"> <select id="dienstort_ZENIT" name="dienstort_ZENIT">
@@ -428,7 +435,8 @@
<option value="Gartenstr. 3">ZenIT - Gartenstr. 3</option> <option value="Gartenstr. 3">ZenIT - Gartenstr. 3</option>
</select> </select>
</div> </div>
<!-- OLG -->
<!-- OLG vollständig -->
<div class="input-wrapper" id="row_dienstort_OLG" data-areas="OLG"> <div class="input-wrapper" id="row_dienstort_OLG" data-areas="OLG">
<label for="dienstort_OLG">Dienstort</label> <label for="dienstort_OLG">Dienstort</label>
<select id="dienstort_OLG" name="dienstort_OLG"> <select id="dienstort_OLG" name="dienstort_OLG">
@@ -475,7 +483,8 @@
<option value="OLG Brandenburg">OLG Brandenburg</option> <option value="OLG Brandenburg">OLG Brandenburg</option>
</select> </select>
</div> </div>
<!-- JVA -->
<!-- JVA vollständig -->
<div class="input-wrapper" id="row_dienstort_JVA" data-areas="JVA"> <div class="input-wrapper" id="row_dienstort_JVA" data-areas="JVA">
<label for="dienstort_JVA">Dienstort</label> <label for="dienstort_JVA">Dienstort</label>
<select id="dienstort_JVA" name="dienstort_JVA"> <select id="dienstort_JVA" name="dienstort_JVA">
@@ -488,7 +497,8 @@
<option value="JVA Nord-Brandenburg TA Wriezen">JVA Nord-Brandenburg TA Wriezen</option> <option value="JVA Nord-Brandenburg TA Wriezen">JVA Nord-Brandenburg TA Wriezen</option>
</select> </select>
</div> </div>
<!-- SDJ -->
<!-- SDJ vollständig -->
<div class="input-wrapper" id="row_dienstort_SDJ" data-areas="SDJ"> <div class="input-wrapper" id="row_dienstort_SDJ" data-areas="SDJ">
<label for="dienstort_SDJ">Dienstort</label> <label for="dienstort_SDJ">Dienstort</label>
<select id="dienstort_SDJ" name="dienstort_SDJ"> <select id="dienstort_SDJ" name="dienstort_SDJ">
@@ -515,7 +525,7 @@
</select> </select>
</div> </div>
<!-- VG --> <!-- VG vollständig -->
<div class="input-wrapper" id="row_dienstort_VG" data-areas="VG"> <div class="input-wrapper" id="row_dienstort_VG" data-areas="VG">
<label for="dienstort_VG">Dienstort</label> <label for="dienstort_VG">Dienstort</label>
<select id="dienstort_VG" name="dienstort_VG"> <select id="dienstort_VG" name="dienstort_VG">
@@ -526,7 +536,7 @@
</select> </select>
</div> </div>
<!-- GSTA --> <!-- GSTA ACHTUNG unvollständig -->
<div class="input-wrapper" id="row_dienstort_GSTA" data-areas="GSTA"> <div class="input-wrapper" id="row_dienstort_GSTA" data-areas="GSTA">
<label for="dienstort_GSTA">Dienstort</label> <label for="dienstort_GSTA">Dienstort</label>
<select id="dienstort_GSTA" name="dienstort_GSTA"> <select id="dienstort_GSTA" name="dienstort_GSTA">
@@ -539,7 +549,7 @@
</select> </select>
</div> </div>
<!-- FG --> <!-- FG ACHTUNG unvollständig -->
<div class="input-wrapper" id="row_dienstort_FG" data-areas="FG"> <div class="input-wrapper" id="row_dienstort_FG" data-areas="FG">
<label for="dienstort_FG">Dienstort</label> <label for="dienstort_FG">Dienstort</label>
<select id="dienstort_FG" name="dienstort_FG"> <select id="dienstort_FG" name="dienstort_FG">
@@ -552,7 +562,7 @@
</select> </select>
</div> </div>
<!-- SG --> <!-- SG ACHTUNG unvollständig -->
<div class="input-wrapper" id="row_dienstort_SG" data-areas="SG"> <div class="input-wrapper" id="row_dienstort_SG" data-areas="SG">
<label for="dienstort_SG">Dienstort</label> <label for="dienstort_SG">Dienstort</label>
<select id="dienstort_SG" name="dienstort_SG"> <select id="dienstort_SG" name="dienstort_SG">
@@ -565,7 +575,7 @@
</select> </select>
</div> </div>
<!-- ARBG --> <!-- ARBG vollständig -->
<div class="input-wrapper" id="row_dienstort_ARBG" data-areas="ARBG"> <div class="input-wrapper" id="row_dienstort_ARBG" data-areas="ARBG">
<label for="dienstort_ARBG">Dienstort</label> <label for="dienstort_ARBG">Dienstort</label>
<select id="dienstort_ARBG" name="dienstort_ARBG"> <select id="dienstort_ARBG" name="dienstort_ARBG">
@@ -1481,7 +1491,6 @@
</div> </div>
<br> <br>
<p align=right><i>© ZenIT - FB2</i> <p align=right><i>© ZenIT - FB2</i>
</form> </form>
<script> <script>
@@ -1489,7 +1498,8 @@
* stellt alle erforderlichen Script Teile / Snippets / Bibliotheken bereit für das Script welches sich um die Funktion in der Datei kümmert. Es muss zwingend * stellt alle erforderlichen Script Teile / Snippets / Bibliotheken bereit für das Script welches sich um die Funktion in der Datei kümmert. Es muss zwingend
' vor dem Script der HTML Datei kommen. ' vor dem Script der HTML Datei kommen.
* NICHT LÖSCHEN! NICHT MODIFIZIEREN! * NICHT LÖSCHEN! NICHT MODIFIZIEREN!
* Script für die Funktion der HTML Datei folgt, nach diesem Script *
* Script für die Funktion der HTML Datei folgt, nach diesem Script
* Script welches modigiziert werden darf beginnt mit Kommentar: SCRIPT BNV * Script welches modigiziert werden darf beginnt mit Kommentar: SCRIPT BNV
* *
* BEGINN ORIGINAL SCRIPT: * BEGINN ORIGINAL SCRIPT: