Files
aufmass-web/_aufmass_web/app/templates/components/modul_gruben.html
T

71 lines
6.5 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<form hx-post="{{ url_for('modules.berechnen', module_name='gruben') }}" hx-target="#modul-modal-body" hx-swap="innerHTML">
<div class="modal-modul mg">
<div class="columns is-multiline is-variable is-3">
<div class="column is-12-tablet is-4-desktop">
<div class="gl-card" style="background:linear-gradient(135deg,#eef2fa,#e8edf5);border-color:rgba(47,84,150,.1)">
<div class="gl-card-header"><span class="icon" style="background:rgba(47,84,150,.1)">???</span><h4>Grube</h4></div>
<label class="gl-label">Abschnitt</label>
<input class="gl-input" name="abschnitt">
<div class="gl-grid-3" style="margin-top:8px">
<div><label class="gl-label">Länge (m)</label><input class="gl-input" name="laenge" type="number" step="0.01"></div>
<div><label class="gl-label">Breite (m)</label><input class="gl-input" name="breite" type="number" step="0.01"></div>
<div><label class="gl-label">Tiefe (m)</label><input class="gl-input" name="tiefe" type="number" step="0.01"></div>
</div>
<label class="gl-label" style="margin-top:8px">Bemerkung</label>
<input class="gl-input" name="bemerkung">
</div>
</div>
<div class="column is-12-tablet is-4-desktop">
<div class="gl-card" style="background:linear-gradient(135deg,#edf7ed,#e6f3e6);border-color:rgba(39,174,96,.1)">
<div class="gl-card-header"><span class="icon" style="background:rgba(39,174,96,.1)">??</span><h4>Oberfläche</h4></div>
<div class="gl-grid-2">
<label class="gl-toggle"><input type="checkbox" name="ob_wiese"><span class="toggle-track"></span><span class="toggle-label"> Wiese</span></label>
<label class="gl-toggle"><input type="checkbox" name="ob_kies"><span class="toggle-track"></span><span class="toggle-label"> Kies</span></label>
<label class="gl-toggle"><input type="checkbox" name="ob_asphalt"><span class="toggle-track"></span><span class="toggle-label"> Asphalt</span></label>
<label class="gl-toggle"><input type="checkbox" name="ob_pflaster"><span class="toggle-track"></span><span class="toggle-label"> Pflaster</span></label>
<label class="gl-toggle"><input type="checkbox" name="ob_mosaik"><span class="toggle-track"></span><span class="toggle-label"> Mosaik</span></label>
<label class="gl-toggle"><input type="checkbox" name="ob_bodentausch"><span class="toggle-track"></span><span class="toggle-label"> Bodentausch</span></label>
<label class="gl-toggle"><input type="checkbox" name="ob_fels"><span class="toggle-track"></span><span class="toggle-label"> Fels</span></label>
<label class="gl-toggle"><input type="checkbox" name="ob_winterbau"><span class="toggle-track"></span><span class="toggle-label"> Winterbau</span></label>
</div>
<label class="gl-toggle"><input type="checkbox" name="ob_gr_natur_pfl"><span class="toggle-track"></span><span class="toggle-label"> Groß/Natursteinpflaster</span></label>
<label class="gl-toggle"><input type="checkbox" name="ob_in_beton"><span class="toggle-track"></span><span class="toggle-label"> in Beton Pflaster/Mosaik</span></label>
<div style="margin-top:8px"><label class="gl-label">Asphaltstärke (cm)</label><input class="gl-input gl-input-sm" name="asphaltstaerke" type="number" step="0.5"></div>
<div class="gl-subcard" style="margin-top:8px">
<div style="font-weight:600;font-size:.78rem;margin-bottom:6px">Reststreifen (l × b)</div>
<div class="gl-grid-2"><div><label class="gl-label">Länge</label><input class="gl-input" name="rest_laenge" type="number" step="0.01"></div><div><label class="gl-label">Breite</label><input class="gl-input" name="rest_breite" type="number" step="0.01"></div></div>
</div>
<div style="margin-top:8px"><label class="gl-label">Anzahl Einzeiler</label><input class="gl-input gl-input-sm" name="anz_einzeiler" type="number" step="1"></div>
<div class="gl-grid-auto" style="margin-top:6px">
<label class="gl-toggle"><input type="checkbox" name="bord"><span class="toggle-track"></span><span class="toggle-label"> Bordstein</span></label>
<label class="gl-toggle"><input type="checkbox" name="kante"><span class="toggle-track"></span><span class="toggle-label"> Kantenstein</span></label>
<label class="gl-toggle"><input type="checkbox" name="rinne"><span class="toggle-track"></span><span class="toggle-label"> Einzeiler/Rinne</span></label>
<label class="gl-toggle"><input type="checkbox" name="liefern"><span class="toggle-track"></span><span class="toggle-label"> liefern</span></label>
</div>
</div>
</div>
<div class="column is-12-tablet is-4-desktop">
<div class="gl-card" style="background:linear-gradient(135deg,#f3e8fd,#ede0f7);border-color:rgba(142,68,173,.1)">
<div class="gl-card-header"><span class="icon" style="background:rgba(142,68,173,.1)">?</span><h4>Aktionen & Vorlagen</h4></div>
<label class="gl-toggle"><input type="checkbox" name="einmessen"><span class="toggle-track"></span><span class="toggle-label"> Grube/Muffe einmessen</span></label>
<input class="gl-input" name="einmessen_bemerk" placeholder="Bemerkung" style="margin-top:4px">
<label class="gl-toggle"><input type="checkbox" name="kugelmarker"><span class="toggle-track"></span><span class="toggle-label"> Kugelmarker</span></label>
<label class="gl-toggle"><input type="checkbox" name="rohrinstand"><span class="toggle-track"></span><span class="toggle-label"> Punktuelle Rohrinstansetzung</span></label>
<div class="gl-subcard" style="margin-top:10px">
<div style="font-weight:600;font-size:.78rem;margin-bottom:6px">Vorlagen Gruben</div>
<div class="gl-grid-auto">
<label class="gl-toggle"><input type="checkbox" name="vorlage_gfm"><span class="toggle-track"></span><span class="toggle-label"> GF-Muffe</span></label>
<label class="gl-toggle"><input type="checkbox" name="vorlage_mfg12"><span class="toggle-track"></span><span class="toggle-label"> MFG 12</span></label>
<label class="gl-toggle"><input type="checkbox" name="vorlage_mfg15"><span class="toggle-track"></span><span class="toggle-label"> MFG 15</span></label>
<label class="gl-toggle"><input type="checkbox" name="vorlage_mfg18"><span class="toggle-track"></span><span class="toggle-label"> MFG 18</span></label>
<label class="gl-toggle"><input type="checkbox" name="vorlage_enas"><span class="toggle-track"></span><span class="toggle-label"> ENAS</span></label>
</div>
</div>
</div>
</div>
</div>
{% include 'components/modul_actions.html' %}
</div>
</form>