PD allocation UI
This commit is contained in:
parent
42a78a1633
commit
52071781be
@ -17,7 +17,7 @@
|
||||
<mat-card fxFlex="100%">
|
||||
<mat-card-content style="text-align:center">
|
||||
<mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
|
||||
<img [src]="officer.profile_url" alt="No Image" style="border-radius:50%;width:50%"><br>
|
||||
<img [src]="officer.profile_url ||'https://image.ibb.co/mGjZB9/usernew.png'" alt="No Image" style="border-radius:50%;width:50%"><br>
|
||||
<span matBadge="{{officer.count}}" matBadgeOverlap="false" matBadgeColor="warn">{{officer.first_name}}</span>
|
||||
<br>
|
||||
<span>{{officer.mobile_no}}</span>
|
||||
@ -30,7 +30,7 @@
|
||||
</div>
|
||||
<mat-list *ngIf="pdOfficerList.length == 0">
|
||||
<mat-list-item>
|
||||
<p>PD officer not available..</p>
|
||||
<p>No PD officer available.</p>
|
||||
</mat-list-item>
|
||||
</mat-list>
|
||||
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
<mat-card fxFlex="100%">
|
||||
<mat-card-content style="text-align:center">
|
||||
<mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
|
||||
<img [src]="officer.profile_url" alt="No Image" style="border-radius:50%;width:50%"><br>
|
||||
<img [src]="officer.profile_url ||'https://image.ibb.co/mGjZB9/usernew.png'" alt="No Image" style="border-radius:50%;width:50%"><br>
|
||||
<span matBadge="{{officer.count}}" matBadgeOverlap="false" matBadgeColor="warn">{{officer.first_name}}</span>
|
||||
<br>
|
||||
<span>{{officer.mobile_no}}</span>
|
||||
@ -39,12 +39,10 @@
|
||||
</mat-card>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<mat-list *ngIf="pdOfficerList.length == 0">
|
||||
<mat-list-item>
|
||||
<p>PD officer not available..</p>
|
||||
<p>No executive available.</p>
|
||||
</mat-list-item>
|
||||
</mat-list>
|
||||
|
||||
@ -63,7 +61,22 @@
|
||||
</mat-card-header>
|
||||
<mat-card-content>
|
||||
|
||||
<mat-list *ngIf="pdExcutiveList.length > 0">
|
||||
<div *ngIf="pdExcutiveList.length > 0" >
|
||||
<div fxLayout="row wrap" fxFlex="100%">
|
||||
<div fxLayout="row wrap" fxFlex="33.33%" *ngFor="let excutive of pdExcutiveList">
|
||||
<mat-card fxFlex="100%">
|
||||
<mat-card-content style="text-align:center">
|
||||
<mat-radio-button [value]="excutive" (change)="selectExcutiveOfficer(excutive)"></mat-radio-button>
|
||||
<img [src]="excutive.profile_url ||'https://image.ibb.co/mGjZB9/usernew.png'" alt="No Image" style="border-radius:50%;width:50%"><br>
|
||||
<span matBadge="{{excutive.count}}" matBadgeOverlap="false" matBadgeColor="warn">{{excutive.first_name}}</span>
|
||||
<br>
|
||||
<span>{{excutive.mobile_no}}</span>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!----<mat-list *ngIf="pdExcutiveList.length > 0">
|
||||
<mat-radio-group>
|
||||
<mat-list-item *ngFor="let excutive of pdExcutiveList">
|
||||
<p><mat-radio-button [value]="excutive" (change)="selectExcutiveOfficer(excutive)"></mat-radio-button>
|
||||
@ -81,10 +94,10 @@
|
||||
|
||||
</mat-list-item>
|
||||
</mat-radio-group>
|
||||
</mat-list>
|
||||
</mat-list> -->
|
||||
<mat-list *ngIf="pdExcutiveList.length == 0">
|
||||
<mat-list-item>
|
||||
<p>Excutive officer not available..</p>
|
||||
<p>No central officer available.</p>
|
||||
</mat-list-item>
|
||||
</mat-list>
|
||||
|
||||
|
||||
@ -11,8 +11,8 @@ import { PdTrigerService } from '../../../pd-service/pd-triger.service';
|
||||
})
|
||||
export class SmartPdAllocationComponent implements OnInit {
|
||||
|
||||
public pageTitle: string = "Allocate To PD Officer";
|
||||
public pageTitle2: string = "Allocate To Excutive Officer";
|
||||
public pageTitle: string = "Allocate To Executive";
|
||||
public pageTitle2: string = "Allocate To Central Officer";
|
||||
public _pdAllocationForm: FormGroup;
|
||||
public pdOfficerList: any = [];
|
||||
public pdExcutiveList: any = [];
|
||||
|
||||
Loading…
Reference in New Issue
Block a user