iptdevs-design-system 2.7.112 → 2.7.114

package/fesm2020/iptdevs-design-system.mjs

@@ -2226,28 +2226,39 @@ class LocalStorageCODService {
     constructor() { }
     getCodFormData(step, control) {
         if (step === 1)
-            return sessionStorage.getItem(`COD FORM - step1(${control})`);
+            return localStorage.getItem(`COD FORM - step1(${control})`);
         if (step === 2)
-            return sessionStorage.getItem(`COD FORM - step2(${control})`);
+            return localStorage.getItem(`COD FORM - step2(${control})`);
         if (step === 3)
-            return sessionStorage.getItem(`COD FORM - step3(${control})`);
+            return localStorage.getItem(`COD FORM - step3(${control})`);
         if (step === 4)
-            return sessionStorage.getItem(`COD FORM - step4(${control})`);
+            return localStorage.getItem(`COD FORM - step4(${control})`);
         if (step === 5)
-            return sessionStorage.getItem(`COD FORM - step5(${control})`);
+            return localStorage.getItem(`COD FORM - step5(${control})`);
         return null;
     }
     setCodFormData(step, control, value) {
         if (step === 1)
-            sessionStorage.setItem(`COD FORM - step1(${control})`, value);
+            localStorage.setItem(`COD FORM - step1(${control})`, value);
         if (step === 2)
-            sessionStorage.setItem(`COD FORM - step2(${control})`, value);
+            localStorage.setItem(`COD FORM - step2(${control})`, value);
         if (step === 3)
-            sessionStorage.setItem(`COD FORM - step3(${control})`, value);
+            localStorage.setItem(`COD FORM - step3(${control})`, value);
         if (step === 4)
-            sessionStorage.setItem(`COD FORM - step4(${control})`, value);
+            localStorage.setItem(`COD FORM - step4(${control})`, value);
         if (step === 5)
-            sessionStorage.setItem(`COD FORM - step5(${control})`, value);
+            localStorage.setItem(`COD FORM - step5(${control})`, value);
+    }
+    clearData() {
+        let keySessionUser = '606a7d4e73650b75ebb06972e77d6cc4';
+        let sessionUser = localStorage.getItem(keySessionUser);
+        localStorage.clear();
+        if (sessionUser !== null) {
+            localStorage.setItem(keySessionUser, sessionUser);
+        }
+        else {
+            console.log('raro que no haya sesion');
+        }
     }
 }
 LocalStorageCODService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: LocalStorageCODService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -2967,7 +2978,6 @@ class CodFormStepTwoComponent extends CodFormSteps {
                 this.setDataFromPreviusCod();
             }
             else {
-                this.cleanComponent();
                 console.log('No hay data cargada para el Paso 2');
             }
         }
@@ -3253,7 +3263,7 @@ class CodFormStepThreeComponent extends CodFormSteps {
                 }
                 else {
                     console.log('No tiene acudiente');
-                    this.cleanComponent();
+                    //this.cleanComponent();
                 }
             }
             else {
@@ -3757,7 +3767,7 @@ class CodFormStepFiveComponent extends CodFormSteps {
             }
             else {
                 console.log('No hay data cargada para el Paso 5');
-                this.cleanComponent();
+                //this.cleanComponent();
             }
         }
     }
@@ -3901,16 +3911,20 @@ class CodFormComponent {
         this.userRole = this.baseService.getUserRole();
     }
     ngOnChanges(changes) {
-        if (changes['dataFromPreviusCodData']) {
-            if (this.dataFromPreviusCodData != null) {
+        if (changes['isNewCod']) {
+            if (this.isNewCod) {
                 this.formTitle = 'Formulario para verificar información del COD';
-                console.log(this.dataFromPreviusCodData);
                 this.getCodbyCode();
             }
             else {
                 this.formTitle = 'Formulario para creación del COD';
             }
         }
+        if (changes['dataFromPreviusCodData']) {
+            if (this.dataFromPreviusCodData !== null) {
+                // Hay data como parametro y se debe pintar.
+            }
+        }
     }
     allowedRole() {
         return this.allowedRoles.includes(this.userRole);
@@ -4093,12 +4107,14 @@ class CodFormComponent {
     }
 }
 CodFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormComponent, deps: [{ token: BaseService }, { token: LocalStorageCODService }, { token: CodFormControls }, { token: CommercialService }], target: i0.ɵɵFactoryTarget.Component });
-CodFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormComponent, selector: "ipt-cod-form", inputs: { dataFromPreviusCodData: "dataFromPreviusCodData" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"allowedRole() ; else Unauthorized\" class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">{{ formTitle }}</span>\n\n  <p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" [scrollable]=\"true\">\n    <p-tabPanel leftIcon=\"pi pi-star\" header=\"1. Planes y convenios\">\n      <app-cod-form-step-one (changeStepEvent)=\"changeStep($event)\" class=\"p-1\"></app-cod-form-step-one>\n    </p-tabPanel>\n    <p-tabPanel leftIcon=\"pi pi-id-card\" header=\"2. Datos del estudiante\">\n      <app-cod-form-step-two (changeStepEvent)=\"changeStep($event)\" [initialData]=\"dataFromPreviusCodData\"  class=\"p-1\"></app-cod-form-step-two>\n    </p-tabPanel>\n    <p-tabPanel leftIcon=\"pi pi-user-edit\" header=\"3. Datos del acudiente\">\n      <app-cod-form-step-three  (changeStepEvent)=\"changeStep($event)\" [initialData]=\"dataFromPreviusCodData\" class=\"p-1\"></app-cod-form-step-three>\n    </p-tabPanel>\n    <p-tabPanel leftIcon=\"pi pi-money-bill\" header=\"4. Valores\">\n      <app-cod-form-step-four (changeStepEvent)=\"changeStep($event)\" (financingData)=\"saveFinancingData($event)\" class=\"p-1\"></app-cod-form-step-four>\n    </p-tabPanel>\n    <p-tabPanel leftIcon=\"pi pi-eye\" header=\"5. Observaciones\">\n      <app-cod-form-step-five (changeStepEvent)=\"changeStep($event)\" [userRole]=\"userRole\" [initialData]=\"dataFromPreviusCodData\" (action)=\"getFormAction($event)\" class=\"p-1\"></app-cod-form-step-five>\n    </p-tabPanel>\n  </p-tabView>\n\n  \n</div>\n\n<ng-template #Unauthorized>\n  <span class=\"flex justify-content-center font-bold p-2 bg-yellow-200 border-round-lg w-full\">\n    No tienes los permisos para acceder a esta funcionalidad, comun\u00EDcate con el desarrollador.\n  </span>\n</ng-template>\n\n\n<ipt-loader *ngIf=\"isLoading\" [isDialog]=\"true\" [message]=\"loaderMessage\"></ipt-loader>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$3.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i6$3.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { kind: "component", type: CodFormStepOneComponent, selector: "app-cod-form-step-one", outputs: ["changeStepEvent"] }, { kind: "component", type: CodFormStepTwoComponent, selector: "app-cod-form-step-two", inputs: ["initialData"], outputs: ["changeStepEvent"] }, { kind: "component", type: CodFormStepThreeComponent, selector: "app-cod-form-step-three", inputs: ["initialData"], outputs: ["changeStepEvent"] }, { kind: "component", type: CodFormStepFourComponent, selector: "app-cod-form-step-four", outputs: ["changeStepEvent", "financingData"] }, { kind: "component", type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: ["userRole", "initialData"], outputs: ["changeStepEvent", "action"] }] });
+CodFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodFormComponent, selector: "ipt-cod-form", inputs: { dataFromPreviusCodData: "dataFromPreviusCodData", isNewCod: "isNewCod" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"allowedRole() ; else Unauthorized\" class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">{{ formTitle }}</span>\n\n  <p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" [scrollable]=\"true\">\n    <p-tabPanel leftIcon=\"pi pi-star\" header=\"1. Planes y convenios\">\n      <app-cod-form-step-one (changeStepEvent)=\"changeStep($event)\" class=\"p-1\"></app-cod-form-step-one>\n    </p-tabPanel>\n    <p-tabPanel leftIcon=\"pi pi-id-card\" header=\"2. Datos del estudiante\">\n      <app-cod-form-step-two (changeStepEvent)=\"changeStep($event)\" [initialData]=\"dataFromPreviusCodData\"  class=\"p-1\"></app-cod-form-step-two>\n    </p-tabPanel>\n    <p-tabPanel leftIcon=\"pi pi-user-edit\" header=\"3. Datos del acudiente\">\n      <app-cod-form-step-three  (changeStepEvent)=\"changeStep($event)\" [initialData]=\"dataFromPreviusCodData\" class=\"p-1\"></app-cod-form-step-three>\n    </p-tabPanel>\n    <p-tabPanel leftIcon=\"pi pi-money-bill\" header=\"4. Valores\">\n      <app-cod-form-step-four (changeStepEvent)=\"changeStep($event)\" (financingData)=\"saveFinancingData($event)\" class=\"p-1\"></app-cod-form-step-four>\n    </p-tabPanel>\n    <p-tabPanel leftIcon=\"pi pi-eye\" header=\"5. Observaciones\">\n      <app-cod-form-step-five (changeStepEvent)=\"changeStep($event)\" [userRole]=\"userRole\" [initialData]=\"dataFromPreviusCodData\" (action)=\"getFormAction($event)\" class=\"p-1\"></app-cod-form-step-five>\n    </p-tabPanel>\n  </p-tabView>\n\n  \n</div>\n\n<ng-template #Unauthorized>\n  <span class=\"flex justify-content-center font-bold p-2 bg-yellow-200 border-round-lg w-full\">\n    No tienes los permisos para acceder a esta funcionalidad, comun\u00EDcate con el desarrollador.\n  </span>\n</ng-template>\n\n\n<ipt-loader *ngIf=\"isLoading\" [isDialog]=\"true\" [message]=\"loaderMessage\"></ipt-loader>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$3.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i6$3.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }, { kind: "component", type: LoaderComponent, selector: "ipt-loader", inputs: ["message", "isDialog"] }, { kind: "component", type: CodFormStepOneComponent, selector: "app-cod-form-step-one", outputs: ["changeStepEvent"] }, { kind: "component", type: CodFormStepTwoComponent, selector: "app-cod-form-step-two", inputs: ["initialData"], outputs: ["changeStepEvent"] }, { kind: "component", type: CodFormStepThreeComponent, selector: "app-cod-form-step-three", inputs: ["initialData"], outputs: ["changeStepEvent"] }, { kind: "component", type: CodFormStepFourComponent, selector: "app-cod-form-step-four", outputs: ["changeStepEvent", "financingData"] }, { kind: "component", type: CodFormStepFiveComponent, selector: "app-cod-form-step-five", inputs: ["userRole", "initialData"], outputs: ["changeStepEvent", "action"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ipt-cod-form', template: "<div *ngIf=\"allowedRole() ; else Unauthorized\" class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">{{ formTitle }}</span>\n\n  <p-tabView [activeIndex]=\"currentStep\" (activeIndexChange)=\"currentStep = $event\" [scrollable]=\"true\">\n    <p-tabPanel leftIcon=\"pi pi-star\" header=\"1. Planes y convenios\">\n      <app-cod-form-step-one (changeStepEvent)=\"changeStep($event)\" class=\"p-1\"></app-cod-form-step-one>\n    </p-tabPanel>\n    <p-tabPanel leftIcon=\"pi pi-id-card\" header=\"2. Datos del estudiante\">\n      <app-cod-form-step-two (changeStepEvent)=\"changeStep($event)\" [initialData]=\"dataFromPreviusCodData\"  class=\"p-1\"></app-cod-form-step-two>\n    </p-tabPanel>\n    <p-tabPanel leftIcon=\"pi pi-user-edit\" header=\"3. Datos del acudiente\">\n      <app-cod-form-step-three  (changeStepEvent)=\"changeStep($event)\" [initialData]=\"dataFromPreviusCodData\" class=\"p-1\"></app-cod-form-step-three>\n    </p-tabPanel>\n    <p-tabPanel leftIcon=\"pi pi-money-bill\" header=\"4. Valores\">\n      <app-cod-form-step-four (changeStepEvent)=\"changeStep($event)\" (financingData)=\"saveFinancingData($event)\" class=\"p-1\"></app-cod-form-step-four>\n    </p-tabPanel>\n    <p-tabPanel leftIcon=\"pi pi-eye\" header=\"5. Observaciones\">\n      <app-cod-form-step-five (changeStepEvent)=\"changeStep($event)\" [userRole]=\"userRole\" [initialData]=\"dataFromPreviusCodData\" (action)=\"getFormAction($event)\" class=\"p-1\"></app-cod-form-step-five>\n    </p-tabPanel>\n  </p-tabView>\n\n  \n</div>\n\n<ng-template #Unauthorized>\n  <span class=\"flex justify-content-center font-bold p-2 bg-yellow-200 border-round-lg w-full\">\n    No tienes los permisos para acceder a esta funcionalidad, comun\u00EDcate con el desarrollador.\n  </span>\n</ng-template>\n\n\n<ipt-loader *ngIf=\"isLoading\" [isDialog]=\"true\" [message]=\"loaderMessage\"></ipt-loader>" }]
         }], ctorParameters: function () { return [{ type: BaseService }, { type: LocalStorageCODService }, { type: CodFormControls }, { type: CommercialService }]; }, propDecorators: { dataFromPreviusCodData: [{
                 type: Input
+            }], isNewCod: [{
+                type: Input
             }] } });
 
 class CodModule {