Add functionality to add allowance (#101)
closes #69 closes #107 Reviewed-on: #101
This commit was merged in pull request #101.
This commit is contained in:
@@ -0,0 +1,27 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user