finish Eit new design
parent
4d6167d6e8
commit
2ee9d51f7e
@ -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="submitAttachmentList.length==0" class="labelcheck" lines="none" style="text-align: center;">
|
||||||
|
No Attachment
|
||||||
|
</div>
|
||||||
|
<div *ngIf="eitComments==''" 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 { SubmitEitModalComponent } from './submit-eit-modal.component';
|
||||||
|
|
||||||
|
describe('SubmitEitModalComponent', () => {
|
||||||
|
let component: SubmitEitModalComponent;
|
||||||
|
let fixture: ComponentFixture<SubmitEitModalComponent>;
|
||||||
|
|
||||||
|
beforeEach(async(() => {
|
||||||
|
TestBed.configureTestingModule({
|
||||||
|
declarations: [ SubmitEitModalComponent ],
|
||||||
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
||||||
|
})
|
||||||
|
.compileComponents();
|
||||||
|
}));
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
|
fixture = TestBed.createComponent(SubmitEitModalComponent);
|
||||||
|
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-eit-modal',
|
||||||
|
templateUrl: './submit-eit-modal.component.html',
|
||||||
|
styleUrls: ['./submit-eit-modal.component.scss'],
|
||||||
|
})
|
||||||
|
export class SubmitEitModalComponent implements OnInit {
|
||||||
|
submitAttachmentList :any =[];
|
||||||
|
eitComments: string;
|
||||||
|
constructor( private ts: TranslatorService,private modalCtrl: ModalController, private cs: CommonService){
|
||||||
|
this.submitAttachmentList = this.cs.sharedService.getSharedData('submitAttachmentList', false);
|
||||||
|
this.eitComments = this.cs.sharedService.getSharedData('eitComments', 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