44 lines
1.2 KiB
HTML
44 lines
1.2 KiB
HTML
<div class="add-expense-container">
|
|
<app-card [header]="'Add Expense'">
|
|
<div class="add-expense-body">
|
|
<div>
|
|
Date: <input type="date" [formField]="expenseForm.date">
|
|
</div>
|
|
|
|
<div>
|
|
Cents (required):
|
|
<input type="number" placeholder="Enter amount" [formField]="expenseForm.amount">
|
|
</div>
|
|
|
|
<div>
|
|
Category (required):
|
|
<select [formField]="expenseForm.categoryId">
|
|
<option value="">Select a category</option>
|
|
@for (category of categories(); track category.id) {
|
|
<option [value]="category.id">{{ category.name }}</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
Merchant (optional):
|
|
<select [formField]="expenseForm.merchantId">
|
|
<option value="">Select a merchant</option>
|
|
@for (merchant of merchants(); track merchant.id) {
|
|
<option [value]="merchant.id">{{ merchant.name }}</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
|
|
<div>
|
|
Note (optional): <input type="text" [formField]="expenseForm.note">
|
|
</div>
|
|
|
|
<div>Tags</div>
|
|
|
|
<div class="card-footer">
|
|
<button>Save</button>
|
|
</div>
|
|
</app-card>
|
|
</div>
|