97 lines
2.8 KiB
Plaintext
97 lines
2.8 KiB
Plaintext
<%~ include("partials/base_head.eta", {"title": "Admin - Benutzer"}) %>
|
|
<%~ include("partials/nav.eta") %>
|
|
|
|
<section class="section container" id="mainSelect">
|
|
<h1 class="title">Benutzerverwaltung</h1>
|
|
<p class="heading"><button class="js-modal-trigger button" data-target="modal-js-example">
|
|
Neuen Konakt anlegen
|
|
</button></p>
|
|
<table class="table is-striped is-fullwidth is-hoverable" data-dataSource="user" id="userTable" data-pageSize="10">
|
|
<thead>
|
|
<tr>
|
|
<th data-dataCol = "id">Id</th>
|
|
<th data-dataCol = "name">Name</th>
|
|
<th data-dataCol = "email">E-Mail</th>
|
|
<th data-dataCol = "code" data-type="bool" data-edit-transfer="disable">Code</th>
|
|
<th data-fnc="actions" data-actions="edit,delete">Aktionen</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
|
|
</table>
|
|
<nav class="pagination is-hidden" role="navigation" aria-label="pagination" data-targetTable="userTable">
|
|
<ul class="pagination-list">
|
|
|
|
</ul>
|
|
</nav>
|
|
</section>
|
|
|
|
|
|
<!-- TODO: Mark required fields as required; add handling for validation -->
|
|
<div id="modal-js-example" class="modal">
|
|
<div class="modal-background"></div>
|
|
|
|
<div class="modal-content">
|
|
<div class="box entryPhase is-hidden">
|
|
<h2 class="title">Neuer Kontakt</h1>
|
|
|
|
<i class="bi bi-arrow-clockwise title"></i>
|
|
</div>
|
|
<div class="box entryPhase">
|
|
|
|
<form data-targetTable="user">
|
|
<h2 class="title">Neuer Benutzer</h1>
|
|
<div class="field">
|
|
<label class="label">Name</label>
|
|
<div class="control has-icons-left">
|
|
<input class="input" type="text" placeholder="John Doe" value="" name="name">
|
|
<span class="icon is-small is-left">
|
|
<i class="bi bi-file-earmark-person-fill"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label class="label">E-Mail</label>
|
|
<div class="control has-icons-left">
|
|
<input class="input" type="email" placeholder="test@example.org" value="" name="email">
|
|
<span class="icon is-small is-left">
|
|
<i class="bi bi-envelope"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label class="label">Pin</label>
|
|
<div class="control has-icons-left">
|
|
<input class="input" type="text" placeholder="" value="" name="code">
|
|
<span class="icon is-small is-left">
|
|
<i class="bi bi-chat-fill"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
|
|
<div class="field is-grouped">
|
|
<div class="control">
|
|
<input type="submit" class="button is-link" value="Save" data-actionBtn="save">
|
|
</div>
|
|
<!--<div class="control">
|
|
<button type="button" class="button is-link is-light" data-actionBtn="cancel">Cancel</button>
|
|
</div>-->
|
|
</div>
|
|
</form>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<button class="modal-close is-large" aria-label="close"></button>
|
|
</div>
|
|
|
|
|
|
<%~ include("partials/footer.eta") %>
|
|
<script src="/static/pages/admin_users.js"></script>
|
|
<%~ include("partials/base_foot.eta") %>
|