54 lines
1.2 KiB
HTML
54 lines
1.2 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>
|
|
<div id="app"></div>
|
|
|
|
<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> |