From d5ae1df4a618c699c79c566cbd410b8f56c1dc0f Mon Sep 17 00:00:00 2001
From: CodeSteak <codesteak@shellf.art>
Date: Thu, 6 Feb 2020 19:22:41 +0100
Subject: [PATCH] imple employee custm.

---
 .../src/main/resources/static/css/ecom.css    |  8 ++
 .../templates/intern/customers/id.html        | 53 ++++++++++-
 .../templates/intern/customers/index.html     | 92 ++++++++++---------
 3 files changed, 109 insertions(+), 44 deletions(-)

diff --git a/prototype/src/main/resources/static/css/ecom.css b/prototype/src/main/resources/static/css/ecom.css
index bc5285b..59106bb 100644
--- a/prototype/src/main/resources/static/css/ecom.css
+++ b/prototype/src/main/resources/static/css/ecom.css
@@ -755,6 +755,10 @@ input[type="number"]:focus {
    flex: 1;
 }
 
+.info-box {
+   padding: var(--u0);
+}
+
 /*
  * Impov
  */
@@ -854,6 +858,10 @@ td.l {
    text-align: left;
 }
 
+.invisible {
+   display: none;
+}
+
 /***
 
 THE UGLY
diff --git a/prototype/src/main/resources/templates/intern/customers/id.html b/prototype/src/main/resources/templates/intern/customers/id.html
index 12944f4..3b26144 100644
--- a/prototype/src/main/resources/templates/intern/customers/id.html
+++ b/prototype/src/main/resources/templates/intern/customers/id.html
@@ -7,6 +7,13 @@
 
    <title>Kunden Details</title>
    <script th:src="@{/js/filterTable.js}"></script>
+
+   <script>
+      function toggle(id) {
+         document.getElementById(id).classList.toggle("invisible");
+      }
+   </script>
+
    <link rel="stylesheet" th:href="@{/css/ecom.css}" />
 </head>
 
@@ -42,8 +49,8 @@
                   <td>hans.maier@example.com</td>
                </tr>
                <tr>
-                  <th>Geschäftskunde</th>
-                  <td>Ja</td>
+                  <th>Status</th>
+                  <td>Geschäftskunde, Aktiv</td>
                </tr>
                <tr>
                   <th>Adresse</th>
@@ -56,6 +63,48 @@
                </tr>
             </table>
          </p>
+         <p>
+            <a class="button smaller" href="javascript:void(0)" onclick="toggle('add-actions');">Weitere Aktionen anzeigen</a>
+         </p>
+         <div id="add-actions" class="invisible info-box secondary hero">
+            <h2>Status bearbeiten</h2>
+            <p>
+               <form>
+                  <fieldset>
+                     <input type="checkbox" name="activ" id="activ" checked>
+                     <label for="activ">Aktiv</label> <br />
+                  </fieldset>
+
+                  <fieldset>
+
+                     <input type="checkbox" name="ma" id="ma">
+                     <label for="ma">Mitarbeiter-Status</label> <br />
+                  </fieldset>
+
+                  <button class="smaller" type="submit" name="action" value="login" onclick="return confirm('Sind Sie sicher, dass Sie den Status dieses Accounts setzen möchten?');">Speichern</button>
+               </form>
+            </p>
+            <h2>Passwort zurücksetzen</h2>
+            <p>
+               <form>
+                  <div>
+                     <label for="password">Passwort</label>
+                     <input class="full-width" type="password" name="password" placeholder="Passwort" id="password" required>
+                  </div>
+
+                  <div>
+                     <label for="password2">Passwort wiederholen</label>
+                     <input class="full-width" type="password" name="password2" placeholder="Passwort" id="password2" required>
+                  </div>
+
+                  <button class="smaller" type="submit" name="action" value="login" onclick="return confirm('Sind Sie sicher, dass Sie das Passwort dieses Accounts zurücksetzen móchten?');">Speichern</button>
+               </form>
+            </p>
+
+         </div>
+
+
+
          <h2>Bestellungen</h2>
          <p>
             <table id="main-table">
diff --git a/prototype/src/main/resources/templates/intern/customers/index.html b/prototype/src/main/resources/templates/intern/customers/index.html
index d0e42bd..0d44461 100644
--- a/prototype/src/main/resources/templates/intern/customers/index.html
+++ b/prototype/src/main/resources/templates/intern/customers/index.html
@@ -33,27 +33,67 @@
                   <th>Beitrittsdatum</th>
                   <th>Name</th>
                   <th>E-Mail</th>
-                  <th>Geschäftskunde</th>
+                  <th>Status</th>
                   <th></th>
                </tr>
                <tr>
-                  <td>1201</td>
+                  <td>1209</td>
                   <td>2019-11-10</td>
                   <td>Hans Maier</td>
                   <td>hans.maier@example.com</td>
-                  <td>X</td>
+                  <td>Geschäftskunde</td>
                   <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
                </tr>
                <tr>
-                  <td>1201</td>
+                  <td>1208</td>
                   <td>2019-11-10</td>
                   <td>Hans Maier</td>
                   <td>hans.maier@example.com</td>
-                  <td>X</td>
+                  <td>Inaktiv, Geschäftskunde</td>
                   <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
                </tr>
                <tr>
-                  <td>1201</td>
+                  <td>1207</td>
+                  <td>2019-11-10</td>
+                  <td>Hans Maier</td>
+                  <td>hans.maier@example.com</td>
+                  <td></td>
+                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>1206</td>
+                  <td>2019-11-10</td>
+                  <td>Hans Maier</td>
+                  <td>hans.maier@example.com</td>
+                  <td></td>
+                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>1205</td>
+                  <td>2019-11-10</td>
+                  <td>Hans Maier</td>
+                  <td>hans.maier@example.com</td>
+                  <td></td>
+                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>1204</td>
+                  <td>2019-11-10</td>
+                  <td>Hans Maier</td>
+                  <td>hans.maier@example.com</td>
+                  <td></td>
+                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>1203</td>
+                  <td>2019-11-10</td>
+                  <td>Hans Maier</td>
+                  <td>hans.maier@example.com</td>
+                  <td></td>
+                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
+               </tr>
+               <tr>
+                  <td>1202</td>
                   <td>2019-11-10</td>
                   <td>Hans Maier</td>
                   <td>hans.maier@example.com</td>
@@ -65,47 +105,15 @@
                   <td>2019-11-10</td>
                   <td>Hans Maier</td>
                   <td>hans.maier@example.com</td>
-                  <td></td>
+                  <td>Inaktiv, Mitarbeiter</td>
                   <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
                </tr>
                <tr>
-                  <td>1201</td>
+                  <td>1214</td>
                   <td>2019-11-10</td>
                   <td>Hans Maier</td>
-                  <td>hans.maier@example.com</td>
-                  <td></td>
-                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
-               </tr>
-               <tr>
-                  <td>1201</td>
-                  <td>2019-11-10</td>
-                  <td>Hans Maier</td>
-                  <td>hans.maier@example.com</td>
-                  <td>X</td>
-                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
-               </tr>
-               <tr>
-                  <td>1201</td>
-                  <td>2019-11-10</td>
-                  <td>Hans Maier</td>
-                  <td>hans.maier@example.com</td>
-                  <td>X</td>
-                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
-               </tr>
-               <tr>
-                  <td>1201</td>
-                  <td>2019-11-10</td>
-                  <td>Hans Maier</td>
-                  <td>hans.maier@example.com</td>
-                  <td></td>
-                  <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
-               </tr>
-               <tr>
-                  <td>1201</td>
-                  <td>2019-11-10</td>
-                  <td>Hans Maier</td>
-                  <td>hans.maier@example.com</td>
-                  <td></td>
+                  <td>admin@example.com</td>
+                  <td>Mitarbeiter</td>
                   <td><a th:href="@{/intern/customers/4884}" class="button smaller">Details</a></td>
                </tr>
             </table>