feat: edit and delete financial activity mapping

Add edit financial activity component and delete dialog component.
This commit is contained in:
abhay_1806
2018-07-28 20:18:01 +05:30
committed by Abhay Chawla
parent 8ebfd61aa3
commit ff8e878e9a
15 changed files with 279 additions and 38 deletions
@@ -1,35 +1,40 @@
<mat-card class="container">
<form [formGroup]="financialActivityMappingForm" (ngSubmit)="submit()">
<div class="container">
<mat-card-content>
<mat-card>
<form [formGroup]="financialActivityMappingForm" (ngSubmit)="submit()">
<div fxLayout="column">
<mat-card-content>
<mat-form-field>
<mat-select placeholder="Financial Activity" required formControlName="financialActivityId">
<mat-option *ngFor="let financialActivity of financialActivityData" [value]="financialActivity.id">
{{ financialActivity.name }}
</mat-option>
</mat-select>
</mat-form-field>
<div fxLayout="column">
<mat-form-field>
<mat-select placeholder="Account" required formControlName="glAccountId">
<mat-option *ngFor="let glAccount of glAccountData" [value]="glAccount.id">
{{ glAccount.name + ' (' + glAccount.glCode + ')' }}
</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field>
<mat-select placeholder="Financial Activity" required formControlName="financialActivityId">
<mat-option *ngFor="let financialActivity of financialActivityData" [value]="financialActivity.id">
{{ financialActivity.name }}
</mat-option>
</mat-select>
</mat-form-field>
</div>
<mat-form-field>
<mat-select placeholder="Account" required formControlName="glAccountId">
<mat-option *ngFor="let glAccount of glAccountData" [value]="glAccount.id">
{{ glAccount.name + ' (' + glAccount.glCode + ')' }}
</mat-option>
</mat-select>
</mat-form-field>
</mat-card-content>
</div>
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
<button type="button" mat-raised-button [routerLink]="['/accounting/financial-activity-mappings']">Cancel</button>
<button mat-raised-button color="primary">Submit</button>
</mat-card-actions>
</mat-card-content>
</form>
<mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
<button type="button" mat-raised-button [routerLink]="['/accounting/financial-activity-mappings']">Cancel</button>
<button mat-raised-button color="primary">Submit</button>
</mat-card-actions>
</mat-card>
</form>
</mat-card>
</div>