design confirmation page

MOHEMM-Q3-DEV-LATEST
Mohamed Mekawy 6 years ago
parent 2b5265243e
commit c85a5ef82a

@ -6,7 +6,63 @@
</ion-header>
<ion-content>
<!-------------------------------Start New design ---------------------------------------->
<ion-grid>
<ion-item class="attachmentDiv">
<ion-row>
<ion-col>
<ion-img src="../assets/imgs/attach-icon.png"></ion-img>
</ion-col>
</ion-row>
<ion-row>
<ion-col>
<p>{{ 'general, notAttch' | translate}}</p>
</ion-col>
</ion-row>
</ion-item>
</ion-grid>
<ion-grid class="">
<ion-item class="submitNote">
<ion-label position="floating" class="boldTxtNav">{{'confirmAddEit, comment' | translate}}</ion-label>
<ion-textarea type="text" [(ngModel)]="eitComments"></ion-textarea>
</ion-item>
</ion-grid>
<ion-grid class="approvalList">
<div class="hrTitle">{{'confirmAddEit, approverList' | translate}}</div>
<!-- <div class="noDataDiv" *ngIf="approversList?.length == 0">
<p>{{ 'general, empty' | translate}}</p>
</div> -->
<div *ngIf="approversList?.length > 0">
<ion-list class="notification-list ">
<div class="timeline">
<ion-item *ngFor="let employee of approversList">
<div class="timeline-item" slot="start">
<div class="timeline-thumb timeline-icon">
<img *ngIf="employee.EMPLOYEE_IMAGE" class="empImge"
[src]="'data:image/png;base64,'+employee.EMPLOYEE_IMAGE">
<img *ngIf="employee.EMPLOYEE_IMAGE == null" class="empImge"
src="../assets/imgs/profile.png"> </div>
</div>
<ion-col>
<ion-label style="color:black !important ;font-weight: bold;">
{{employee.APPROVER}}
</ion-label>
<ion-label style="color:black !important ;font-weight: bold;">
{{employee.APPROVER_TYPE}}
</ion-label>
</ion-col>
<div class="line"></div>
</ion-item>
</div>
</ion-list>
</div>
</ion-grid>
<!-------------------------------End New design ---------------------------------------->
<ion-card>
<ion-card-header class="boxHdr">
<div class="hrTitle">{{'confirmAddEit, approverList' | translate}}</div>

@ -24,3 +24,42 @@
background: transparent;
float: right;
}
.attachmentDiv{
background: #ffffff;
height: 80px;
text-align: center;
padding-top: 1px;
margin: 10px;
border-radius: 34px;
border: 1px solid grey;
}
.noDataDiv{
background: #ffffff;
height: 11%;
text-align: center;
padding-top: 1px;
border-radius: 10px;
margin: 10px;
border-radius: 5px;
}
.submitNote{
background: #ffffff;
height: 80px;
text-align: center;
padding-top: 1px;
margin: 10px;
border-radius: 34px;
border: 1px solid grey;
}
.approvalList{
background: #ffffff;
height: auto;
text-align: center;
padding-top: 1px;
border-radius: 10px;
margin: 10px;
border-radius: 5px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 537 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 259 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 537 B

Loading…
Cancel
Save