Files
2026-06-11 21:24:35 +07:00

84 lines
2.0 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>demo_project</title>
</head>
<body>
Ngày xác định
<input id="input_config_month_date" type="date">
<input id="input_config_month_money" type="number" placeholder="ngân sách">
<button onclick="myPersonalFinanceManager.addConfigMonth()">Cài ngân sách</button>
-------
Tổng Quan
<div>
<p >Số dư hiện tại: <span id="soDuHienTai"></span></p>
<p >Thu tháng này: <span id="thuThangNay"></span></p>
<p >Chi tháng này: <span id="chiThangNay"></span></p>
<progress id="phanTramThuChi" id="file" value="32" max="100"> </progress>
</div>
<table border="1px">
<thead>
<tr>
<th>Tháng</th>
<th>Năm</th>
<th>Ngân Sách</th>
</tr>
</thead>
<tbody id="nganSachBody">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<form onsubmit="myPersonalFinanceManager.addTrade(event)">
<label for="">Danh mục giao dịch</label>
<select name="categoryId" id="form_select">
<!-- <option value=""></option> -->
</select>
<br>
<label for="">Nhập số tiền giao dịch</label>
<input name="valueMoney" type="number">
<br>
<label for="">Ngày giao dịch</label>
<input name="createAt" type="date">
<br>
<label for="">Ghi chú giao dịch</label>
<textarea name="note" type="note"></textarea>
<br>
<button>Lưu Giao Dịch</button>
</form>
<table border="1px">
<thead>
<tr>
<th>Danh Mục</th>
<th>Hạn Mức</th>
<th>Đã Chi Tháng Này</th>
<th>Thao Tác</th>
</tr>
</thead>
<tbody id="tableBodyCategory">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<script src="/src/main.ts"></script>
</body>
</html>