Add PLZ to search for adresses in ZMR

author: Christian Kollmann <christian.kollmann@a-sit.at> 2021-12-02 16:05:57 +0100
committer: Christian Kollmann <christian.kollmann@a-sit.at> 2021-12-07 10:07:15 +0100
commit: ac56869c2a981e40d6cf4637fb8fd46c06207c9d (patch)
tree: f6e7ae5ed63dcf8a822e88d9a3e16f527f5a1e38 /basicConfig/templates/residency.html
parent: 6fff1b53525348d531c96b45c920a8ce72288f60 (diff)
download: National_eIDAS_Gateway-ac56869c2a981e40d6cf4637fb8fd46c06207c9d.tar.gz
National_eIDAS_Gateway-ac56869c2a981e40d6cf4637fb8fd46c06207c9d.tar.bz2
National_eIDAS_Gateway-ac56869c2a981e40d6cf4637fb8fd46c06207c9d.zip
1 files changed, 162 insertions, 150 deletions
diff --git a/basicConfig/templates/residency.html b/basicConfig/templates/residency.html
index 9dc1153d..b434b9f9 100644
--- a/basicConfig/templates/residency.html
+++ b/basicConfig/templates/residency.html
@@ -5,168 +5,180 @@
       th:with="lang=${#locale.language}" th:lang="${lang}">
 
 <head>
-  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" href="$contextPath/static/css/css_country.css" th:href="@{/static/css/css_country.css}"/>
-  <script type="text/javascript" src="$contextPath/static/js/jquery-3.6.0.js"
-          th:attr="src=@{/static/js/jquery-3.6.0.min.js}"></script>
-  <title th:text="#{gui.residency.title}">Österreichischer Wohnsitz</title>
-  <script type="text/javascript" th:inline="javascript">
-    $(document).ready(function () {
-      $("#textResult").hide();
-      $("#tableResult").hide();
-      $("#loading").hide();
-      $.ajaxSetup({
-        beforeSend: function () {
-          $("#loading").show();
-        },
-        complete: function () {
-          $("#loading").hide();
-        }
-      });
-    });
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="$contextPath/static/css/css_country.css" th:href="@{/static/css/css_country.css}"/>
+    <script type="text/javascript" src="$contextPath/static/js/jquery-3.6.0.js"
+            th:attr="src=@{/static/js/jquery-3.6.0.min.js}"></script>
+    <title th:text="#{gui.residency.title}">Österreichischer Wohnsitz</title>
+    <script type="text/javascript" th:inline="javascript">
+        $(document).ready(function () {
+            $("#textResult").hide();
+            $("#tableResult").hide();
+            $("#loading").hide();
+            $.ajaxSetup({
+                beforeSend: function () {
+                    $("#loading").show();
+                },
+                complete: function () {
+                    $("#loading").hide();
+                }
+            });
+        });
 
-    function search() {
-      let updatedText = /*[[#{gui.residency.updated}]]*/ 'Updated text';
-      let errorText = /*[[#{gui.residency.error}]]*/ 'Error';
-      let applyText = /*[[#{gui.residency.apply}]]*/ 'Apply';
-      let foundText = /*[[#{gui.residency.found}]]*/ 'Found {0}';
-      let uniqueText = /*[[#{gui.residency.unique}]]*/ 'Unique';
-      let invalidInputText = /*[[#{gui.residency.header.inputinvalid}]]*/ 'Invalid';
-      if (!$("#inputForm #inputMunicipality").val().trim() && !$("#inputForm #inputVillage").val().trim()) {
-        $("#textResult").show().text(invalidInputText);
-        return;
-      }
-      $.ajax({
-        type: "POST",
-        url: "http://localhost:8080/ms_connector/residency/search",
-        data: $("#inputForm").serialize()
-      }).done(function (data, textStatus, jqXHR) {
-        if (data["resultCount"] == 1) {
-          $("#textResult").show().text(uniqueText);
-          $("#tableResult tbody").empty();
-          $("#tableResult").hide();
-          $("#inputForm #inputMunicipality").val(data["results"][0]["municipality"]);
-          $("#inputForm #inputVillage").val(data["results"][0]["village"]);
-          $("#inputForm #inputStreet").val(data["results"][0]["street"]);
-          $("#inputForm #inputNumber").val(data["results"][0]["number"]);
-          return;
+        function search() {
+            let updatedText = /*[[#{gui.residency.updated}]]*/ 'Updated text';
+            let errorText = /*[[#{gui.residency.error}]]*/ 'Error';
+            let applyText = /*[[#{gui.residency.apply}]]*/ 'Apply';
+            let foundText = /*[[#{gui.residency.found}]]*/ 'Found {0}';
+            let uniqueText = /*[[#{gui.residency.unique}]]*/ 'Unique';
+            let invalidInputText = /*[[#{gui.residency.header.inputinvalid}]]*/ 'Invalid';
+            if (!$("#inputForm #inputMunicipality").val().trim() && !$("#inputForm #inputPostleitzahl").val().trim() &&
+                !$("#inputForm #inputVillage").val().trim()) {
+                $("#textResult").show().text(invalidInputText);
+                return;
+            }
+            $.ajax({
+                type: "POST",
+                url: "http://localhost:8080/ms_connector/residency/search",
+                data: $("#inputForm").serialize()
+            }).done(function (data, textStatus, jqXHR) {
+                if (data["resultCount"] == 1) {
+                    $("#textResult").show().text(uniqueText);
+                    $("#tableResult tbody").empty();
+                    $("#tableResult").hide();
+                    $("#inputForm #inputPostleitzahl").val(data["results"][0]["postleitzahl"]);
+                    $("#inputForm #inputMunicipality").val(data["results"][0]["municipality"]);
+                    $("#inputForm #inputVillage").val(data["results"][0]["village"]);
+                    $("#inputForm #inputStreet").val(data["results"][0]["street"]);
+                    $("#inputForm #inputNumber").val(data["results"][0]["number"]);
+                    return;
+                }
+                $("#textResult").show().text(foundText.replace("{0}", data["resultCount"]));
+                $("#tableResult").show();
+                $("#tableResult tbody").empty();
+                $.each(data.results, function (i, output) {
+                    $("#tableResult tbody")
+                        .append($("<tr>")
+                            .append($("<td>").text(output["postleitzahl"] !== null ? output["postleitzahl"] : ""))
+                            .append($("<td>").text(output["municipality"] !== null ? output["municipality"] : ""))
+                            .append($("<td>").text(output["village"] !== null ? output["village"] : ""))
+                            .append($("<td>").text(output["street"] !== null ? output["street"] : ""))
+                            .append($("<td>").text(output["number"] !== null ? output["number"] : ""))
+                            .append($("<td>").text(applyText).attr("href", "#").click(function () {
+                                $("#inputForm #inputPostleitzahl").val($(this).parent().children("td:nth-child(1)").text());
+                                $("#inputForm #inputMunicipality").val($(this).parent().children("td:nth-child(2)").text());
+                                $("#inputForm #inputVillage").val($(this).parent().children("td:nth-child(3)").text());
+                                $("#inputForm #inputStreet").val($(this).parent().children("td:nth-child(4)").text());
+                                $("#inputForm #inputNumber").val($(this).parent().children("td:nth-child(5)").text());
+                                $("#textResult").show().text(updatedText);
+                                search();
+                            }))
+                        );
+                })
+                if (data.results.length == 0) {
+                    $("#tableResult").hide();
+                }
+            }).fail(function (jqXHR, textStatus, errorThrown) {
+                $("#textResult").show().text(errorText);
+            })
         }
-        $("#textResult").show().text(foundText.replace("{0}", data["resultCount"]));
-        $("#tableResult").show();
-        $("#tableResult tbody").empty();
-        $.each(data.results, function (i, output) {
-          $("#tableResult tbody")
-                  .append($("<tr>")
-                          .append($("<td>").text(output["municipality"] !== null ? output["municipality"] : ""))
-                          .append($("<td>").text(output["village"] !== null ? output["village"] : ""))
-                          .append($("<td>").text(output["street"] !== null ? output["street"] : ""))
-                          .append($("<td>").text(output["number"] !== null ? output["number"] : ""))
-                          .append($("<td>").text(applyText).attr("href", "#").click(function () {
-                            $("#inputForm #inputMunicipality").val($(this).parent().children("td:nth-child(1)").text());
-                            $("#inputForm #inputVillage").val($(this).parent().children("td:nth-child(2)").text());
-                            $("#inputForm #inputStreet").val($(this).parent().children("td:nth-child(3)").text());
-                            $("#inputForm #inputNumber").val($(this).parent().children("td:nth-child(4)").text());
-                            $("#textResult").show().text(updatedText);
-                            search();
-                          }))
-                  );
-        })
-      }).fail(function (jqXHR, textStatus, errorThrown) {
-        $("#textResult").show().text(errorText);
-      })
-    }
 
-    function clearInput() {
-      $("#inputForm #inputMunicipality").val("");
-      $("#inputForm #inputVillage").val("");
-      $("#inputForm #inputStreet").val("");
-      $("#inputForm #inputNumber").val("");
-      $("#textResult").hide();
-      $("#tableResult").hide();
-    }
-  </script>
-  <style>
-    td {
-      padding: 0.5em;
-      margin: 0.5em;
-    }
-  </style>
+        function clearInput() {
+            $("#inputForm #inputMunicipality").val("");
+            $("#inputForm #inputVillage").val("");
+            $("#inputForm #inputStreet").val("");
+            $("#inputForm #inputNumber").val("");
+            $("#textResult").hide();
+            $("#tableResult").hide();
+        }
+    </script>
+    <style>
+        td {
+            padding: 0.5em;
+            margin: 0.5em;
+        }
+    </style>
 </head>
 
 <body>
 <div id="page">
-  <div class="languageselection" th:include="language_selection :: selectlanguage">
-    LanguageSelectionBlock
-  </div>
+    <div class="languageselection" th:include="language_selection :: selectlanguage">
+        LanguageSelectionBlock
+    </div>
 
-  <h2 th:text="#{gui.residency.header.selection}">Search your Austrian Residency</h2>
+    <h2 th:text="#{gui.residency.header.selection}">Search your Austrian Residency</h2>
 
-  <div id="residency">
-    <form id="inputForm" method="post" action="$contextPath$submitEndpoint"
-          th:attr="action=@{${submitEndpoint}}">
-      <div th:text="#{gui.residency.header.help}">Please enter a Municipality or Village first</div>
-      <div>
-        <label for="inputMunicipality" th:text="#{gui.residency.input.municipality}">Municipality</label>
-        <input type="text" id="inputMunicipality" name="municipality" value=""/>
-      </div>
-      <div>
-        <label for="inputVillage" th:text="#{gui.residency.input.village}">Village</label>
-        <input type="text" id="inputVillage" name="village" value=""/>
-      </div>
-      <div>
-        <label for="inputStreet" th:text="#{gui.residency.input.street}">Street</label>
-        <input type="text" id="inputStreet" name="street" value=""/>
-      </div>
-      <div>
-        <label for="inputNumber" th:text="#{gui.residency.input.number}">Number</label>
-        <input type="text" id="inputNumber" name="number" value=""/>
-      </div>
-      <div>
-        <button type="button" class="block" onclick="search()" th:attr="value=#{gui.residency.search}">Search
-        </button>
-      </div>
-      <div>
-        <button type="button" class="block" onclick="clearInput()" th:attr="value=#{gui.residency.clear}">Clear
-        </button>
-      </div>
-      <div>
-        <button type="button" class="block" th:attr="value=#{gui.residency.proceed}">Proceed</button>
-      </div>
-      <div>
-        <img id="loading"  src="$contextPath/static/img/ajax-loader.gif"
-             th:attr="src=@{/static/img/ajax-loader.gif}" />
-      </div>
-      <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}"/>
-    </form>
-  </div>
-
-  <div id="result">
-    <div>
-      <p><span id="textResult"></span></p>
+    <div id="residency">
+        <form id="inputForm" method="post" action="$contextPath$submitEndpoint"
+              th:attr="action=@{${submitEndpoint}}">
+            <div th:text="#{gui.residency.header.help}">Please enter a Municipality or Village first</div>
+            <div>
+                <label for="inputPostleitzahl" th:text="#{gui.residency.input.postleitzahl}">Postleitzahl</label>
+                <input type="text" id="inputPostleitzahl" name="postleitzahl" value=""/>
+            </div>
+            <div>
+                <label for="inputMunicipality" th:text="#{gui.residency.input.municipality}">Municipality</label>
+                <input type="text" id="inputMunicipality" name="municipality" value=""/>
+            </div>
+            <div>
+                <label for="inputVillage" th:text="#{gui.residency.input.village}">Village</label>
+                <input type="text" id="inputVillage" name="village" value=""/>
+            </div>
+            <div>
+                <label for="inputStreet" th:text="#{gui.residency.input.street}">Street</label>
+                <input type="text" id="inputStreet" name="street" value=""/>
+            </div>
+            <div>
+                <label for="inputNumber" th:text="#{gui.residency.input.number}">Number</label>
+                <input type="text" id="inputNumber" name="number" value=""/>
+            </div>
+            <div>
+                <button type="button" class="block" onclick="search()" th:attr="value=#{gui.residency.search}">Search
+                </button>
+            </div>
+            <div>
+                <button type="button" class="block" onclick="clearInput()" th:attr="value=#{gui.residency.clear}">Clear
+                </button>
+            </div>
+            <div>
+                <button type="button" class="block" th:attr="value=#{gui.residency.proceed}">Proceed</button>
+            </div>
+            <div>
+                <img id="loading" src="$contextPath/static/img/ajax-loader.gif"
+                     th:attr="src=@{/static/img/ajax-loader.gif}"/>
+            </div>
+            <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}"/>
+        </form>
     </div>
-    <table id="tableResult">
-      <thead>
-      <tr>
-        <th th:text="#{gui.residency.input.municipality}">Municipality</th>
-        <th th:text="#{gui.residency.input.village}">Village</th>
-        <th th:text="#{gui.residency.input.street}">Street</th>
-        <th th:text="#{gui.residency.input.number}">Number</th>
-        <th th:text="#{gui.residency.apply}">Apply</th>
-      </tr>
-      </thead>
-      <tbody>
 
-      </tbody>
-    </table>
-  </div>
+    <div id="result">
+        <div>
+            <p><span id="textResult"></span></p>
+        </div>
+        <table id="tableResult">
+            <thead>
+            <tr>
+                <th th:text="#{gui.residency.input.postleitzahl}">Postleitzahl</th>
+                <th th:text="#{gui.residency.input.municipality}">Municipality</th>
+                <th th:text="#{gui.residency.input.village}">Village</th>
+                <th th:text="#{gui.residency.input.street}">Street</th>
+                <th th:text="#{gui.residency.input.number}">Number</th>
+                <th th:text="#{gui.residency.apply}">Apply</th>
+            </tr>
+            </thead>
+            <tbody>
+
+            </tbody>
+        </table>
+    </div>
 
-  <form class="block" method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
-    <input type="submit" class="btn btn-outline-primary btn-block" value="Abbrechen/Cancel"
-           th:attr="value=#{gui.residency.cancel}">
-    <input type="hidden" name="stopAuthProcess" value="true">
-    <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}">
-  </form>
+    <form class="block" method="post" action="$contextPath$submitEndpoint" th:attr="action=@{${submitEndpoint}}">
+        <input type="submit" class="btn btn-outline-primary btn-block" value="Abbrechen/Cancel"
+               th:attr="value=#{gui.residency.cancel}">
+        <input type="hidden" name="stopAuthProcess" value="true">
+        <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}">
+    </form>
 
 </div>
 </body>
author	Christian Kollmann <christian.kollmann@a-sit.at>	2021-12-02 16:05:57 +0100
committer	Christian Kollmann <christian.kollmann@a-sit.at>	2021-12-07 10:07:15 +0100
commit	ac56869c2a981e40d6cf4637fb8fd46c06207c9d (patch)
tree	f6e7ae5ed63dcf8a822e88d9a3e16f527f5a1e38 /basicConfig/templates/residency.html
parent	6fff1b53525348d531c96b45c920a8ce72288f60 (diff)
download	National_eIDAS_Gateway-ac56869c2a981e40d6cf4637fb8fd46c06207c9d.tar.gz National_eIDAS_Gateway-ac56869c2a981e40d6cf4637fb8fd46c06207c9d.tar.bz2 National_eIDAS_Gateway-ac56869c2a981e40d6cf4637fb8fd46c06207c9d.zip