sam.hadow/aliexpress-price-tracker
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

list create / add item, no interactivity yet

Browse Source
This commit is contained in:
Sam Hadow
2024-02-11 17:38:17 +01:00
parent 4a5b9f3bb9
commit 1151c3e9a2
4 changed files with 116 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/app.html
View File

@ -18,9 +18,20 @@
<input id="additemid" type="text" placeholder="item id" pattern="[0-9]*">
<input id="addattributes" type="text" placeholder="attributes (comma separated)" pattern="[0-9a-zA-Z, ]*">
<button id="addbutton" type="button">Add</button>
<button id="create_list" type="button">create list</button>
<button id="global_toggleshow" class="global_toggleshow" type="button">show hidden</button>
</div>
<!--popup create new list-->
<div id="createListPopup" class="popup">
<div class="popup-content">
<p>Create new list</p>
<input id="listName" type="text" placeholder="name">
<input id="listDescription" type="text" placeholder="description">
<button id="create_list_cancel" type="button">cancel</button>
</div>
</div>
<!--popup confirmation window-->
<div id="confirmationPopup" class="popup">
<div class="popup-content">

17
web/app.js
View File

@ -142,6 +142,23 @@ const apiUrl = `${currentUrl}app/delete`;
}
}
// close popups with escape key
document.addEventListener("keydown", (event) => {
if (event.isComposing || event.key === 'Escape') {
Array.from(document.getElementsByClassName("popup")).forEach(function(x) {
x.style.display = 'none';
});
}
});
// create new list
document.getElementById("create_list").addEventListener("click", function () {
createListPopup.style.display = 'flex';
});
document.getElementById("create_list_cancel").addEventListener("click", function () {
createListPopup.style.display = 'none';
});
// delete item, pop-up confirm
document.addEventListener('DOMContentLoaded', function () {