finish absence confirmation page & add absence submit modal
parent
2ee9d51f7e
commit
69db29931f
@ -0,0 +1,39 @@
|
||||
<ion-content padding>
|
||||
|
||||
<!--
|
||||
<ion-col col-1
|
||||
style="margin-right: -22px;margin-top: -10px;">
|
||||
<ion-button class="closeIcon" (click)="closeModal()">
|
||||
<img src="../assets/imgs/close.png">
|
||||
|
||||
</ion-button>
|
||||
</ion-col> -->
|
||||
|
||||
|
||||
<h2><div class="Header">Confirmation</div></h2>
|
||||
|
||||
<div>
|
||||
<div *ngIf="submitAbsAttachmentList.length==0" class="labelcheck" lines="none" style="text-align: center;">
|
||||
No Attachment
|
||||
</div>
|
||||
<div *ngIf="absComments==''" class="labelcheck" style="text-align: center;margin-bottom: 5px;padding-bottom: 16px;">
|
||||
No Note
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<ion-footer style="border-top: 1px solid grey !important;">
|
||||
<ion-row class="rowBtn">
|
||||
<ion-label class="labelRadio">Are you sure you want to submit</ion-label>
|
||||
<ion-button class="submitOkButton" (click)="OkBtnModal()"> {{ts.trPK('general','ok')}}
|
||||
</ion-button>
|
||||
</ion-row>
|
||||
|
||||
<ion-row class="rowBtn">
|
||||
<ion-button class="submitCancelButton" (click)="closeModal()"> {{ts.trPK('general','cancel')}}
|
||||
</ion-button>
|
||||
|
||||
</ion-row>
|
||||
</ion-footer>
|
||||
</ion-content>
|
||||
|
||||
@ -0,0 +1,53 @@
|
||||
.rowBtn{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.Header{
|
||||
color: black !important;
|
||||
font-size: 25px !important;
|
||||
font-weight: bold !important;;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.labelRadio{
|
||||
color: black !important;
|
||||
font-weight: bold !important;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.labelcheck{
|
||||
color: red !important;
|
||||
font-weight: bold !important;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.submitOkButton{
|
||||
white-space: normal !important;
|
||||
text-transform: capitalize !important;
|
||||
min-height: 45px !important;
|
||||
min-width: 5px !important;
|
||||
margin: 8px !important;
|
||||
--background:: #22c6b3;
|
||||
width: 100% !important;
|
||||
color: white!important;
|
||||
border-radius: 16px !important;
|
||||
}
|
||||
.submitCancelButton{
|
||||
white-space: normal !important;
|
||||
text-transform: capitalize !important;
|
||||
min-height: 45px !important;
|
||||
min-width: 5px !important;
|
||||
margin: 8px !important;
|
||||
--background:: #094875;
|
||||
width: 100% !important;
|
||||
color: white!important;
|
||||
border-radius: 16px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,27 @@
|
||||
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
||||
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { SubmitAbsenceModalComponent } from './submit-absence-modal.component';
|
||||
|
||||
describe('SubmitAbsenceModalComponent', () => {
|
||||
let component: SubmitAbsenceModalComponent;
|
||||
let fixture: ComponentFixture<SubmitAbsenceModalComponent>;
|
||||
|
||||
beforeEach(async(() => {
|
||||
TestBed.configureTestingModule({
|
||||
declarations: [ SubmitAbsenceModalComponent ],
|
||||
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
||||
})
|
||||
.compileComponents();
|
||||
}));
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(SubmitAbsenceModalComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,36 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { CommonService } from 'src/app/hmg-common/services/common/common.service';
|
||||
import { ModalController } from '@ionic/angular';
|
||||
import { TranslatorService } from 'src/app/hmg-common/services/translator/translator.service';
|
||||
|
||||
@Component({
|
||||
selector: 'app-submit-absence-modal',
|
||||
templateUrl: './submit-absence-modal.component.html',
|
||||
styleUrls: ['./submit-absence-modal.component.scss'],
|
||||
})
|
||||
export class SubmitAbsenceModalComponent implements OnInit {
|
||||
submitAbsAttachmentList :any =[];
|
||||
absComments: string;
|
||||
constructor( private ts: TranslatorService,private modalCtrl: ModalController, private cs: CommonService){
|
||||
this.submitAbsAttachmentList = this.cs.sharedService.getSharedData('submitAbsAttachmentList', false);
|
||||
this.absComments = this.cs.sharedService.getSharedData('absComments', false);
|
||||
}
|
||||
|
||||
ngOnInit() {
|
||||
console.log("modal");
|
||||
//this.actionBtns = this.cs.sharedService.getSharedData("passActionMore" , false);
|
||||
console.log("modal");
|
||||
|
||||
}
|
||||
closeModal() {
|
||||
this.modalCtrl.dismiss();
|
||||
}
|
||||
|
||||
|
||||
OkBtnModal() {
|
||||
let data = "ok";
|
||||
this.modalCtrl.dismiss(data);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue