imple employee custm.

This commit is contained in:
CodeSteak 2020-02-06 19:22:41 +01:00
parent 0f85bf8ef7
commit d5ae1df4a6
3 changed files with 109 additions and 44 deletions

View File

@ -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

View File

@ -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">

View File

@ -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>