28 lines
962 B
HTML
28 lines
962 B
HTML
<ion-header [translucent]="true">
|
|
<ion-toolbar>
|
|
<div class="toolbar">
|
|
<div class="icon" (click)="navigateBack()">
|
|
<mat-icon>arrow_back</mat-icon>
|
|
</div>
|
|
<ion-title *ngIf="isAddMode && goalId == 0">Add to Allowance</ion-title>
|
|
<ion-title *ngIf="isAddMode && goalId != 0">Add to Goal</ion-title>
|
|
<ion-title *ngIf="!isAddMode">Spend Allowance</ion-title>
|
|
</div>
|
|
</ion-toolbar>
|
|
</ion-header>
|
|
|
|
<ion-content [fullscreen]="true">
|
|
<form [formGroup]="form">
|
|
<label>Amount</label>
|
|
<input id="amount" type="number" placeholder="0.00" name="price" min="0" value="0" step="0.01" formControlName="amount"/>
|
|
|
|
<label>Description</label>
|
|
<input id="description" type="text" formControlName="description"/>
|
|
|
|
<button type="button" [disabled]="!form.valid" (click)="changeAllowance()">
|
|
<span *ngIf="isAddMode">Add</span>
|
|
<span *ngIf="!isAddMode">Spend</span>
|
|
</button>
|
|
</form>
|
|
</ion-content>
|