diff --git a/templates/index.html b/templates/index.html index a94461a..222da46 100644 --- a/templates/index.html +++ b/templates/index.html @@ -16,12 +16,18 @@ .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; } .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; margin-top: 20px; } + .btn-cups { background: var(--mac-blue); } + + .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; } 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; } @@ -43,19 +49,35 @@ - - - + + +
Miscela (Parti)
Cem:
Sab:
Ghi:
Cemento:
Sabbia:
Ghiaia:
- - - + + + + + + +
Peso e Costo sacche
Kg:Kg:Kg:
€:€:€:
Peso sacchette (Kg)
Cemento:
Kg
Sabbia:
Kg
Ghiaia:
Kg
+ + + + + + + + +
Costo sacchette (€)
Cemento:
Sabbia:
Ghiaia:
+ + + +
Attrezzatura
Volume Betoniera:
L
- @@ -64,11 +86,30 @@

Risultati

{% if res %}
- Volume: {{ res.vol }} m³ | Peso: {{ res.peso }} Kg
- Sacchetti: C:{{res.s_cem}} | S:{{res.s_sab}} | G:{{res.s_ghi}} | Tot: {{res.tot_sacc}}
- Acqua: {{res.acqua}} L | Costo: {{res.costo_tot}} € +
+ Volume: {{ res.vol }} m³ | Peso: {{ res.peso }} Kg +

- Carico ({{ res.n_c }} carichi): C:{{res.bc_cem}} | S:{{res.bc_sab}} | G:{{res.bc_ghi}} | Aq:{{res.bc_aq}} L +
+

Acquisti

+ Cemento: {{ res.s_cem }} sacchetti
+ Sabbia: {{ res.s_sab }} sacchetti
+ Ghiaia: {{ res.s_ghi }} sacchetti
+ Acqua: {{ res.acqua }} L
+ Totale materiale: {{ res.tot_sacc }} sacchetti +
+
+

Costo stimato

+ Costo totale: {{ res.costo_tot }} € +
+
+
+

Per ogni carico ({{ res.n_c }} carichi):

+ • Cemento: {{ res.bc_cem }} sacchetti
+ • Sabbia: {{ res.bc_sab }} sacchetti
+ • Ghiaia: {{ res.bc_ghi }} sacchetti
+ • Acqua: {{ res.bc_aq }} L +
@@ -79,11 +120,13 @@ - +
{% if msg_stampa %}
{{ msg_stampa }}
{% endif %} + + {% else %}

Inserisci i dati e premi "Esegui Calcolo".

{% endif %}