francesco/cemento
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Activity

Update templates/index.html

Browse Source
This commit is contained in:
francesco
2026-01-20 14:51:41 +01:00
parent 0981083067
commit 88a2ceda45
1 changed files with 27 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
templates/index.html
View File

@@ -8,32 +8,31 @@
: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: white; border-radius: 12px; padding: 20px; flex: 1; min-width: 320px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
.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); }
table { width: 100%; border-collapse: collapse; margin-bottom: 15px; border-radius: 8px; overflow: hidden; }
th { padding: 10px; font-size: 13px; color: white; text-transform: uppercase; letter-spacing: 0.5px; }
td { padding: 8px; text-align: center; border: 1px solid #e5e5ea; font-size: 13px; }
table { width: 100%; border-collapse: collapse; margin-bottom: 15px; background: white; border-radius: 8px; overflow: hidden; }
th { padding: 10px; font-size: 14px; color: white; text-transform: uppercase; }
td { padding: 8px; text-align: center; border: 1px solid #e5e5ea; font-size: 14px; }
.h-blue { background: var(--mac-blue); }
.h-red { background: var(--mac-red); }
input { width: 85%; border: 1px solid #d1d1d6; border-radius: 5px; padding: 5px; text-align: center; }
select { border: 1px solid #d1d1d6; border-radius: 5px; padding: 4px; }
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: bold; cursor: pointer; margin-top: 10px; font-size: 14px; text-transform: uppercase; color: white; }
.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-cups { background: var(--mac-blue); }
.btn-exp { background: #5856d6; }
.btn-cups { background: var(--mac-blue); }
.btn-print { background: #c7c7cc; color: #1c1c1e; }
.res-box { border: 1px solid #e5e5ea; border-radius: 10px; padding: 15px; }
.res-section h4 { margin: 15px 0 5px 0; font-size: 11px; color: var(--mac-gray); text-transform: uppercase; }
.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: 11px; color: var(--mac-gray); }
ul { list-style: none; padding: 0; margin: 0; }
li { padding-left: 15px; position: relative; margin-bottom: 3px; }
li { padding-left: 15px; position: relative; margin-bottom: 2px; }
li::before { content: "•"; position: absolute; left: 0; color: #1c1c1e; }
hr { border: 0; border-top: 1px solid #e5e5ea; margin: 15px 0; }
.footer { text-align: center; font-size: 10px; color: var(--mac-gray); margin-top: 20px; text-transform: uppercase; }
.msg-ok { color: var(--mac-green); text-align: center; font-weight: bold; margin-top: 10px; }
hr { border: 0; border-top: 1px solid #d1d1d6; margin: 15px 0; }
.footer { text-align: center; font-size: 10px; color: var(--mac-gray); margin-top: 15px; text-transform: uppercase; }
@media print { .no-print { display: none !important; } }
</style>
</head>
@@ -42,16 +41,23 @@
<div class="panel no-print">
<form method="POST">
<table><tr class="h-blue"><th colspan="3">Dimensioni</th></tr>
<tr><td>Altezza</td><td><input type="text" name="a" value="{{form.get('a','0')}}"></td><td><select name="ua">{% for u in ['m','cm','mm'] %}<option value="{{u}}" {% if form.get('ua','m')==u %}selected{% endif %}>{{u}}</option>{% endfor %}</select></td></tr>
<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>
<tr><td>Altezza</td><td><input type="text" name="a" value="{{form.get('a','1')}}"></td><td><select name="ua">{% for u in ['m','cm','mm'] %}<option value="{{u}}" {% if form.get('ua','m')==u %}selected{% endif %}>{{u}}</option>{% endfor %}</select></td></tr>
<tr><td>Larghezza</td><td><input type="text" name="l" value="{{form.get('l','1')}}"></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','1')}}"></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><td>Cem:<br><input type="text" name="p_cem" value="{{form.get('p_cem','1')}}"></td><td>Sab:<br><input type="text" name="p_sab" value="{{form.get('p_sab','3')}}"></td><td>Ghi:<br><input type="text" name="p_ghi" value="{{form.get('p_ghi','5')}}"></td></tr>
<tr><td>Cemento:<br><input type="text" name="p_cem" value="{{form.get('p_cem','1')}}"></td><td>Sabbia:<br><input type="text" name="p_sab" value="{{form.get('p_sab','3')}}"></td><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>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">Versione Software: Rev.1 | Data: 20/01/2026</div>
<div class="footer">VERSIONE SOFTWARE: REV.1 | DATA RILASCIO: 20/01/2026</div>
</div>
<div class="panel">
@@ -69,9 +75,7 @@
<li>Acqua: {{ res.acqua }} L | <b>Totale: {{ res.tot_sacc }} sacch.</b></li>
</ul>
</div>
<div class="res-section">
<h4>Costo Stimato: <b>{{ res.costo_tot }} €</b></h4>
</div>
<div class="res-section"><h4>Costo totale: <b>{{ res.costo_tot }} €</b></h4></div>
<hr>
<div class="res-section">
<h4>Per ogni carico ({{ res.n_c }} carichi):</h4>
@@ -94,7 +98,7 @@
<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 %}
{% if msg_stampa %}<p style="color:var(--mac-green); font-weight:bold; text-align:center;">{{ msg_stampa }}</p>{% endif %}
{% else %}
<p style="text-align:center; color:var(--mac-gray);">Inserisci i dati e calcola.</p>
{% endif %}