63 lines
1.2 KiB
TypeScript
63 lines
1.2 KiB
TypeScript
import { Component, EventEmitter, Input, Output } from '@angular/core'
|
|
import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap'
|
|
import { Subject } from 'rxjs'
|
|
|
|
@Component({
|
|
selector: 'app-confirm-dialog',
|
|
templateUrl: './confirm-dialog.component.html',
|
|
styleUrls: ['./confirm-dialog.component.scss'],
|
|
})
|
|
export class ConfirmDialogComponent {
|
|
constructor(public activeModal: NgbActiveModal) {}
|
|
|
|
@Output()
|
|
public confirmClicked = new EventEmitter()
|
|
|
|
@Input()
|
|
title = $localize`Confirmation`
|
|
|
|
@Input()
|
|
messageBold
|
|
|
|
@Input()
|
|
message
|
|
|
|
@Input()
|
|
btnClass = 'btn-primary'
|
|
|
|
@Input()
|
|
btnCaption = $localize`Confirm`
|
|
|
|
@Input()
|
|
buttonsEnabled = true
|
|
|
|
confirmButtonEnabled = true
|
|
seconds = 0
|
|
|
|
confirmSubject: Subject<boolean>
|
|
|
|
delayConfirm(seconds: number) {
|
|
this.confirmButtonEnabled = false
|
|
this.seconds = seconds
|
|
setTimeout(() => {
|
|
if (this.seconds <= 1) {
|
|
this.confirmButtonEnabled = true
|
|
} else {
|
|
this.delayConfirm(seconds - 1)
|
|
}
|
|
}, 1000)
|
|
}
|
|
|
|
cancel() {
|
|
this.confirmSubject?.next(false)
|
|
this.confirmSubject?.complete()
|
|
this.activeModal.close()
|
|
}
|
|
|
|
confirm() {
|
|
this.confirmClicked.emit()
|
|
this.confirmSubject?.next(true)
|
|
this.confirmSubject?.complete()
|
|
}
|
|
}
|