aboutsummaryrefslogtreecommitdiffstats
path: root/src/app/shared/confirmModal/confirm.component.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/shared/confirmModal/confirm.component.ts')
-rw-r--r--src/app/shared/confirmModal/confirm.component.ts22
1 files changed, 9 insertions, 13 deletions
diff --git a/src/app/shared/confirmModal/confirm.component.ts b/src/app/shared/confirmModal/confirm.component.ts
index 5fbf4b3..9da7991 100644
--- a/src/app/shared/confirmModal/confirm.component.ts
+++ b/src/app/shared/confirmModal/confirm.component.ts
@@ -28,8 +28,6 @@ import { DialogComponent, DialogService } from 'ng2-bootstrap-modal';
export interface ConfirmModel {
title: string;
message: string;
- cancelButtonText: string;
- confirmButtonText: string;
}
@Component({
@@ -38,15 +36,15 @@ export interface ConfirmModel {
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
- <h4 class="modal-title">{{title}}</h4>
- <button type="button" class="close" (click)="cancel()">&times;</button>
+ <button type="button" class="close" (click)="close()">&times;</button>
+ <h6 class="modal-title">{{title || 'Save all changes for current action to APPC database.'}}</h6>
</div>
<div class="modal-body">
- <p>{{message}}</p>
+ <p>{{message || 'Do you want to save the changes?'}}</p>
</div>
<div class="modal-footer">
- <button type="button" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" (click)="confirm()">{{confirmButtonText}}</button>
- <button type="button" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--primary" (click)="cancel()">{{cancelButtonText}}</button>
+ <button type="button" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" (click)="onCancel()">No</button>
+ <button type="button" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--primary" (click)="onConfirm()">Yes</button>
</div>
</div>
</div>`
@@ -54,22 +52,20 @@ export interface ConfirmModel {
export class ConfirmComponent extends DialogComponent<ConfirmModel, boolean> implements ConfirmModel {
title: string;
message: string;
- cancelButtonText: string;
- confirmButtonText: string;
constructor(dialogService: DialogService) {
super(dialogService);
}
- confirm() {
- // we set dialog result as true on click on confirm button,
+ onConfirm() {
+ // we set dialog result as true on click on Yes button,
// then we can get dialog result from caller code
this.result = true;
this.close();
}
- cancel() {
- // we set dialog result as false on click on cancel/close button,
+ onCancel() {
+ // we set dialog result as false on click on Yes button,
// then we can get dialog result from caller code
this.result = false;
this.close();