add modal for adding user form

This commit is contained in:
Lilian 2023-02-13 21:54:31 +01:00
parent 5f75f1ec71
commit 15e4b476c5
Signed by: enbyfoxen
GPG key ID: 007CA12D692829E1

View file

@ -38,10 +38,38 @@
<div class="text-center">
<h1 class="display-5">
Users
<a class="btn btn-lg btn-primary" href="/AddUser">Add</a>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#add_user_modal">
Add
</button>
</h1>
</div>
<!-- Modal dialog for adding a user -->
<div class="modal fade" id="add_user_modal" tabindex="-1" aria-labelledby="add_user_modal_label" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="add_user_modal_label">Add User</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div id="add_user" class="modal-body">
<form method="POST">
<div class="mb-3">
<label for="nickname" class="form-label">Nickname</label>
<input type="text" maxlength="10" class="form-control" id="nickname" name="nickname" placeholder="nick" required autofocus>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-lg btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button type="submit" form="add_user" class="btn btn-lg btn-primary" name="action" value="save">Save</button>
</div>
</div>
</div>
</div>
<div>
<table class="table table-striped table-hover" id="users">
<thead>