djabsher
/
UIAngular
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjust transaction popuup

MissionaryForm
dan 2019-07-07 16:34:44 -06:00
parent 67d9ce7802
commit a27d5890a8
3 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
Client/src/app/components/add-transaction-page/add-transaction-popup/add-transaction-popup.component.css
View File

@ -2,6 +2,10 @@
width: 100%; width: 100%;
} }
.m-10 { .w-50 {
margin: 10px; width: 50%;
}
.m-5 {
margin: 5px;
} }

14
Client/src/app/components/add-transaction-page/add-transaction-popup/add-transaction-popup.component.html
View File

@ -15,25 +15,25 @@
</mat-autocomplete> </mat-autocomplete>
</mat-form-field> </mat-form-field>
<br> <br>
<mat-form-field> <mat-form-field class="w-50">
<mat-select formControlName="typeId"> <mat-select formControlName="typeId">
<mat-option *ngFor="let type of types" [value]="type.value" > <mat-option *ngFor="let type of types" [value]="type.value" >
{{type.display}} {{type.display}}
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field class="w-50">
<input matInput placeholder="Check Number" type="text" formControlName="checkNumber" > <input matInput placeholder="Check Number" type="text" formControlName="checkNumber" >
</mat-form-field> </mat-form-field>
<div></div> <div></div>
<mat-form-field class="w-25less10px mw-50less20px"> <mat-form-field class="w-50">
<mat-select formControlName="fundId"> <mat-select formControlName="fundId">
<mat-option *ngFor="let fund of funds" [value]="fund.value"> <mat-option *ngFor="let fund of funds" [value]="fund.value">
{{fund.display}} {{fund.display}}
</mat-option> </mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<mat-form-field> <mat-form-field class="w-50">
<input matInput placeholder="Amount" type="number" formControlName="amount" > <input matInput placeholder="Amount" type="number" formControlName="amount" >
</mat-form-field> </mat-form-field>
<br> <br>
@ -41,9 +41,9 @@
<input matInput placeholder="Description" type="text" formControlName="description" > <input matInput placeholder="Description" type="text" formControlName="description" >
</mat-form-field> </mat-form-field>
<br> <br>
<button mat-raised-button class="m-10" type="button" (click)="cancel()" >Cancel</button> <button mat-raised-button class="m-5" type="button" (click)="cancel()" >Cancel</button>
<button mat-raised-button class="m-10" type="submit" [disabled]="!form.valid || saveBtnDisabled">{{ saveBtnTxt }}</button> <button mat-raised-button class="m-5" type="submit" [disabled]="!form.valid || saveBtnDisabled">{{ saveBtnTxt }}</button>
<button mat-raised-button class="m-10" type="button" (click)="onSubmit(true)" [disabled]="!form.valid || saveBtnDisabled">{{ saveAndAddBtnTxt }}</button> <button mat-raised-button class="m-5" type="button" (click)="onSubmit(true)" [disabled]="!form.valid || saveBtnDisabled">{{ saveAndAddBtnTxt }}</button>
</form> </form>

2
Client/src/app/components/add-transaction-page/add-transaction-popup/add-transaction-popup.component.ts
View File

@ -34,7 +34,7 @@ export class AddTransactionPopupComponent implements OnInit {
saveBtnDisabled: boolean = false; saveBtnDisabled: boolean = false;
saveBtnTxt: string = 'Save'; saveBtnTxt: string = 'Save';
saveAndAddBtnTxt: string = 'Save and Add'; saveAndAddBtnTxt: string = 'Save & Add';
contributors: ValDisplay[] = []; contributors: ValDisplay[] = [];
filteredContributors: ValDisplay[] filteredContributors: ValDisplay[]
funds: ValDisplay[]; funds: ValDisplay[];