73 lines
3.5 KiB
HTML
73 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="it">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Calcolo Calcestruzzo</title>
|
|
<style>
|
|
body { font-family: sans-serif; padding: 20px; background: #f0f0f0; }
|
|
.container { display: flex; gap: 20px; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
|
|
.input-panel { flex: 1; border-right: 1px solid #ccc; padding-right: 20px; }
|
|
.output-panel { flex: 1; padding-left: 20px; min-height: 400px; white-space: pre-wrap; }
|
|
table { width: 100%; }
|
|
td { padding: 5px; }
|
|
input, select { padding: 5px; width: 100%; box-sizing: border-box; }
|
|
.btn-container { margin-top: 20px; display: flex; gap: 10px; }
|
|
button { padding: 15px; cursor: pointer; flex: 1; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="input-panel">
|
|
<form method="POST">
|
|
<table>
|
|
<tr><td>Larghezza</td><td><input type="text" name="l" value="{{form.get('l','1')}}"></td><td><select name="ul"><option value="m">m</option></select></td></tr>
|
|
<tr><td>Profondità</td><td><input type="text" name="p" value="{{form.get('p','20')}}"></td><td><select name="up"><option value="cm">cm</option></select></td></tr>
|
|
<tr><td>Altezza</td><td><input type="text" name="a" value="{{form.get('a','500')}}"></td><td><select name="ua"><option value="mm">mm</option></select></td></tr>
|
|
<tr><td colspan="3"><hr></td></tr>
|
|
<tr><td>Parte Cemento</td><td colspan="2"><input type="text" name="p_cem" value="{{form.get('p_cem','1')}}"></td></tr>
|
|
<tr><td>Parte Sabbia</td><td colspan="2"><input type="text" name="p_sab" value="{{form.get('p_sab','3')}}"></td></tr>
|
|
<tr><td>Parte Ghiaia</td><td colspan="2"><input type="text" name="p_ghi" value="{{form.get('p_ghi','5')}}"></td></tr>
|
|
</table>
|
|
<button type="submit" style="background:#e1f5fe;">Calcola</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="output-panel">
|
|
<h3>Risultati del Calcolo:</h3>
|
|
{% if res %}
|
|
--- Dettagli Gettata ---
|
|
Volume totale: {{ res.vol }} m3
|
|
Peso stimato: {{ res.peso }} kg
|
|
|
|
--- Totale Materiali ---
|
|
Cemento: {{ res.s_cem }} sacchetti
|
|
Sabbia: {{ res.s_sab }} sacchetti
|
|
Ghiaia: {{ res.s_ghi }} sacchetti
|
|
|
|
<div class="btn-container">
|
|
<form action="/download" method="POST" style="flex:1;">
|
|
<input type="hidden" name="res_vol" value="{{res.vol}}">
|
|
<input type="hidden" name="res_tot_s" value="{{res.tot_sacc}}">
|
|
<button type="submit">Stampa TXT</button>
|
|
</form>
|
|
<button type="button" onclick="stampaCups()" style="flex:1; background:#fff3e0;">Stampa PDF (CUPS)</button>
|
|
</div>
|
|
<div id="status" style="margin-top:10px; font-weight:bold;"></div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function stampaCups() {
|
|
const s = document.getElementById('status');
|
|
s.innerText = "Invio al NAS...";
|
|
const fd = new FormData();
|
|
fd.append('res_vol', '{{res.vol if res else ""}}');
|
|
fd.append('res_tot_s', '{{res.tot_sacc if res else ""}}');
|
|
|
|
fetch('/stampa_pdf', { method: 'POST', body: fd })
|
|
.then(r => r.text()).then(m => { s.innerText = m; });
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |