aboutsummaryrefslogtreecommitdiff
path: root/basicConfig/templates/residency.html
diff options
context:
space:
mode:
Diffstat (limited to 'basicConfig/templates/residency.html')
-rw-r--r--basicConfig/templates/residency.html312
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>