Allocation screens
This commit is contained in:
parent
9507d12873
commit
b326be9b4d
@ -13,11 +13,11 @@
|
|||||||
|
|
||||||
<div *ngIf="pdOfficerList.length > 0" >
|
<div *ngIf="pdOfficerList.length > 0" >
|
||||||
<div fxLayout="row wrap" fxFlex="100%">
|
<div fxLayout="row wrap" fxFlex="100%">
|
||||||
<div fxLayout="row wrap" fxFlex="33.33%" *ngFor="let officer of pdOfficerList; ">
|
<div fxLayout="row wrap" fxFlex="22%" *ngFor="let officer of pdOfficerList; ">
|
||||||
<mat-card fxFlex="100%">
|
<mat-card fxFlex="100%">
|
||||||
<mat-card-content style="text-align:center">
|
<mat-card-content style="text-align:center">
|
||||||
<mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
|
<mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
|
||||||
<img [src]="officer.profile_url ||'https://image.ibb.co/mGjZB9/usernew.png'" 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:100px;height:100px;"><br>
|
||||||
<span>{{officer.first_name}}</span>
|
<span>{{officer.first_name}}</span>
|
||||||
<br>
|
<br>
|
||||||
<span>{{officer.mobile_no}}</span><br>
|
<span>{{officer.mobile_no}}</span><br>
|
||||||
|
|||||||
@ -13,7 +13,7 @@
|
|||||||
<!-- <form [formGroup]="_pdAllocationForm" (submit)="onSubmit()"> -->
|
<!-- <form [formGroup]="_pdAllocationForm" (submit)="onSubmit()"> -->
|
||||||
<div *ngIf="pdCentralOfficerList.length > 0" >
|
<div *ngIf="pdCentralOfficerList.length > 0" >
|
||||||
<div fxLayout="row wrap" fxFlex="100%">
|
<div fxLayout="row wrap" fxFlex="100%">
|
||||||
<div fxLayout="row wrap" fxFlex="33.33%" *ngFor="let officer of pdCentralOfficerList; ">
|
<div fxLayout="row wrap" fxFlex="22%" *ngFor="let officer of pdCentralOfficerList; ">
|
||||||
<!-- <p><mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
|
<!-- <p><mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
|
||||||
{{officer.first_name}}
|
{{officer.first_name}}
|
||||||
</p>
|
</p>
|
||||||
@ -31,10 +31,10 @@
|
|||||||
<mat-card fxFlex="100%">
|
<mat-card fxFlex="100%">
|
||||||
<mat-card-content style="text-align:center">
|
<mat-card-content style="text-align:center">
|
||||||
<mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
|
<mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
|
||||||
<img [src]="officer.profile_url ||'https://image.ibb.co/mGjZB9/usernew.png'" 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:100px;height:100px;"><br>
|
||||||
<span>{{officer.first_name}}</span>
|
<span>{{officer.first_name}}</span>
|
||||||
<br>
|
<br>
|
||||||
<span>{{officer.mobile_no}}</span>
|
<span>{{officer.mobile_no}}</span> <br>
|
||||||
<span>PD in hand - {{officer.count}}</span>
|
<span>PD in hand - {{officer.count}}</span>
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
</mat-card>
|
</mat-card>
|
||||||
@ -64,11 +64,11 @@
|
|||||||
|
|
||||||
<div *ngIf="pdExcutiveList.length > 0" >
|
<div *ngIf="pdExcutiveList.length > 0" >
|
||||||
<div fxLayout="row wrap" fxFlex="100%">
|
<div fxLayout="row wrap" fxFlex="100%">
|
||||||
<div fxLayout="row wrap" fxFlex="33.33%" *ngFor="let excutive of pdExcutiveList">
|
<div fxLayout="row wrap" fxFlex="22%" *ngFor="let excutive of pdExcutiveList">
|
||||||
<mat-card fxFlex="100%">
|
<mat-card fxFlex="100%">
|
||||||
<mat-card-content style="text-align:center">
|
<mat-card-content style="text-align:center">
|
||||||
<mat-radio-button [value]="excutive" (change)="selectExcutiveOfficer(excutive)"></mat-radio-button>
|
<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>
|
<img [src]="excutive.profile_url ||'https://image.ibb.co/mGjZB9/usernew.png'" alt="No Image" style="border-radius:50%;width:100px;height:100px;"><br>
|
||||||
<span>{{excutive.first_name}}</span>
|
<span>{{excutive.first_name}}</span>
|
||||||
<br>
|
<br>
|
||||||
<span>{{excutive.mobile_no}}</span> <br>
|
<span>{{excutive.mobile_no}}</span> <br>
|
||||||
|
|||||||
@ -13,11 +13,11 @@
|
|||||||
|
|
||||||
<div *ngIf="pdCentralOfficerList.length > 0" >
|
<div *ngIf="pdCentralOfficerList.length > 0" >
|
||||||
<div fxLayout="row wrap" fxFlex="100%">
|
<div fxLayout="row wrap" fxFlex="100%">
|
||||||
<div fxLayout="row wrap" fxFlex="33.33%" *ngFor="let officer of pdCentralOfficerList; ">
|
<div fxLayout="row wrap" fxFlex="22%" *ngFor="let officer of pdCentralOfficerList; ">
|
||||||
<mat-card fxFlex="100%">
|
<mat-card fxFlex="100%">
|
||||||
<mat-card-content style="text-align:center">
|
<mat-card-content style="text-align:center">
|
||||||
<mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
|
<mat-radio-button [value]="officer" (change)="selectPdOfficer(officer)"></mat-radio-button>
|
||||||
<img [src]="officer.profile_url ||'https://image.ibb.co/mGjZB9/usernew.png'" 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:100px;height:100px;"><br>
|
||||||
<span>{{officer.first_name}}</span>
|
<span>{{officer.first_name}}</span>
|
||||||
<br>
|
<br>
|
||||||
<span>{{officer.mobile_no}}</span><br>
|
<span>{{officer.mobile_no}}</span><br>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user