pol/zetikettes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Now with edits, delete confirmations

Browse Source 
- and also a better alignment on actions
- and konami code that works before login
This commit is contained in:
Paul Mathieu
2025-08-06 19:12:44 +02:00
parent 3d35d47254
commit 3474239727
5 changed files with 124 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/index.html
View File

@@ -21,14 +21,15 @@
<script src="zetikettes.js"></script>
<style>
body {
display: flex;
min-height: 100vh;
flex-direction: column;
.actions {
margin-left: auto;
white-space: nowrap;
}
main {
flex: 1 0 auto;
.confirm {
width: 35%;
min-width: 20em;
max-width: 85%;
}
</style>
</head>
@@ -38,7 +39,7 @@ main {
<a href="#" class="brand-logo">Zětikwett's</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li>
<a class="modal-trigger btn orange" href="#newproduct">
<a class="modal-trigger btn orange disabled" href="#newproduct">
<i class="material-icons left">add</i>Nouveau produit
</a>
</li>
@@ -49,8 +50,8 @@ main {
<p></p>
<div class="col s4 offset-s4" id="signin-prompt" style="display: none"></div>
<div class="col m6 offset-m3 s12">
<a class="modal-trigger btn orange hide-on-large-only" href="#newproduct"><i class="material-icons left">add</i>Nouveau produit</a>
<ul class="collapsible" id="appbody">
<a class="modal-trigger btn orange hide-on-large-only disabled" href="#newproduct"><i class="material-icons left">add</i>Nouveau produit</a>
<ul class="collapsible collection" id="appbody">
<div class="shimmer">
<li><div class="collapsible-header"><h6 class="faux-text short"></h6></div></li>
<li><div class="collapsible-header"><h6 class="faux-text"></h6></div></li>
@@ -58,6 +59,15 @@ main {
</div>
</ul>
</div>
<div id="confirmdelete" class="modal confirm">
<div class="modal-content">
Supprimer le produit <b id="delete-title">blařg titre long de test sa mère</b> ?
</div>
<div class="modal-footer">
<button class="modal-close waves-effect btn-flat" id="delete-cancel">annuler</button>
<button type="submit" class="modal-close waves-effect waves-green btn" id="delete-confirm">supprimer</button>
</div>
</div>
<!-- Modal Structure -->
<div id="newproduct" class="modal">