From 30bf32d6768f3c013b44e1ed76d94f9954d6e565 Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Thu, 26 Nov 2020 13:06:35 +0100
Subject: Refactor custom widgets templates - ISSN/ISBN check

---
 .../templates/widgets/CentimeterMeterWidget.html   | 21 ++++++++++++++++++
 .../templates/widgets/CheckTextWidget.html         | 25 ++++++++++++++++++++++
 .../templates/widgets/GramKilogramWidget.html      | 21 ++++++++++++++++++
 .../templates/widgets/SquareMeterWidget.html       | 21 ++++++++++++++++++
 4 files changed, 88 insertions(+)
 create mode 100644 ishtar_common/templates/widgets/CentimeterMeterWidget.html
 create mode 100644 ishtar_common/templates/widgets/CheckTextWidget.html
 create mode 100644 ishtar_common/templates/widgets/GramKilogramWidget.html
 create mode 100644 ishtar_common/templates/widgets/SquareMeterWidget.html

(limited to 'ishtar_common/templates/widgets')

diff --git a/ishtar_common/templates/widgets/CentimeterMeterWidget.html b/ishtar_common/templates/widgets/CentimeterMeterWidget.html
new file mode 100644
index 000000000..00c1614b5
--- /dev/null
+++ b/ishtar_common/templates/widgets/CentimeterMeterWidget.html
@@ -0,0 +1,21 @@
+<div class="input-group">
+    <input class="area_widget form-control" type="text"{{final_attrs|safe}}>
+    <div class="input-group-append">
+        <div class="input-group-text">
+            {{unit}} (<span id="meter_{{id}}">0</span>&nbsp;m)
+        </div>
+    </div>
+</div>
+<script type="text/javascript"><!--//
+    function evaluate_{{safe_id}}(){
+        value = parseFloat($("#{{id}}").val());
+        if(!isNaN(value)){
+            value = value/100;
+        } else {
+            value = 0;
+        }
+        $("#meter_{{id}}").html(value);
+    }
+    $("#{{id}}").keyup(evaluate_{{safe_id}});
+    $(document).ready(evaluate_{{safe_id}}());
+//--></script>
diff --git a/ishtar_common/templates/widgets/CheckTextWidget.html b/ishtar_common/templates/widgets/CheckTextWidget.html
new file mode 100644
index 000000000..593fcbb5b
--- /dev/null
+++ b/ishtar_common/templates/widgets/CheckTextWidget.html
@@ -0,0 +1,25 @@
+<div class="input-group">
+    <input class="area_widget form-control" type="text"{{final_attrs|safe}}>
+    <div class="input-group-append">
+        <div class="input-group-text" id="check-{{id}}">
+            <i class="text-success fa fa-check"></i>
+            <i class="text-danger fa fa-times"></i>
+        </div>
+    </div>
+</div>
+<script type="text/javascript"><!--//
+    $("#check-{{id}} .text-danger").hide();
+    $("#check-{{id}} .text-success").hide();
+    function evaluate_{{safe_id}}(){
+        value = $("#{{id}}").val();
+        if ({{validator}}(value)){
+            $("#check-{{id}} .text-danger").hide();
+            $("#check-{{id}} .text-success").show();
+        } else {
+            $("#check-{{id}} .text-danger").show();
+            $("#check-{{id}} .text-success").hide();
+        }
+    }
+    $("#{{id}}").keyup(evaluate_{{safe_id}});
+    $(document).ready(evaluate_{{safe_id}}());
+//--></script>
diff --git a/ishtar_common/templates/widgets/GramKilogramWidget.html b/ishtar_common/templates/widgets/GramKilogramWidget.html
new file mode 100644
index 000000000..27c066d13
--- /dev/null
+++ b/ishtar_common/templates/widgets/GramKilogramWidget.html
@@ -0,0 +1,21 @@
+<div class="input-group">
+    <input class="area_widget form-control" type="text"{{final_attrs|safe}}>
+    <div class="input-group-append">
+        <div class="input-group-text">
+            {{unit}} (<span id="kg_{{id}}">0</span>&nbsp;kg)
+        </div>
+    </div>
+</div>
+<script type="text/javascript"><!--//
+    function evaluate_{{safe_id}}(){
+        value = parseFloat($("#{{id}}").val());
+        if(!isNaN(value)){
+            value = value/1000;
+        } else {
+            value = 0;
+        }
+        $("#kg_{{id}}").html(value);
+    }
+    $("#{{id}}").keyup(evaluate_{{safe_id}});
+    $(document).ready(evaluate_{{safe_id}}());
+//--></script>
diff --git a/ishtar_common/templates/widgets/SquareMeterWidget.html b/ishtar_common/templates/widgets/SquareMeterWidget.html
new file mode 100644
index 000000000..09e93b425
--- /dev/null
+++ b/ishtar_common/templates/widgets/SquareMeterWidget.html
@@ -0,0 +1,21 @@
+<div class="input-group">
+    <input class="area_widget form-control" type="text"{{final_attrs|safe}}>
+    <div class="input-group-append">
+        <div class="input-group-text">
+            {{unit}} (<span id="ha_{{id}}">0</span>&nbsp;ha)
+        </div>
+    </div>
+</div>
+<script type="text/javascript"><!--//
+    function evaluate_{{safe_id}}(){
+        value = parseFloat($("#{{id}}").val());
+        if(!isNaN(value)){
+            value = value/10000;
+        } else {
+            value = 0;
+        }
+        $("#ha_{{id}}").html(value);
+    }
+    $("#{{id}}").keyup(evaluate_{{safe_id}});
+    $(document).ready(evaluate_{{safe_id}}());
+//--></script>
-- 
cgit v1.2.3