84 lines
2.0 KiB
HTML
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> |