From fca82eba7d1c24c2d8b4bd2e21d1a3ab68ab30f2 Mon Sep 17 00:00:00 2001
From: Marco Pessotto <melmothx@gmail.com>
Date: Tue, 30 Jan 2024 07:47:57 +0100
Subject: [PATCH] Compute total cover dimensions

---
 root/src/bookcovers/edit.tt | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/root/src/bookcovers/edit.tt b/root/src/bookcovers/edit.tt
index 22a51bfb..8114fd0d 100644
--- a/root/src/bookcovers/edit.tt
+++ b/root/src/bookcovers/edit.tt
@@ -5,6 +5,7 @@
 </div>
 <form action="[% c.uri_for_action('/bookcovers/edit', bookcover.bookcover_id) %]"
       method="POST"
+      id="bookcover-form"
       enctype="multipart/form-data">
 
 <div class="row">
@@ -87,6 +88,15 @@
                  id="marklength">
         </div>
       </div>
+      <div class="form-group">
+        <label for="total-lengths" class="col-sm-6 text-right">[% loc('Total size (mm)') %]
+        </label>
+        <div class="col-sm-6" id="total-lengths">
+          <strong>
+            <span id="paper-width"></span> x <span id="paper-height"></span>
+          </strong>
+        </div>
+      </div>
       <div class="form-group">
         <div class="col-sm-offset-6 col-sm-6">
           <div class="checkbox">
@@ -230,3 +240,25 @@
   </div>
 </div>
 </form>
+
+<script>
+ $(document).ready(function() {
+     function compute_total() {
+         console.log("Computing totals");
+         var total_height = parseInt($('#coverheight').val() || 0)
+                          + parseInt($('#bleedwidth').val()  || 0) * 2
+                          + parseInt($('#marklength').val()  || 0) * 2;
+         var total_width = parseInt($('#coverwidth').val() || 0) * 2
+                         + parseInt($('#spinewidth').val() || 0)
+                         + parseInt($('#wrapwidth').val()  || 0) * 2
+                         + parseInt($('#flapwidth').val()  || 0) * 2
+                         + parseInt($('#bleedwidth').val() || 0) * 2
+                         + parseInt($('#marklength').val() || 0) * 2;
+         $('#paper-height').text(total_height);
+         $('#paper-width').text(total_width);
+     }
+     compute_total();
+     $('#bookcover-form').on('keyup', compute_total);
+     $('#bookcover-form').on('change', compute_total);
+ });
+</script>