Adds delete option

This commit is contained in:
Michel 2024-11-15 13:41:52 +01:00
parent bfeb2a6e2a
commit 8388c2ccc6
6 changed files with 199 additions and 6 deletions

View file

@ -19,12 +19,17 @@ $this->layout('layout/main', [ 'resourceEntry' => 'keys' ]);
</div>
<div class="col-sm-6 align-self-center">
<?php if (!empty($usersLists)): ?>
<select name="lists" id="list-select" class="form-select w-100">
<?php foreach ($usersLists as $list): ?>
<option value="<?= $list->getId() ?>"><?= $list->getName() ?></option>
<?php endforeach; ?>
<option value="_create">+ Create New</option>
</select>
<div class="input-group w-100">
<select name="lists" id="list-select" class="form-select">
<?php foreach ($usersLists as $list): ?>
<option value="<?= $list->getId() ?>"><?= $list->getName() ?></option>
<?php endforeach; ?>
<option value="_create">+ Create New</option>
</select>
<button class="btn btn-outline-secondary" data-bs-target="#edit-list-modal" data-bs-toggle="modal">
<i class="fa-solid fa-gear"></i>
</button>
</div>
<?php endif; ?>
</div>
</div>
@ -151,4 +156,56 @@ $this->layout('layout/main', [ 'resourceEntry' => 'keys' ]);
</div>
</div>
<div class="modal" id="edit-list-modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title h3">
Edit <span class="list-name"></span>
</h1>
</div>
<div class="modal-body">
<h2 class="h4 mt-2">
Actions
</h2>
<button data-bs-toggle="modal" data-bs-target="#delete-list-modal" class="w-100 btn btn-danger">Delete List</button>
</div>
<div class="modal-footer">
<button data-bs-dismiss="modal" class="flex-grow-1 btn btn-primary">
Save
</button>
</div>
</div>
</div>
</div>
<div class="modal" id="delete-list-modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title h3">
Delete <span class="list-name"></span>?
</h1>
</div>
<div class="modal-body">
<p>
Are you <b>sure</b> you want to <b class="text-danger">delete</b> this list?
</p>
<p>
Deleting this will remove all the keys you added from the database.
</p>
</div>
<div class="modal-footer">
<button data-bs-dismiss="modal" class="flex-grow-1 btn btn-outline-primary">
Cancel
</button>
<button data-bs-dismiss="modal" class="js--yes flex-grow-1 btn btn-danger">
Yes
</button>
</div>
</div>
</div>
</div>
<?php $this->end() ?>