@ -1,5 +1,5 @@
< ion-header >
< ion-toolbar class = "header-toolbar ">
< ion-toolbar class = "header-toolbar -new ">
< ion-title color = "light" > {{ts.trPK('submitAbsence','submitAbsence')}}< / ion-title >
< ion-buttons slot = "start" >
< nav-buttons > < / nav-buttons >
@ -8,37 +8,36 @@
< / ion-header >
< ion-content padding >
< ion-item >
< ion-label class= "colBold requiredClass" > {{ts.trPK('submitAbsence','absenceType')}} < / ion-label >
< ion-item class = 'dynamicField' >
< ion-label position= 'floating' class= "colBold requiredClass" > {{ts.trPK('submitAbsence','absenceType')}} < / ion-label >
< ion-select ( ionChange ) = " calcDay ( ) " okText = "{{ts.trPK('general','ok')}}" cancelText = "{{ts.trPK('general','cancel')}}" [ ( ngModel ) ] = " absenceType " ( ionChange ) = " onTypeAbsenceChange ( ) " required >
<!-- let item of AbsenceType; let i=index; -->
< ion-select-option value = "{{item.ABSENCE_ATTENDANCE_TYPE_ID}}" * ngFor = "let item of absenceTypeList; let i=index;" > {{item.ABSENCE_ATTENDANCE_TYPE_NAME}} < / ion-select-option >
< / ion-select >
< / ion-item >
< ion-item >
< ion-label class= "colBold requiredClass" > {{ts.trPK('submitAbsence','startDate')}} < / ion-label >
< ion-item class = 'dynamicField' >
< ion-label position= 'floating' class= "colBold requiredClass" > {{ts.trPK('submitAbsence','startDate')}} < / ion-label >
< ion-datetime ( ionChange ) = " calcDay ( ) " [ ( ngModel ) ] = " startDate " min = "1900" max = "2100" displayFormat = "MMM/DD/YYYY" placeholder = "MM/DD/YYYY" required > < / ion-datetime >
< / ion-item >
< ion-item * ngIf = "hoursOrDay!='D'" >
< ion-label class= "colBold requiredClass" > {{ts.trPK('submitAbsence','startTime')}} < / ion-label >
< ion-item * ngIf = "hoursOrDay!='D'" class = 'dynamicField' >
< ion-label position= 'floating' class= "colBold requiredClass" > {{ts.trPK('submitAbsence','startTime')}} < / ion-label >
< ion-datetime displayFormat = "HH:mm" [ ( ngModel ) ] = " startTime " required > < / ion-datetime >
< / ion-item >
< ion-item >
< ion-label class= "colBold requiredClass" > {{ts.trPK('submitAbsence','endDate')}}< / ion-label >
< ion-item class = 'dynamicField' >
< ion-label position= 'floating' class= "colBold requiredClass" > {{ts.trPK('submitAbsence','endDate')}}< / ion-label >
< ion-datetime ( ionChange ) = " calcDay ( ) " [ ( ngModel ) ] = " endDate " min = "1900" max = "2100" displayFormat = "MMM/DD/YYYY" placeholder = "MM/DD/YYYY" required > < / ion-datetime >
< / ion-item >
< ion-item * ngIf = "hoursOrDay!='D'" >
< ion-label class= "colBold requiredClass" > {{ts.trPK('submitAbsence','endTime')}}< / ion-label >
< ion-item * ngIf = "hoursOrDay!='D'" class = 'dynamicField' >
< ion-label position= 'floating' class= "colBold requiredClass" > {{ts.trPK('submitAbsence','endTime')}}< / ion-label >
< ion-datetime displayFormat = "HH:mm" [ ( ngModel ) ] = " endTime " required > < / ion-datetime >
< / ion-item >
< ion-item >
< ion-item class = 'dynamicField' >
< ion-label class = "colBold" > {{ts.trPK('submitAbsence','totalDays')}} < / ion-label >
< ion-label end style = "text-align: center;" > {{totalDays}}< / ion-label >
< / ion-item >
< ion-item >
< ion-item class = 'dynamicField' >
< ion-input placeholder = "{{ts.trPK('searchForReplacment','searchForReplacment')}}" type = "text" [ ( ngModel ) ] = " employeeSel " >
< / ion-input >
< button ion-button class = "search-button" icon-only ( click ) = " SearchReplacment ( ) " clear type = "button" item-end >
@ -46,8 +45,8 @@
< / button >
< / ion-item >
< ion-item >
< ion-label class= "colBold" > {{ts.trPK('submitAbsence','comments')}}< / ion-label >
< ion-item class = 'dynamicField' >
< ion-label position= 'floating' class= "colBold" > {{ts.trPK('submitAbsence','comments')}}< / ion-label >
< ion-textarea [ ( ngModel ) ] = " absComments " > < / ion-textarea >
< / ion-item >
< div id = "dynamic-abs-container" >
@ -55,6 +54,6 @@
< / ion-content >
< ion-footer >
< div class = "centerDiv" >
< ion-button c olor= "customnavy " ( click ) = " validateAbcenseTransaction ( ) " > {{ts.trPK('general','next')}}< / ion-button >
< ion-button c lass= "confirmEitOkButton " ( click ) = " validateAbcenseTransaction ( ) " > {{ts.trPK('general','next')}}< / ion-button >
< / div >
< / ion-footer >