nezumi/javascript-training
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/javascript-training.git synced 2026-09-23 04:09:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor code

Browse Source
This commit is contained in:
nezumi
2023-09-12 09:26:39 +07:00
parent b62dd17f73
commit 4ba5623cb0
5 changed files with 46 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
javascript-practice/src/pages/index.html
+26 -22
View File
@@ -8,17 +8,16 @@
<title>Money Lover Web</title>
</head>
<body class="home-page">
<div class="overlay active"></div>
<div class="dark-overlay"></div>
<!-- <div class="modal-box success active">
<div class="mark check"></div>
<h2 class="modal-box__title">Login Success!</h2>
<p class="modal-box__message">Welcome to Money Lover!</p>
<button class="modal-box__redirect-btn">OK</button>
</div> -->
<dialog class="dialog">
<div class="toast success">
<div class="mark check"></div>
<h2 class="toast__title">Login Success!</h2>
<p class="toast__message">Welcome to Money Lover!</p>
<button class="toast__redirect-btn">OK</button>
</div>
</dialog>
<!-- Add a wallet form -->
<div class="dialog active" id="walletForm">
<dialog class="dialog" id="walletDialog">
<div class="dialog__add-wallet">
<!-- Dialog header -->
<div class="dialog__header">
@@ -56,10 +55,10 @@
</form>
</div>
</div>
</div>
</dialog>
<!-- End form -->
<!-- Add budget form -->
<div class="dialog" id="budgetForm">
<dialog class="dialog" id="budgetDialog">
<div class="dialog__add-budget">
<!-- Header -->
<div class="dialog__header">
@@ -96,16 +95,18 @@
/>
</div>
<div class="form__action">
<button type="button" class="form__cancel-btn">CANCEL</button>
<button formmethod="dialog" class="form__cancel-btn">
CANCEL
</button>
<button type="submit" class="form__save-btn">SAVE</button>
</div>
</form>
</div>
</div>
</div>
</dialog>
<!-- End form -->
<!-- Add, edit, delete transaction form -->
<div class="dialog" id="transactionForm">
<dialog class="dialog" id="transactionDialog">
<div class="dialog__add-transaction">
<!-- Header-->
<div class="dialog__header">
@@ -154,20 +155,22 @@
/>
</div>
<div class="form__action">
<button type="button" class="form__cancel-btn">CANCEL</button>
<button formmethod="dialog" class="form__cancel-btn">
CANCEL
</button>
<button type="submit" class="form__save-btn">SAVE</button>
</div>
</form>
</div>
</div>
</div>
</dialog>
<!-- End form -->
<!-- Select category form -->
<div class="dialog" id="categoryForm">
<dialog class="dialog" id="categoryDialog">
<div class="dialog__select-category">
<div class="dialog__header">
<div class="dialog__title-container">
<div class="close-icon"></div>
<div formmethod="dialog" class="close-icon"></div>
<div class="dialog__title">Select category</div>
</div>
<form class="form">
@@ -262,7 +265,7 @@
</div>
</div>
</div>
</div>
</dialog>
<!-- End form -->
<!-- Start header -->
<header class="header">
@@ -403,7 +406,8 @@
<!-- End app -->
</div>
<!-- All scripts below is use for test purpose! -->
<script>
<script type="module" src="../js/main.js"></script>
<!-- <script>
// Handle event when click on tabs
const tabs = document.querySelectorAll('.app__tab-item');
const all_content = document.querySelectorAll('.app__content-item');
@@ -486,6 +490,6 @@
darkOverlay.classList.remove('active');
categoryForm.classList.remove('active');
});
</script>
</script> -->
</body>
</html>