date description added.

MOE-PHASE-2-SPRINT-1
Sultan khan 3 years ago
parent 1f1ca83498
commit 80692a07b7

@ -7,8 +7,17 @@
[dateFormatter]="calendar.dateFormatter"
(onTimeSelected)="onDayClicked($event)">
</calendar>
<div class="description-box">
<ion-row>
<ion-col size="4">
<div class="icon absence"></div><ion-label class="label-text">Absence</ion-label>
</ion-col>
<ion-col size="4">
<div class="icon holiday"></div><ion-label class="label-text">Holiday</ion-label>
</ion-col>
<ion-col size="4"> <div class="icon bt"></div><ion-label class="label-text">Business Trip</ion-label></ion-col>
</ion-row>
</div>
<ng-template #template let-showEventDetail="showEventDetail" let-selectedDate="selectedDate" let-noEventsLabel="noEventsLabel">
</ng-template>

@ -108,4 +108,29 @@
--height: 12cm !important;
--width: 80% !important;
--border-radius: 0.4cm;
}
.icon{
height: 20px;
width: 20px;
border-radius: 50%;
display: inline-block;
}
.absence{
background-color: #db5b6a !important;
}
.bt{
background-color: #004D71 !important;
}
.holiday{
background-color: #43a6a0 !important;
}
.description-box{
position: relative;
bottom: 15px;
}
.label-text{
font-size: 12px;
padding: 5px;
position: relative;
bottom: 3px;
}

@ -38,7 +38,7 @@
<ion-col [size]="12" [ngClass]="direction == 'ltr'? 'col':'col-ar'">
<ion-row class="amountlabel"> <p>{{TODAYDATE.LEAVE_TYPE}}</p> </ion-row>
<ion-row class="amountlabel"> <p>{{TODAYDATE.ABSENCE_ATTENDANCE_TYPE_NAME}}</p> </ion-row>
<ion-row class="rowlabel">
<p >{{ts.trPK('attendance-tracking','shift-time')}}</p>
</ion-row>

Loading…
Cancel
Save