1 files changed, 80 insertions, 0 deletions
diff --git a/basicConfig/templates/residency.html b/basicConfig/templates/residency.html
new file mode 100644
index 00000000..96fa13f8
--- /dev/null
+++ b/basicConfig/templates/residency.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org"
+      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
+      layout:decorator="fragments/base"
+      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">
+    function search() {
+      let updatedText = /*[[#{gui.residency.updated}]]*/ 'Updated text';
+      let errorText = /*[[#{gui.residency.error}]]*/ 'Error';
+      $.ajax({
+        type: "POST",
+        url: "http://localhost:8080/ms_connector/residency/search",
+        data: $("#inputForm").serialize()
+      }).done(function (data, textStatus, jqXHR) {
+        $("#inputCity").val(data["city"]);
+        $("#inputStreet").val(data["street"]);
+        $("#inputNumber").val(data["number"]);
+        $("#textInfo").text(updatedText);
+      }).fail(function (jqXHR, textStatus, errorThrown) {
+        $("#textInfo").text(errorText);
+      })
+    }
+  </script>
+</head>
+
+<body>
+<div id="page">
+  <div class="languageselection" th:include="language_selection :: selectlanguage">
+    LanguageSelectionBlock
+  </div>
+
+  <h2 th:text="#{gui.residency.header.selection}">Search your Austrian Residency</h2>
+
+  <div id="residency">
+    <div>
+      <p><span id="textInfo">Infotext</span></p>
+    </div>
+    <form id="inputForm" class="block" method="post" action="$contextPath$submitEndpoint"
+          th:attr="action=@{${submitEndpoint}}">
+      <div>
+        <label for="inputCity">City</label>
+        <input type="text" id="inputCity" name="city" value="City"/>
+      </div>
+      <div>
+        <label for="inputStreet">Street</label>
+        <input type="text" id="inputStreet" name="street" value="Street"/>
+      </div>
+      <div>
+        <label for="inputNumber">Number</label>
+        <input type="text" id="inputNumber" name="number" value="Number"/>
+      </div>
+      <div>
+        <button type="button" class="block" onclick="search()" th:attr="value=#{gui.residency.search}">Search
+        </button>
+      </div>
+      <div>
+        <button type="button" class="block" th:attr="value=#{gui.residency.proceed}">Proceed</button>
+      </div>
+      <input type="hidden" name="pendingid" value="$pendingid" th:attr="value=${pendingid}"/>
+    </form>
+  </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>
+
+</div>
+</body>
+</html>