Update templates/index.html
This commit is contained in:
@@ -5,7 +5,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Software Cemento Rev.1</title>
|
||||
<style>
|
||||
:root { --mac-bg: #f2f2f7; --mac-blue: #007aff; --mac-red: #ff3b30; --mac-green: #34c759; }
|
||||
:root { --mac-bg: #f2f2f7; --mac-blue: #007aff; --mac-red: #ff3b30; --mac-green: #34c759; --mac-gray: #8e8e93; }
|
||||
body { font-family: -apple-system, system-ui, sans-serif; background: var(--mac-bg); padding: 20px; font-size: 14px; color: #1c1c1e; }
|
||||
.container { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; max-width: 1200px; margin: auto; }
|
||||
.panel { background: rgba(255,255,255,0.8); backdrop-filter: blur(10px); border-radius: 12px; padding: 20px; flex: 1; min-width: 320px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
|
||||
@@ -16,22 +16,20 @@
|
||||
.h-blue { background: var(--mac-blue); }
|
||||
.h-red { background: var(--mac-red); }
|
||||
|
||||
.input-group { position: relative; display: inline-block; width: 90%; }
|
||||
input { width: 100%; border: 1px solid #d1d1d6; border-radius: 5px; padding: 6px 5px; text-align: center; font-size: 14px; box-sizing: border-box; }
|
||||
.unit-label { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); color: #8e8e93; pointer-events: none; }
|
||||
select { border: 1px solid #d1d1d6; border-radius: 5px; padding: 5px; font-size: 14px; }
|
||||
input { width: 90%; border: 1px solid #d1d1d6; border-radius: 5px; padding: 6px; text-align: center; font-size: 14px; }
|
||||
select { border: 1px solid #d1d1d6; border-radius: 5px; padding: 5px; }
|
||||
|
||||
.btn { width: 100%; padding: 12px; border-radius: 8px; border: none; font-weight: 600; cursor: pointer; margin-top: 10px; font-size: 15px; color: white; text-transform: uppercase; }
|
||||
.btn-calc { background: var(--mac-green); }
|
||||
.btn-exp { background: #5856d6; }
|
||||
.btn-cups { background: var(--mac-blue); }
|
||||
.btn-print { background: #c7c7cc; color: #1c1c1e; }
|
||||
|
||||
.res-section { margin-bottom: 15px; }
|
||||
.res-section h4 { margin: 0 0 5px 0; text-transform: uppercase; font-size: 12px; color: #8e8e93; }
|
||||
.res-box { background: white; padding: 15px; border-radius: 10px; border: 1px solid #d1d1d6; line-height: 1.6; }
|
||||
.res-section h4 { margin: 10px 0 5px 0; text-transform: uppercase; font-size: 12px; color: var(--mac-gray); }
|
||||
hr { border: 0; border-top: 1px solid #d1d1d6; margin: 15px 0; }
|
||||
.msg-ok { color: var(--mac-green); font-weight: bold; text-align: center; margin-top: 10px; font-size: 16px; }
|
||||
.footer-info { margin-top: 20px; text-align: center; font-size: 11px; color: #8e8e93; text-transform: uppercase; letter-spacing: 1px; }
|
||||
.msg-ok { color: var(--mac-green); font-weight: bold; text-align: center; margin-top: 10px; }
|
||||
.footer-info { margin-top: 15px; text-align: center; font-size: 10px; color: var(--mac-gray); text-transform: uppercase; }
|
||||
|
||||
@media print { .no-print { display: none !important; } }
|
||||
</style>
|
||||
@@ -46,7 +44,6 @@
|
||||
<tr><td>Larghezza</td><td><input type="text" name="l" value="{{form.get('l','0')}}"></td><td><select name="ul">{% for u in ['m','cm','mm'] %}<option value="{{u}}" {% if form.get('ul','m')==u %}selected{% endif %}>{{u}}</option>{% endfor %}</select></td></tr>
|
||||
<tr><td>Profondità</td><td><input type="text" name="p" value="{{form.get('p','0')}}"></td><td><select name="up">{% for u in ['m','cm','mm'] %}<option value="{{u}}" {% if form.get('up','m')==u %}selected{% endif %}>{{u}}</option>{% endfor %}</select></td></tr>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<tr class="h-red"><th colspan="3">Miscela (Parti)</th></tr>
|
||||
<tr>
|
||||
@@ -55,30 +52,17 @@
|
||||
<td>Ghiaia:<br><input type="text" name="p_ghi" value="{{form.get('p_ghi','5')}}"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<tr class="h-red"><th colspan="3">Peso sacchette (Kg)</th></tr>
|
||||
<tr>
|
||||
<td>Cemento:<br><div class="input-group"><input type="text" name="w_cem" value="{{form.get('w_cem','25')}}"><span class="unit-label">Kg</span></div></td>
|
||||
<td>Sabbia:<br><div class="input-group"><input type="text" name="w_sab" value="{{form.get('w_sab','25')}}"><span class="unit-label">Kg</span></div></td>
|
||||
<td>Ghiaia:<br><div class="input-group"><input type="text" name="w_ghi" value="{{form.get('w_ghi','25')}}"><span class="unit-label">Kg</span></div></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<tr class="h-red"><th colspan="3">Costo sacchette (€)</th></tr>
|
||||
<tr>
|
||||
<td>Cemento:<br><div class="input-group"><input type="text" name="c_cem" value="{{form.get('c_cem','1')}}"><span class="unit-label">€</span></div></td>
|
||||
<td>Sabbia:<br><div class="input-group"><input type="text" name="c_sab" value="{{form.get('c_sab','1')}}"><span class="unit-label">€</span></div></td>
|
||||
<td>Ghiaia:<br><div class="input-group"><input type="text" name="c_ghi" value="{{form.get('c_ghi','1')}}"><span class="unit-label">€</span></div></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<tr class="h-red"><th>Attrezzatura</th></tr>
|
||||
<tr><td>Volume Betoniera: <div class="input-group" style="width:80px;"><input type="text" name="v_bet" value="{{form.get('v_bet','160')}}"><span class="unit-label">L</span></div></td></tr>
|
||||
</table>
|
||||
|
||||
<table><tr class="h-red"><th colspan="3">Peso sacchette (Kg)</th></tr><tr>
|
||||
<td>Cem:<input type="text" name="w_cem" value="{{form.get('w_cem','25')}}"></td>
|
||||
<td>Sab:<input type="text" name="w_sab" value="{{form.get('w_sab','25')}}"></td>
|
||||
<td>Ghi:<input type="text" name="w_ghi" value="{{form.get('w_ghi','25')}}"></td>
|
||||
</tr></table>
|
||||
<table><tr class="h-red"><th colspan="3">Costo sacchette (€)</th></tr><tr>
|
||||
<td>Cem:<input type="text" name="c_cem" value="{{form.get('c_cem','1')}}"></td>
|
||||
<td>Sab:<input type="text" name="c_sab" value="{{form.get('c_sab','1')}}"></td>
|
||||
<td>Ghi:<input type="text" name="c_ghi" value="{{form.get('c_ghi','1')}}"></td>
|
||||
</tr></table>
|
||||
<table><tr class="h-red"><th>Attrezzatura</th></tr><tr><td>Volume Betoniera: <input type="text" name="v_bet" value="{{form.get('v_bet','160')}}" style="width:60px;"> L</td></tr></table>
|
||||
<button type="submit" class="btn btn-calc">Esegui Calcolo</button>
|
||||
</form>
|
||||
<div class="footer-info">Versione Software: Rev.1 | Data Rilascio: 20/01/2026</div>
|
||||
@@ -88,48 +72,38 @@
|
||||
<h3>Risultati</h3>
|
||||
{% if res %}
|
||||
<div class="res-box">
|
||||
<div class="res-section">
|
||||
<b>Volume:</b> {{ res.vol }} m³ | <b>Peso:</b> {{ res.peso }} Kg
|
||||
</div>
|
||||
<hr>
|
||||
<div class="res-section">
|
||||
<h4>Acquisti</h4>
|
||||
Cemento: {{ res.s_cem }} sacchetti<br>
|
||||
Sabbia: {{ res.s_sab }} sacchetti<br>
|
||||
Ghiaia: {{ res.s_ghi }} sacchetti<br>
|
||||
Acqua: {{ res.acqua }} L<br>
|
||||
<b>Totale materiale:</b> {{ res.tot_sacc }} sacchetti
|
||||
Cemento: {{ res.s_cem }} sacchetti | Sabbia: {{ res.s_sab }} sacchetti | Ghiaia: {{ res.s_ghi }} sacchetti<br>
|
||||
Acqua: {{ res.acqua }} L | <b>Totale: {{ res.tot_sacc }} sacchetti</b>
|
||||
</div>
|
||||
<div class="res-section">
|
||||
<h4>Costo stimato</h4>
|
||||
<b>Costo totale: {{ res.costo_tot }} €</b>
|
||||
<h4>Costo stimato: {{ res.costo_tot }} €</h4>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="res-section">
|
||||
<h4>Per ogni carico ({{ res.n_c }} carichi):</h4>
|
||||
• Cemento: {{ res.bc_cem }} sacchetti<br>
|
||||
• Sabbia: {{ res.bc_sab }} sacchetti<br>
|
||||
• Ghiaia: {{ res.bc_ghi }} sacchetti<br>
|
||||
• Acqua: {{ res.bc_aq }} L
|
||||
• Cemento: {{ res.bc_cem }} | • Sabbia: {{ res.bc_sab }} | • Ghiaia: {{ res.bc_ghi }} | • Acqua: {{ res.bc_aq }} L
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form method="POST" class="no-print">
|
||||
{% for k,v in form.items() %}<input type="hidden" name="{{k}}" value="{{v}}">{% endfor %}
|
||||
<input type="hidden" name="res_vol" value="{{res.vol}}"><input type="hidden" name="res_peso" value="{{res.peso}}">
|
||||
<input type="hidden" name="res_aq" value="{{res.acqua}}"><input type="hidden" name="res_tot_s" value="{{res.tot_sacc}}">
|
||||
<input type="hidden" name="res_costo_t" value="{{res.costo_tot}}"><input type="hidden" name="res_nc" value="{{res.n_c}}">
|
||||
<input type="hidden" name="res_s_cem" value="{{res.s_cem}}"><input type="hidden" name="res_s_sab" value="{{res.s_sab}}"><input type="hidden" name="res_s_ghi" value="{{res.s_ghi}}">
|
||||
<input type="hidden" name="res_bc_cem" value="{{res.bc_cem}}"><input type="hidden" name="res_bc_sab" value="{{res.bc_sab}}"><input type="hidden" name="res_bc_ghi" value="{{res.bc_ghi}}"><input type="hidden" name="res_bc_aq" value="{{res.bc_aq}}">
|
||||
<input type="hidden" name="res_aq" value="{{res.acqua}}"><input type="hidden" name="res_costo_t" value="{{res.costo_tot}}">
|
||||
<input type="hidden" name="res_nc" value="{{res.n_c}}"><input type="hidden" name="res_s_cem" value="{{res.s_cem}}">
|
||||
<input type="hidden" name="res_s_sab" value="{{res.s_sab}}"><input type="hidden" name="res_s_ghi" value="{{res.s_ghi}}">
|
||||
<input type="hidden" name="res_bc_cem" value="{{res.bc_cem}}"><input type="hidden" name="res_bc_sab" value="{{res.bc_sab}}">
|
||||
<input type="hidden" name="res_bc_ghi" value="{{res.bc_ghi}}"><input type="hidden" name="res_bc_aq" value="{{res.bc_aq}}">
|
||||
|
||||
<button type="submit" name="btn_stampa" class="btn btn-cups">Stampa PDF (CUPS)</button>
|
||||
<button type="submit" name="btn_stampa_cups" class="btn btn-cups">Stampa PDF (CUPS)</button>
|
||||
<button type="submit" formaction="/download" class="btn btn-exp">Esporta TXT</button>
|
||||
<button type="button" onclick="window.print()" class="btn btn-print">Stampa Pagina</button>
|
||||
</form>
|
||||
|
||||
{% if msg_stampa %}<div class="msg-ok">{{ msg_stampa }}</div>{% endif %}
|
||||
|
||||
{% else %}
|
||||
<p style="color:#8e8e93; text-align:center;">Inserisci i dati e premi "Esegui Calcolo".</p>
|
||||
<p style="text-align:center; color:var(--mac-gray);">Inserisci i dati e premi "Esegui Calcolo".</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user