Merge pull request 'members page login' (#134) from staging into master

Reviewed-on: #134

content/pages/member.html

@@ -13,33 +13,28 @@ build:
 <script src="/static/js/ext/json-enc.js"></script>
 <script src="/static/js/ext/response-targets.js"></script>
 
-<div id="subscriptionAlert"></div>
-<div role="alert" hx-get="/api/auth/status?display=inline" hx-trigger="load" hx-ext="response-targets" hx-target="#subscriptionAlert" hx-target-401="this" hx-swap="outerHTML">
+<div hx-get="/api/auth/status?display=inline" hx-trigger="load" hx-ext="response-targets" hx-target="this" hx-target-401="this" hx-swap="outerHTML"></div>
+
+<div hx-get="/api/member/status" hx-trigger="load" hx-swap="outerHTML"></div>
+
+<form class="row g-2" id="subscriptionform" hx-post="/api/sendSubscriptionEmail" hx-ext='json-enc'>
+    <p> Παρακαλούμε συμπληρώστε την παρακάτω φόρμα, για να λάβετε περισσότερες πληροφορίες σχετικά με τις ταμειακές εκκρεμότητες σας, μέσω e-mail. Αν έχετε αλλάξει διεύθυνση e-mail, παρακαλούμε επικοινωνήστε με το <a href="mailto:finance@hellug.gr">finance@hellug.gr</a>.</p>
+    <div class="col-9">
+        <label for="inputEmail" class="form-label">Πληκτρολογήστε το email σας (όπως το είχατε δώσει κατά την εγγραφή σας)</label>
+        <input id="inputEmail" type="email" name="email" class="form-control" placeholder="username@hellug.gr">
     </div>
 
-<div hx-get="/api/member/status" hx-trigger="load" hx-swap="outerHTML">
-</div>
-
-<form id="subscriptionform" hx-post="/api/sendSubscriptionEmail" hx-ext='json-enc'>
-  <p> Παρακαλούμε συμπληρώστε την παρακάτω φόρμα, για να λάβετε περισσότερες πληροφορίες σχετικά με τις Ταμειακές Εκκρεμότητες σας, μέσω e-mail</p>
-  <div class="col-sm-10">
-    <label class="form-label">Πληκτρολογήστε το email σας (όπως το είχατε δώσει κατά την εγγραφή σας)</label>
-    <input type="email" name="email" class="form-control" placeholder="username@hellug.gr">
-  </div>
-
-  <div class="mb-3">
-    <label class="form-label">Εισάγετε τα ψηφία της επόμενης Εικόνας Ελέγχου :
-      <div hx-get="/api/captcha/?htmx=1" hx-trigger="load" hx-swap="innerhtml" hx-target="#captcha">
-        <div id="captcha">
+        <div hx-get="/api/captcha/?htmx=1" hx-trigger="load" hx-swap="innerHTML" hx-target="#captcha"></div>
+        <label for="captcha">Εισάγετε τα ψηφία της επόμενης «Εικόνας Ελέγχου»</label>
+        <div class="col-sm-3" id="captcha">
             <img class="htmx-indicator" src="" alt="Φορτώνει..">
             <input type="hidden" name=Id value="">
         </div>
-      </div>
-    </label>
         <div class="col-sm-3">
-      <input name=Solution id=solution class="form-control" id="exampleFormControlInput1">
-    </div>
+            <input name=Solution id=solution class="form-control" id="inputSolution">
         </div>
+    <div class="col-12">
     <button class="btn btn-primary">Υποβολή</button>
+    </div>
     <div hx-target="#subscriptionform" hx-swap="innerHTML"></div>
 </form>