CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(client): edit address form (#146)

Browse Source 
* feat(client): edit address form
This commit is contained in:
Anwesh Nayak
2018-07-24 20:33:26 +05:30
committed by GitHub
parent 4f095b76cf
commit 11f277b6bc
11 changed files with 329 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/clients/edit-address/edit-address.component.html
+64
View File
@@ -0,0 +1,64 @@
<div class="container m-t-40 m-b-40">
<aw-wizard class="m-t-10" #wizard [navBarLayout]="'large-empty-symbols'">
<aw-wizard-step stepTitle="Address" [navigationSymbol]="{ symbol: '1' }">
<div fxLayoutAlign="center">
<mat-card class="example-card">
<mat-card-header>
</mat-card-header>
<mat-card-content>
<form class="example-form" *ngIf="form" (ngSubmit)="onSubmit()" #f="ngForm">
<mat-form-field class="example-full-width">
<input matInput name="street" placeholder="Street" [(ngModel)]="form.street">
</mat-form-field>
<mat-form-field class="example-full-width">
<input matInput name="addressLine1" placeholder="Address Line 1" [(ngModel)]="form.addressLine1">
</mat-form-field>
<mat-form-field class="example-full-width">
<input matInput name="addressLine2" placeholder="Address Line 2" [(ngModel)]="form.addressLine2">
</mat-form-field>
<mat-form-field class="example-full-width">
<input matInput name="addressLine3" placeholder="Address Line 3" [(ngModel)]="form.addressLine3">
</mat-form-field>
<mat-form-field class="example-full-width">
<input matInput name="city" placeholder="City" [(ngModel)]="form.city">
</mat-form-field>
<mat-form-field class="example-full-width">
<mat-select placeholder="State" [(ngModel)]="form.stateProvinceId" [ngModelOptions]="{standalone: true}" ngDefaultControl>
<div>
<mat-option *ngFor="let item of clientAddress?.stateProvinceIdOptions" name="option" [value]="item?.id">{{item?.name}}</mat-option>
</div>
</mat-select>
</mat-form-field>
<mat-form-field class="example-full-width">
<mat-select placeholder="Country" [(ngModel)]="form.countryId" [ngModelOptions]="{standalone: true}" ngDefaultControl>
<div>
<mat-option *ngFor="let item of clientAddress?.countryIdOptions" name="option" [value]="item?.id">{{item?.name}}</mat-option>
</div>
</mat-select>
</mat-form-field>
<mat-form-field class="example-full-width">
<input matInput name="postalCode" placeholder="Postal Code" [(ngModel)]="form.postalCode">
</mat-form-field>
<button mat-raised-button>Update</button>
</form>
</mat-card-content>
</mat-card>
</div>
</aw-wizard-step>
</aw-wizard>
</div>