nsrtm-gestionarchivo-npm-prueba2/esm2020/app/shared/dialog-confirm/dialog-confirm.component.mjs

Proyecto de Libreria Frontend para la Gestión de Archivos

/**
 * Component de dialogo de componente
 */
import { Component, Input } from '@angular/core';
import { finalize } from 'rxjs';
import * as i0 from "@angular/core";
import * as i1 from "@ng-bootstrap/ng-bootstrap";
import * as i2 from "../alert/alert.service";
export class DialogConfirmComponent {
    constructor(activeModal, alertService) {
        this.activeModal = activeModal;
        this.alertService = alertService;
        this.loading = false;
    }
    ngOnInit() {
        // method not implement
    }
    onOk() {
        const { callback } = this.options;
        if (typeof callback === 'function') {
            this.loading = true;
            callback()
                .pipe(finalize(() => (this.loading = false)))
                .subscribe({
                next: (response) => {
                    this.activeModal.close(response);
                },
                error: (error) => {
                    this.alertService.error(error.mensaje, error.errores);
                },
            });
        }
        else {
            this.activeModal.close(true);
        }
    }
    onClose() {
        this.activeModal.close();
    }
}
DialogConfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DialogConfirmComponent, deps: [{ token: i1.NgbActiveModal }, { token: i2.AlertService }], target: i0.ɵɵFactoryTarget.Component });
DialogConfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DialogConfirmComponent, selector: "app-dialog-confirm", inputs: { options: "options" }, ngImport: i0, template: "<div class=\"dialog-confirm\">\r\n  <div class=\"modal-body\">\r\n    <div>\r\n      <span class=\"dialog-confirm__icon feather icon-trash-2\"></span>\r\n    </div>\r\n    <h3 class=\"dialog-confirm__title\">{{options.title}}</h3>\r\n    <p class=\"dialog-confirm__message\">{{options.message}}</p>\r\n  </div>\r\n  <div class=\"modal-footer justify-content-center\">\r\n    <button type=\"button\" class=\"btn-cancel\" data-dismiss=\"modal\" (click)=\"onClose()\">\r\n      <span class=\"feather icon-x me-1\"></span>\r\n      Cancelar\r\n    </button>\r\n    <button type=\"button\" class=\"btn btn-primary\" [disabled]=\"loading\" ngbAutofocus (click)=\"onOk()\">\r\n      <span class=\"feather icon-check me-1\" *ngIf=\"!loading; else iconLoading\"></span>\r\n      <ng-template #iconLoading>\r\n        <div class=\"spinner-border spinner-border-sm me-2\" role=\"status\"></div>\r\n      </ng-template>\r\n      {{ loading ? 'Grabando...' : 'Confimar' }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".dialog-confirm{text-align:center}.dialog-confirm .modal-body{padding-top:3rem;padding-bottom:2rem}.dialog-confirm__icon{font-size:2rem;font-weight:400}.dialog-confirm__title{margin-top:1rem;font-size:18px;font-weight:700;margin-bottom:0}.dialog-confirm__message{margin-top:.5rem;margin-bottom:0}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DialogConfirmComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-dialog-confirm', template: "<div class=\"dialog-confirm\">\r\n  <div class=\"modal-body\">\r\n    <div>\r\n      <span class=\"dialog-confirm__icon feather icon-trash-2\"></span>\r\n    </div>\r\n    <h3 class=\"dialog-confirm__title\">{{options.title}}</h3>\r\n    <p class=\"dialog-confirm__message\">{{options.message}}</p>\r\n  </div>\r\n  <div class=\"modal-footer justify-content-center\">\r\n    <button type=\"button\" class=\"btn-cancel\" data-dismiss=\"modal\" (click)=\"onClose()\">\r\n      <span class=\"feather icon-x me-1\"></span>\r\n      Cancelar\r\n    </button>\r\n    <button type=\"button\" class=\"btn btn-primary\" [disabled]=\"loading\" ngbAutofocus (click)=\"onOk()\">\r\n      <span class=\"feather icon-check me-1\" *ngIf=\"!loading; else iconLoading\"></span>\r\n      <ng-template #iconLoading>\r\n        <div class=\"spinner-border spinner-border-sm me-2\" role=\"status\"></div>\r\n      </ng-template>\r\n      {{ loading ? 'Grabando...' : 'Confimar' }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".dialog-confirm{text-align:center}.dialog-confirm .modal-body{padding-top:3rem;padding-bottom:2rem}.dialog-confirm__icon{font-size:2rem;font-weight:400}.dialog-confirm__title{margin-top:1rem;font-size:18px;font-weight:700;margin-bottom:0}.dialog-confirm__message{margin-top:.5rem;margin-bottom:0}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.NgbActiveModal }, { type: i2.AlertService }]; }, propDecorators: { options: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vYXJjaGl2by9uc3J0bS1nZXN0aW9uYXJjaGl2by1ucG0vc3JjL2FwcC9zaGFyZWQvZGlhbG9nLWNvbmZpcm0vZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vYXJjaGl2by9uc3J0bS1nZXN0aW9uYXJjaGl2by1ucG0vc3JjL2FwcC9zaGFyZWQvZGlhbG9nLWNvbmZpcm0vZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUV6RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7O0FBU2hDLE1BQU0sT0FBTyxzQkFBc0I7SUFLbEMsWUFDUSxXQUEyQixFQUMxQixZQUEwQjtRQUQzQixnQkFBVyxHQUFYLFdBQVcsQ0FBZ0I7UUFDMUIsaUJBQVksR0FBWixZQUFZLENBQWM7UUFKbkMsWUFBTyxHQUFZLEtBQUssQ0FBQztJQUt0QixDQUFDO0lBRUosUUFBUTtRQUNQLHVCQUF1QjtJQUN4QixDQUFDO0lBRUQsSUFBSTtRQUNILE1BQU0sRUFBRSxRQUFRLEVBQUUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQ2xDLElBQUksT0FBTyxRQUFRLEtBQUssVUFBVSxFQUFFO1lBQ25DLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1lBQ3BCLFFBQVEsRUFBRTtpQkFDUixJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO2lCQUM1QyxTQUFTLENBQUM7Z0JBQ1YsSUFBSSxFQUFFLENBQUMsUUFBUSxFQUFFLEVBQUU7b0JBQ2xCLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO2dCQUNsQyxDQUFDO2dCQUNELEtBQUssRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFO29CQUNoQixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDdkQsQ0FBQzthQUNELENBQUMsQ0FBQztTQUNKO2FBQU07WUFDTixJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUM3QjtJQUNGLENBQUM7SUFFRCxPQUFPO1FBQ04sSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUMxQixDQUFDOzttSEFuQ1csc0JBQXNCO3VHQUF0QixzQkFBc0IsMEZDZm5DLDQrQkFzQkE7MkZEUGEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNDLG9CQUFvQjtnSUFLckIsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXHJcbiAqIENvbXBvbmVudCBkZSBkaWFsb2dvIGRlIGNvbXBvbmVudGVcclxuICovXHJcblxyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmdiQWN0aXZlTW9kYWwgfSBmcm9tICdAbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcCc7XHJcbmltcG9ydCB7IGZpbmFsaXplIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IEFsZXJ0U2VydmljZSB9IGZyb20gJy4uL2FsZXJ0L2FsZXJ0LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBDb25maXJtT3B0aW9ucyB9IGZyb20gJy4vZGlhbG9nLWNvbmZpcm0uc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuXHRzZWxlY3RvcjogJ2FwcC1kaWFsb2ctY29uZmlybScsXHJcblx0dGVtcGxhdGVVcmw6ICcuL2RpYWxvZy1jb25maXJtLmNvbXBvbmVudC5odG1sJyxcclxuXHRzdHlsZVVybHM6IFsnLi9kaWFsb2ctY29uZmlybS5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGlhbG9nQ29uZmlybUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblx0QElucHV0KCkgb3B0aW9ucyE6IENvbmZpcm1PcHRpb25zO1xyXG5cclxuXHRsb2FkaW5nOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG5cdGNvbnN0cnVjdG9yKFxyXG5cdFx0cHVibGljIGFjdGl2ZU1vZGFsOiBOZ2JBY3RpdmVNb2RhbCxcclxuXHRcdHByaXZhdGUgYWxlcnRTZXJ2aWNlOiBBbGVydFNlcnZpY2VcclxuXHQpIHt9XHJcblxyXG5cdG5nT25Jbml0KCk6IHZvaWQge1xyXG5cdFx0Ly8gbWV0aG9kIG5vdCBpbXBsZW1lbnRcclxuXHR9XHJcblxyXG5cdG9uT2soKSB7XHJcblx0XHRjb25zdCB7IGNhbGxiYWNrIH0gPSB0aGlzLm9wdGlvbnM7XHJcblx0XHRpZiAodHlwZW9mIGNhbGxiYWNrID09PSAnZnVuY3Rpb24nKSB7XHJcblx0XHRcdHRoaXMubG9hZGluZyA9IHRydWU7XHJcblx0XHRcdGNhbGxiYWNrKClcclxuXHRcdFx0XHQucGlwZShmaW5hbGl6ZSgoKSA9PiAodGhpcy5sb2FkaW5nID0gZmFsc2UpKSlcclxuXHRcdFx0XHQuc3Vic2NyaWJlKHtcclxuXHRcdFx0XHRcdG5leHQ6IChyZXNwb25zZSkgPT4ge1xyXG5cdFx0XHRcdFx0XHR0aGlzLmFjdGl2ZU1vZGFsLmNsb3NlKHJlc3BvbnNlKTtcclxuXHRcdFx0XHRcdH0sXHJcblx0XHRcdFx0XHRlcnJvcjogKGVycm9yKSA9PiB7XHJcblx0XHRcdFx0XHRcdHRoaXMuYWxlcnRTZXJ2aWNlLmVycm9yKGVycm9yLm1lbnNhamUsIGVycm9yLmVycm9yZXMpO1xyXG5cdFx0XHRcdFx0fSxcclxuXHRcdFx0XHR9KTtcclxuXHRcdH0gZWxzZSB7XHJcblx0XHRcdHRoaXMuYWN0aXZlTW9kYWwuY2xvc2UodHJ1ZSk7XHJcblx0XHR9XHJcblx0fVxyXG5cclxuXHRvbkNsb3NlKCkge1xyXG5cdFx0dGhpcy5hY3RpdmVNb2RhbC5jbG9zZSgpO1xyXG5cdH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZGlhbG9nLWNvbmZpcm1cIj5cclxuICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxyXG4gICAgPGRpdj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJkaWFsb2ctY29uZmlybV9faWNvbiBmZWF0aGVyIGljb24tdHJhc2gtMlwiPjwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGgzIGNsYXNzPVwiZGlhbG9nLWNvbmZpcm1fX3RpdGxlXCI+e3tvcHRpb25zLnRpdGxlfX08L2gzPlxyXG4gICAgPHAgY2xhc3M9XCJkaWFsb2ctY29uZmlybV9fbWVzc2FnZVwiPnt7b3B0aW9ucy5tZXNzYWdlfX08L3A+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cIm1vZGFsLWZvb3RlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XHJcbiAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImJ0bi1jYW5jZWxcIiBkYXRhLWRpc21pc3M9XCJtb2RhbFwiIChjbGljayk9XCJvbkNsb3NlKClcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJmZWF0aGVyIGljb24teCBtZS0xXCI+PC9zcGFuPlxyXG4gICAgICBDYW5jZWxhclxyXG4gICAgPC9idXR0b24+XHJcbiAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImJ0biBidG4tcHJpbWFyeVwiIFtkaXNhYmxlZF09XCJsb2FkaW5nXCIgbmdiQXV0b2ZvY3VzIChjbGljayk9XCJvbk9rKClcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJmZWF0aGVyIGljb24tY2hlY2sgbWUtMVwiICpuZ0lmPVwiIWxvYWRpbmc7IGVsc2UgaWNvbkxvYWRpbmdcIj48L3NwYW4+XHJcbiAgICAgIDxuZy10ZW1wbGF0ZSAjaWNvbkxvYWRpbmc+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNwaW5uZXItYm9yZGVyIHNwaW5uZXItYm9yZGVyLXNtIG1lLTJcIiByb2xlPVwic3RhdHVzXCI+PC9kaXY+XHJcbiAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgIHt7IGxvYWRpbmcgPyAnR3JhYmFuZG8uLi4nIDogJ0NvbmZpbWFyJyB9fVxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=