cloud-ide-core 2.0.58 → 2.0.61

package/fesm2022/cloud-ide-core-page-form.component-BTHCqWKI.mjs

@@ -0,0 +1,213 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, signal, computed, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { NonNullableFormBuilder, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { Router, ActivatedRoute } from '@angular/router';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { CideCorePageManagementService } from './cloud-ide-core.mjs';
+import { AppStateHelperService } from 'cloud-ide-layout';
+import { CideEleButtonComponent, CideInputComponent, CideTextareaComponent, CideEleJsonEditorComponent, CideFormFieldErrorComponent } from 'cloud-ide-element';
+import { generateObjectFromString } from 'cloud-ide-lms-model';
+
+class CideCorePageFormComponent {
+    destroyRef = inject(DestroyRef);
+    pageService = inject(CideCorePageManagementService);
+    appState = inject(AppStateHelperService);
+    fb = inject(NonNullableFormBuilder);
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    success = signal(null, ...(ngDevMode ? [{ debugName: "success" }] : []));
+    // Page information
+    pageId = signal(null, ...(ngDevMode ? [{ debugName: "pageId" }] : []));
+    isEditMode = signal(false, ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
+    pageForm = this.fb.group({
+        sypg_title: ['', [Validators.required, Validators.maxLength(100)]],
+        sypg_desc: ['', [Validators.maxLength(255)]],
+        sypg_page_code: ['', [Validators.required, Validators.maxLength(40), Validators.pattern(/^[a-zA-Z0-9_]+$/)]],
+        sypg_configuration: ['{}', [Validators.required]],
+        sypg_isactive: [true]
+    });
+    constructor() {
+        this.setupFormSubscriptions();
+    }
+    ngOnInit() {
+        // Check for page ID in query parameters
+        this.checkForPageId();
+    }
+    // Check for page ID in query parameters
+    checkForPageId() {
+        console.log('🔍 Checking for page ID in query parameters', this.route.params);
+        this.route.params.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(params => {
+            console.log('🔍 Query params:', params);
+            // Check for pageId, id, or page parameter
+            const queryParams = params['query'];
+            const queryData = generateObjectFromString(queryParams);
+            // If pageId is an object string (from generateStringFromObject), try to parse it
+            const pageId = queryData.sypg_id;
+            if (pageId) {
+                console.log('🔍 Page ID found in query params:', pageId);
+                this.pageId.set(pageId);
+                this.isEditMode.set(true);
+                this.loadPageData(pageId);
+            }
+            else {
+                console.log('🆕 No page ID found - creating new page');
+                this.isEditMode.set(false);
+                this.pageId.set(null);
+            }
+        });
+    }
+    // Load page data for editing
+    loadPageData(pageId) {
+        this.loading.set(true);
+        this.error.set(null);
+        console.log('📥 Loading page data for ID:', pageId);
+        this.pageService.getPageById(pageId).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+            next: (response) => {
+                console.log('✅ Page data loaded:', response);
+                if (response?.success && response?.data) {
+                    const pageData = response.data;
+                    if (pageData) {
+                        this.populateFormWithPageData(pageData);
+                        this.success.set('Page data loaded successfully');
+                    }
+                    else {
+                        this.error.set('Page data not found');
+                        console.error('❌ Page data not found in response:', response);
+                    }
+                }
+                else {
+                    this.error.set('Failed to load page data');
+                    console.error('❌ Page data response invalid:', response);
+                }
+                this.loading.set(false);
+            },
+            error: (err) => {
+                console.error('❌ Failed to load page data:', err);
+                let errorMessage = 'Failed to load page data.';
+                if (err?.error?.message) {
+                    errorMessage = err.error.message;
+                }
+                else if (err?.message) {
+                    errorMessage = err.message;
+                }
+                else if (err?.status === 404) {
+                    errorMessage = 'Page not found.';
+                }
+                else if (err?.status === 500) {
+                    errorMessage = 'Server error. Please try again later.';
+                }
+                this.error.set(errorMessage);
+                this.loading.set(false);
+            }
+        });
+    }
+    // Populate form with page data
+    populateFormWithPageData(pageData) {
+        try {
+            console.log('📝 Populating form with page data:', pageData);
+            const formData = {
+                sypg_title: pageData.sypg_title || '',
+                sypg_desc: pageData.sypg_desc || '',
+                sypg_page_code: pageData.sypg_page_code || '',
+                sypg_configuration: pageData.sypg_configuration ? JSON.stringify(pageData.sypg_configuration) : '{}',
+                sypg_isactive: pageData.sypg_isactive !== undefined ? pageData.sypg_isactive : true
+            };
+            // Patch the form with the page data
+            this.pageForm.patchValue(formData, { emitEvent: false });
+            console.log('✅ Form populated successfully');
+        }
+        catch (error) {
+            console.error('💥 Error populating form with page data:', error);
+            this.error.set('Error loading page data into form');
+        }
+    }
+    setupFormSubscriptions() {
+        // Watch for form changes to enable/disable save button
+        this.pageForm.valueChanges
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => {
+            // Form validation is handled by computed signals
+        });
+    }
+    // Computed values
+    isFormDirty = computed(() => this.pageForm.dirty, ...(ngDevMode ? [{ debugName: "isFormDirty" }] : []));
+    // Form submission
+    savePage() {
+        if (!this.pageForm.valid) {
+            this.markFormAsTouched();
+            return;
+        }
+        const formValue = this.pageForm.getRawValue();
+        const pageData = {
+            _id: this.pageId() || '',
+            sypg_title: formValue.sypg_title,
+            sypg_desc: formValue.sypg_desc,
+            sypg_page_code: formValue.sypg_page_code,
+            sypg_configuration: formValue.sypg_configuration,
+            sypg_isactive: formValue.sypg_isactive
+        };
+        this.loading.set(true);
+        this.error.set(null);
+        this.pageService.createOrUpdatePage(pageData)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                if (response.success) {
+                    this.success.set(this.isEditMode() ? 'Page updated successfully' : 'Page created successfully');
+                    console.log('✅ Page saved successfully');
+                    // Navigate back to page list after a short delay
+                    setTimeout(() => {
+                        this.router.navigate(['/control-panel/page']);
+                    }, 1500);
+                }
+                else {
+                    this.error.set(response.message || 'Failed to save page');
+                    console.error('❌ Failed to save page:', response.message);
+                }
+                this.loading.set(false);
+            },
+            error: (error) => {
+                console.error('❌ Error saving page:', error);
+                this.error.set('Failed to save page. Please try again.');
+                this.loading.set(false);
+            }
+        });
+    }
+    // Cancel form
+    cancelForm() {
+        this.router.navigate(['/control-panel/page']);
+    }
+    // Go back to page list
+    goBack() {
+        this.router.navigate(['/control-panel/page']);
+    }
+    // Mark form as touched to trigger validation display
+    markFormAsTouched() {
+        Object.keys(this.pageForm.controls).forEach(key => {
+            const control = this.pageForm.get(key);
+            control?.markAsTouched();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideCorePageFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideCorePageFormComponent, isStandalone: true, selector: "cide-core-page-form", ngImport: i0, template: "<div class=\"page-form-fullscreen\">\r\n  <div class=\"page-form-container\">\r\n    <form class=\"page-form\" [formGroup]=\"pageForm\" [class.loading]=\"loading()\" (ngSubmit)=\"savePage()\">\r\n      \r\n      <!-- Header Section -->\r\n      <div class=\"form-header\">\r\n        <h2 class=\"form-title\">{{ isEditMode() ? 'Edit Page' : 'Create Page' }}</h2>\r\n        <p class=\"form-subtitle\">\r\n          {{ isEditMode() ? 'Update page information and configuration' : 'Create a new page with configuration' }}\r\n        </p>\r\n      </div>\r\n\r\n      <!-- Success and Error Messages -->\r\n      @if (success()) {\r\n        <div class=\"alert alert-success\">\r\n          <svg class=\"alert-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n          </svg>\r\n          {{ success() }}\r\n        </div>\r\n      }\r\n      @if (error()) {\r\n        <div class=\"alert alert-error\">\r\n          <svg class=\"alert-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"></path>\r\n          </svg>\r\n          {{ error() }}\r\n        </div>\r\n      }\r\n\r\n      <!-- Form Content -->\r\n      <div class=\"form-section\">\r\n        <div class=\"grid grid-2 gap-md lg-grid-2 md-grid-1\">\r\n          <cide-ele-input \r\n            id=\"sypg_title\"\r\n            label=\"Page Title *\" \r\n            formControlName=\"sypg_title\"\r\n            placeholder=\"Enter page title\"\r\n            size=\"md\">\r\n          </cide-ele-input>\r\n          \r\n          <cide-ele-input \r\n            id=\"sypg_page_code\"\r\n            label=\"Page Code *\" \r\n            formControlName=\"sypg_page_code\"\r\n            placeholder=\"Enter page code (alphanumeric and underscore only)\"\r\n            size=\"md\">\r\n          </cide-ele-input>\r\n        </div>\r\n\r\n        <div class=\"grid grid-1 gap-md\">\r\n          <cide-ele-textarea \r\n            id=\"sypg_desc\"\r\n            label=\"Page Description\" \r\n            formControlName=\"sypg_desc\"\r\n            placeholder=\"Enter page description\"\r\n            [rows]=\"3\"\r\n            size=\"md\">\r\n          </cide-ele-textarea>\r\n        </div>\r\n\r\n        <div class=\"grid grid-1 gap-md\">\r\n          <cide-ele-json-editor\r\n            id=\"sypg_configuration\"\r\n            label=\"Configuration JSON *\"\r\n            formControlName=\"sypg_configuration\"\r\n            placeholder='{\"key\": \"value\"}'>\r\n          </cide-ele-json-editor>\r\n        </div>\r\n\r\n        <div class=\"grid grid-1 gap-sm\">\r\n          <cide-ele-input\r\n            id=\"sypg_isactive\"\r\n            type=\"checkbox\"\r\n            formControlName=\"sypg_isactive\"\r\n            label=\"Active Status\"\r\n            size=\"sm\">\r\n          </cide-ele-input>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Form Actions -->\r\n      <div class=\"form-actions\">\r\n        <div class=\"flex justify-between items-center gap-4\">\r\n          <!-- Error Message (Left Side) -->\r\n          <cide-form-field-error [formGroup]=\"pageForm\"></cide-form-field-error>\r\n          \r\n          <!-- Action Buttons (Right Side) -->\r\n          <div class=\"flex gap-3\">\r\n            <button cideEleButton\r\n              type=\"button\" \r\n              variant=\"secondary\" \r\n              (click)=\"cancelForm()\" \r\n              leftIcon=\"close\"\r\n              [disabled]=\"loading()\">\r\n              Cancel\r\n            </button>\r\n            \r\n            <button cideEleButton\r\n              type=\"submit\" \r\n              variant=\"primary\" \r\n              [disabled]=\"loading() || !pageForm.valid\"\r\n              [loading]=\"loading()\"\r\n              leftIcon=\"save\">\r\n              {{ isEditMode() ? 'Update Page' : 'Create Page' }}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</div>\r\n", styles: [".page-form-container{background:transparent;padding:1rem;width:100%;box-sizing:border-box}.page-form{max-width:1200px;margin:0 auto;background:transparent;border:none;box-shadow:none;width:100%}.page-form.loading{opacity:.6;pointer-events:none}.form-header{background:transparent;color:#1f2937;padding:1.25rem 0;text-align:left}.form-header .form-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;color:#1f2937}.form-header .form-subtitle{font-size:.95rem;opacity:.7;margin:0;font-weight:400;color:#6b7280}.form-section{padding:1.25rem 0;border-bottom:none;margin-bottom:1.5rem}.form-section:last-of-type{margin-bottom:0}.grid{display:grid;gap:1rem;margin-bottom:.75rem;transition:all .3s ease}.grid:last-child{margin-bottom:0}.grid.grid-1{grid-template-columns:1fr}.grid.grid-2{grid-template-columns:repeat(2,1fr)}.grid.grid-3{grid-template-columns:repeat(3,1fr)}.grid.grid-4{grid-template-columns:repeat(4,1fr)}.grid.gap-sm{gap:.5rem}.grid.gap-md{gap:1rem}.grid.gap-lg{gap:1.5rem}.grid.gap-xl{gap:2rem}@media (max-width: 1199px) and (min-width: 992px){.grid.lg-grid-1{grid-template-columns:1fr}.grid.lg-grid-2{grid-template-columns:repeat(2,1fr)}.grid.lg-grid-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 991px) and (min-width: 768px){.grid.md-grid-1{grid-template-columns:1fr}.grid.md-grid-2{grid-template-columns:repeat(2,1fr)}.grid.md-grid-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.grid.grid-4:not([class*=lg-grid]):not([class*=md-grid]){grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid{gap:.75rem}.grid.grid-2:not([class*=sm-grid]):not([class*=xs-grid]),.grid.grid-3:not([class*=sm-grid]):not([class*=xs-grid]),.grid.grid-4:not([class*=sm-grid]):not([class*=xs-grid]){grid-template-columns:1fr}.grid.gap-lg{gap:1rem}.grid.gap-xl{gap:1.25rem}}@media (max-width: 480px){.grid{gap:.5rem}.grid:not([class*=xs-grid]){grid-template-columns:1fr!important}.grid.gap-md{gap:.75rem}.grid.gap-lg,.grid.gap-xl{gap:1rem}}.checkbox-field{margin:.25rem 0}.checkbox-label{display:flex;flex-direction:column;gap:.25rem;cursor:pointer;padding:.75rem 0;background:transparent;border:none;border-radius:0;transition:all .2s ease}.checkbox-label:hover{background:#667eea05}.checkbox-label .checkbox-input{width:1rem;height:1rem;accent-color:#667eea;border-radius:3px;margin-bottom:.125rem}.checkbox-label .checkbox-text{font-weight:600;color:#374151;font-size:.875rem}.checkbox-label .checkbox-description{font-size:.75rem;color:#6b7280;margin-top:.125rem}.alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;margin:1rem 0;border-radius:0;font-weight:500;font-size:.875rem;border-left:3px solid}.alert .alert-icon{width:1rem;height:1rem;flex-shrink:0}.alert.alert-success{background:#dcfce74d;border-left-color:#22c55e;color:#166534}.alert.alert-error{background:#fef2f24d;border-left-color:#ef4444;color:#dc2626}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 0;background:#fff;border-top:1px solid #e5e7eb;margin-top:2rem;position:sticky;bottom:0}@media (max-width: 640px){.form-actions{flex-direction:column-reverse}}cide-ele-input,cide-ele-select,cide-ele-textarea,cide-ele-json-editor{transition:all .2s ease}@media (max-width: 768px){.page-form-container{padding:.75rem}.form-header{padding:1rem 0}.form-header .form-title{font-size:1.25rem}.form-header .form-subtitle{font-size:.875rem}.form-section{padding:1rem 0}.form-actions{padding:1rem 0;margin-top:1.5rem}}@media (max-width: 480px){.page-form-container{padding:.25rem}.form-header,.form-section{padding:.75rem 0}.form-actions{padding:.75rem 0;margin-top:1rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton]", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideInputComponent, selector: "cide-ele-input", inputs: ["fill", "label", "labelHide", "disabled", "clearInput", "labelPlacement", "labelDir", "placeholder", "leadingIcon", "trailingIcon", "helperText", "helperTextCollapse", "hideHelperAndErrorText", "errorText", "maxlength", "minlength", "required", "autocapitalize", "autocomplete", "type", "width", "id", "ngModel", "option", "min", "max", "size"], outputs: ["ngModelChange"] }, { kind: "component", type: CideTextareaComponent, selector: "cide-ele-textarea", inputs: ["label", "labelHide", "placeholder", "helperText", "errorText", "required", "disabled", "minlength", "maxlength", "rows", "id", "ngModel", "size", "fill", "labelPlacement", "labelDir", "leadingIcon", "trailingIcon", "clearInput"], outputs: ["ngModelChange"] }, { kind: "component", type: CideEleJsonEditorComponent, selector: "cide-ele-json-editor", inputs: ["label", "helperText", "required", "disabled", "showCharacterCount", "config"], outputs: ["valueChange", "objectChange", "errorsChange", "validChange"] }, { kind: "component", type: CideFormFieldErrorComponent, selector: "cide-form-field-error", inputs: ["control", "formGroup", "fieldName", "customMessages"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideCorePageFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-core-page-form', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        CideEleButtonComponent,
+                        CideInputComponent,
+                        CideTextareaComponent,
+                        CideEleJsonEditorComponent,
+                        CideFormFieldErrorComponent
+                    ], template: "<div class=\"page-form-fullscreen\">\r\n  <div class=\"page-form-container\">\r\n    <form class=\"page-form\" [formGroup]=\"pageForm\" [class.loading]=\"loading()\" (ngSubmit)=\"savePage()\">\r\n      \r\n      <!-- Header Section -->\r\n      <div class=\"form-header\">\r\n        <h2 class=\"form-title\">{{ isEditMode() ? 'Edit Page' : 'Create Page' }}</h2>\r\n        <p class=\"form-subtitle\">\r\n          {{ isEditMode() ? 'Update page information and configuration' : 'Create a new page with configuration' }}\r\n        </p>\r\n      </div>\r\n\r\n      <!-- Success and Error Messages -->\r\n      @if (success()) {\r\n        <div class=\"alert alert-success\">\r\n          <svg class=\"alert-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n          </svg>\r\n          {{ success() }}\r\n        </div>\r\n      }\r\n      @if (error()) {\r\n        <div class=\"alert alert-error\">\r\n          <svg class=\"alert-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"></path>\r\n          </svg>\r\n          {{ error() }}\r\n        </div>\r\n      }\r\n\r\n      <!-- Form Content -->\r\n      <div class=\"form-section\">\r\n        <div class=\"grid grid-2 gap-md lg-grid-2 md-grid-1\">\r\n          <cide-ele-input \r\n            id=\"sypg_title\"\r\n            label=\"Page Title *\" \r\n            formControlName=\"sypg_title\"\r\n            placeholder=\"Enter page title\"\r\n            size=\"md\">\r\n          </cide-ele-input>\r\n          \r\n          <cide-ele-input \r\n            id=\"sypg_page_code\"\r\n            label=\"Page Code *\" \r\n            formControlName=\"sypg_page_code\"\r\n            placeholder=\"Enter page code (alphanumeric and underscore only)\"\r\n            size=\"md\">\r\n          </cide-ele-input>\r\n        </div>\r\n\r\n        <div class=\"grid grid-1 gap-md\">\r\n          <cide-ele-textarea \r\n            id=\"sypg_desc\"\r\n            label=\"Page Description\" \r\n            formControlName=\"sypg_desc\"\r\n            placeholder=\"Enter page description\"\r\n            [rows]=\"3\"\r\n            size=\"md\">\r\n          </cide-ele-textarea>\r\n        </div>\r\n\r\n        <div class=\"grid grid-1 gap-md\">\r\n          <cide-ele-json-editor\r\n            id=\"sypg_configuration\"\r\n            label=\"Configuration JSON *\"\r\n            formControlName=\"sypg_configuration\"\r\n            placeholder='{\"key\": \"value\"}'>\r\n          </cide-ele-json-editor>\r\n        </div>\r\n\r\n        <div class=\"grid grid-1 gap-sm\">\r\n          <cide-ele-input\r\n            id=\"sypg_isactive\"\r\n            type=\"checkbox\"\r\n            formControlName=\"sypg_isactive\"\r\n            label=\"Active Status\"\r\n            size=\"sm\">\r\n          </cide-ele-input>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Form Actions -->\r\n      <div class=\"form-actions\">\r\n        <div class=\"flex justify-between items-center gap-4\">\r\n          <!-- Error Message (Left Side) -->\r\n          <cide-form-field-error [formGroup]=\"pageForm\"></cide-form-field-error>\r\n          \r\n          <!-- Action Buttons (Right Side) -->\r\n          <div class=\"flex gap-3\">\r\n            <button cideEleButton\r\n              type=\"button\" \r\n              variant=\"secondary\" \r\n              (click)=\"cancelForm()\" \r\n              leftIcon=\"close\"\r\n              [disabled]=\"loading()\">\r\n              Cancel\r\n            </button>\r\n            \r\n            <button cideEleButton\r\n              type=\"submit\" \r\n              variant=\"primary\" \r\n              [disabled]=\"loading() || !pageForm.valid\"\r\n              [loading]=\"loading()\"\r\n              leftIcon=\"save\">\r\n              {{ isEditMode() ? 'Update Page' : 'Create Page' }}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</div>\r\n", styles: [".page-form-container{background:transparent;padding:1rem;width:100%;box-sizing:border-box}.page-form{max-width:1200px;margin:0 auto;background:transparent;border:none;box-shadow:none;width:100%}.page-form.loading{opacity:.6;pointer-events:none}.form-header{background:transparent;color:#1f2937;padding:1.25rem 0;text-align:left}.form-header .form-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;color:#1f2937}.form-header .form-subtitle{font-size:.95rem;opacity:.7;margin:0;font-weight:400;color:#6b7280}.form-section{padding:1.25rem 0;border-bottom:none;margin-bottom:1.5rem}.form-section:last-of-type{margin-bottom:0}.grid{display:grid;gap:1rem;margin-bottom:.75rem;transition:all .3s ease}.grid:last-child{margin-bottom:0}.grid.grid-1{grid-template-columns:1fr}.grid.grid-2{grid-template-columns:repeat(2,1fr)}.grid.grid-3{grid-template-columns:repeat(3,1fr)}.grid.grid-4{grid-template-columns:repeat(4,1fr)}.grid.gap-sm{gap:.5rem}.grid.gap-md{gap:1rem}.grid.gap-lg{gap:1.5rem}.grid.gap-xl{gap:2rem}@media (max-width: 1199px) and (min-width: 992px){.grid.lg-grid-1{grid-template-columns:1fr}.grid.lg-grid-2{grid-template-columns:repeat(2,1fr)}.grid.lg-grid-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 991px) and (min-width: 768px){.grid.md-grid-1{grid-template-columns:1fr}.grid.md-grid-2{grid-template-columns:repeat(2,1fr)}.grid.md-grid-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.grid.grid-4:not([class*=lg-grid]):not([class*=md-grid]){grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid{gap:.75rem}.grid.grid-2:not([class*=sm-grid]):not([class*=xs-grid]),.grid.grid-3:not([class*=sm-grid]):not([class*=xs-grid]),.grid.grid-4:not([class*=sm-grid]):not([class*=xs-grid]){grid-template-columns:1fr}.grid.gap-lg{gap:1rem}.grid.gap-xl{gap:1.25rem}}@media (max-width: 480px){.grid{gap:.5rem}.grid:not([class*=xs-grid]){grid-template-columns:1fr!important}.grid.gap-md{gap:.75rem}.grid.gap-lg,.grid.gap-xl{gap:1rem}}.checkbox-field{margin:.25rem 0}.checkbox-label{display:flex;flex-direction:column;gap:.25rem;cursor:pointer;padding:.75rem 0;background:transparent;border:none;border-radius:0;transition:all .2s ease}.checkbox-label:hover{background:#667eea05}.checkbox-label .checkbox-input{width:1rem;height:1rem;accent-color:#667eea;border-radius:3px;margin-bottom:.125rem}.checkbox-label .checkbox-text{font-weight:600;color:#374151;font-size:.875rem}.checkbox-label .checkbox-description{font-size:.75rem;color:#6b7280;margin-top:.125rem}.alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;margin:1rem 0;border-radius:0;font-weight:500;font-size:.875rem;border-left:3px solid}.alert .alert-icon{width:1rem;height:1rem;flex-shrink:0}.alert.alert-success{background:#dcfce74d;border-left-color:#22c55e;color:#166534}.alert.alert-error{background:#fef2f24d;border-left-color:#ef4444;color:#dc2626}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 0;background:#fff;border-top:1px solid #e5e7eb;margin-top:2rem;position:sticky;bottom:0}@media (max-width: 640px){.form-actions{flex-direction:column-reverse}}cide-ele-input,cide-ele-select,cide-ele-textarea,cide-ele-json-editor{transition:all .2s ease}@media (max-width: 768px){.page-form-container{padding:.75rem}.form-header{padding:1rem 0}.form-header .form-title{font-size:1.25rem}.form-header .form-subtitle{font-size:.875rem}.form-section{padding:1rem 0}.form-actions{padding:1rem 0;margin-top:1.5rem}}@media (max-width: 480px){.page-form-container{padding:.25rem}.form-header,.form-section{padding:.75rem 0}.form-actions{padding:.75rem 0;margin-top:1rem}}\n"] }]
+        }], ctorParameters: () => [] });
+
+export { CideCorePageFormComponent };
+//# sourceMappingURL=cloud-ide-core-page-form.component-BTHCqWKI.mjs.map

package/fesm2022/cloud-ide-core-page-form.component-BTHCqWKI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-ide-core-page-form.component-BTHCqWKI.mjs","sources":["../../../projects/cloud-ide-core/src/lib/core/page-management/components/page-form/page-form.component.ts","../../../projects/cloud-ide-core/src/lib/core/page-management/components/page-form/page-form.component.html"],"sourcesContent":["import { Component, signal, computed, inject, OnInit, DestroyRef } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Validators, ReactiveFormsModule, NonNullableFormBuilder, FormsModule } from '@angular/forms';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\nimport { CideCorePageManagementService } from '../../services/page-management.service';\r\nimport { AppStateHelperService } from 'cloud-ide-layout';\r\nimport { CideEleButtonComponent, CideInputComponent, CideSelectComponent, CideTextareaComponent, CideIconComponent, CideEleFileInputComponent, CideEleJsonEditorComponent, CideFormFieldErrorComponent } from 'cloud-ide-element';\r\nimport { ICoreSypg, MSystemPagesInsertUpdatePayload, generateObjectFromString, systemPagesByIdControllerResponse, systemPagesInsertUpdateControllerResponse } from 'cloud-ide-lms-model';\r\n\r\n@Component({\r\n  selector: 'cide-core-page-form',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    ReactiveFormsModule,\r\n    FormsModule,\r\n    CideEleButtonComponent,\r\n    CideInputComponent,\r\n    CideTextareaComponent,\r\n    CideEleJsonEditorComponent,\r\n    CideFormFieldErrorComponent\r\n  ],\r\n  templateUrl: './page-form.component.html',\r\n  styleUrls: ['./page-form.component.scss']\r\n})\r\nexport class CideCorePageFormComponent implements OnInit {\r\n  private destroyRef = inject(DestroyRef);\r\n  private pageService = inject(CideCorePageManagementService);\r\n  private appState = inject(AppStateHelperService);\r\n  private fb = inject(NonNullableFormBuilder);\r\n  private router = inject(Router);\r\n  private route = inject(ActivatedRoute);\r\n\r\n  loading = signal(false);\r\n  error = signal<string | null>(null);\r\n  success = signal<string | null>(null);\r\n\r\n  // Page information\r\n  pageId = signal<string | null>(null);\r\n  isEditMode = signal(false);\r\n\r\n  pageForm = this.fb.group({\r\n    sypg_title: ['', [Validators.required, Validators.maxLength(100)]],\r\n    sypg_desc: ['', [Validators.maxLength(255)]],\r\n    sypg_page_code: ['', [Validators.required, Validators.maxLength(40), Validators.pattern(/^[a-zA-Z0-9_]+$/)]],\r\n    sypg_configuration: ['{}', [Validators.required]],\r\n    sypg_isactive: [true]\r\n  });\r\n\r\n  constructor() {\r\n    this.setupFormSubscriptions();\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    // Check for page ID in query parameters\r\n    this.checkForPageId();\r\n  }\r\n\r\n\r\n\r\n  // Check for page ID in query parameters\r\n  private checkForPageId() {\r\n    console.log('🔍 Checking for page ID in query parameters', this.route.params);\r\n    this.route.params.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(params => {\r\n      console.log('🔍 Query params:', params);\r\n      // Check for pageId, id, or page parameter\r\n      const queryParams = params['query'];\r\n      const queryData = generateObjectFromString(queryParams);\r\n\r\n      // If pageId is an object string (from generateStringFromObject), try to parse it\r\n      const pageId = queryData.sypg_id;\r\n      if (pageId) {\r\n        console.log('🔍 Page ID found in query params:', pageId);\r\n        this.pageId.set(pageId);\r\n        this.isEditMode.set(true);\r\n        this.loadPageData(pageId);\r\n      } else {\r\n        console.log('🆕 No page ID found - creating new page');\r\n        this.isEditMode.set(false);\r\n        this.pageId.set(null);\r\n      }\r\n    });\r\n  }\r\n\r\n  // Load page data for editing\r\n  private loadPageData(pageId: string) {\r\n    this.loading.set(true);\r\n    this.error.set(null);\r\n\r\n    console.log('📥 Loading page data for ID:', pageId);\r\n\r\n    this.pageService.getPageById(pageId).pipe(\r\n      takeUntilDestroyed(this.destroyRef)\r\n    ).subscribe({\r\n      next: (response: systemPagesByIdControllerResponse) => {\r\n        console.log('✅ Page data loaded:', response);\r\n        \r\n        if (response?.success && response?.data) {\r\n          const pageData = response.data;\r\n          if (pageData) {\r\n            this.populateFormWithPageData(pageData);\r\n            this.success.set('Page data loaded successfully');\r\n          } else {\r\n            this.error.set('Page data not found');\r\n            console.error('❌ Page data not found in response:', response);\r\n          }\r\n        } else {\r\n          this.error.set('Failed to load page data');\r\n          console.error('❌ Page data response invalid:', response);\r\n        }\r\n        this.loading.set(false);\r\n      },\r\n      error: (err) => {\r\n        console.error('❌ Failed to load page data:', err);\r\n        \r\n        let errorMessage = 'Failed to load page data.';\r\n        \r\n        if (err?.error?.message) {\r\n          errorMessage = err.error.message;\r\n        } else if (err?.message) {\r\n          errorMessage = err.message;\r\n        } else if (err?.status === 404) {\r\n          errorMessage = 'Page not found.';\r\n        } else if (err?.status === 500) {\r\n          errorMessage = 'Server error. Please try again later.';\r\n        }\r\n        \r\n        this.error.set(errorMessage);\r\n        this.loading.set(false);\r\n      }\r\n    });\r\n  }\r\n\r\n  // Populate form with page data\r\n  private populateFormWithPageData(pageData: ICoreSypg) {\r\n    try {\r\n      console.log('📝 Populating form with page data:', pageData);\r\n\r\n      const formData = {\r\n        sypg_title: pageData.sypg_title || '',\r\n        sypg_desc: pageData.sypg_desc || '',\r\n        sypg_page_code: pageData.sypg_page_code || '',\r\n        sypg_configuration: pageData.sypg_configuration ? JSON.stringify(pageData.sypg_configuration) : '{}',\r\n        sypg_isactive: pageData.sypg_isactive !== undefined ? pageData.sypg_isactive : true\r\n      };\r\n\r\n      // Patch the form with the page data\r\n      this.pageForm.patchValue(formData, { emitEvent: false });\r\n\r\n      console.log('✅ Form populated successfully');\r\n    } catch (error) {\r\n      console.error('💥 Error populating form with page data:', error);\r\n      this.error.set('Error loading page data into form');\r\n    }\r\n  }\r\n\r\n  private setupFormSubscriptions(): void {\r\n    // Watch for form changes to enable/disable save button\r\n    this.pageForm.valueChanges\r\n      .pipe(takeUntilDestroyed(this.destroyRef))\r\n      .subscribe(() => {\r\n        // Form validation is handled by computed signals\r\n      });\r\n  }\r\n\r\n  // Computed values\r\n\r\n  isFormDirty = computed(() => this.pageForm.dirty);\r\n\r\n  // Form submission\r\n  savePage(): void {\r\n    if (!this.pageForm.valid) {\r\n      this.markFormAsTouched();\r\n      return;\r\n    }\r\n\r\n    const formValue = this.pageForm.getRawValue();\r\n    \r\n    const pageData: MSystemPagesInsertUpdatePayload = {\r\n      _id: this.pageId() || '',\r\n      sypg_title: formValue.sypg_title,\r\n      sypg_desc: formValue.sypg_desc,\r\n      sypg_page_code: formValue.sypg_page_code,\r\n      sypg_configuration: formValue.sypg_configuration,\r\n      sypg_isactive: formValue.sypg_isactive\r\n    };\r\n\r\n    this.loading.set(true);\r\n    this.error.set(null);\r\n\r\n        this.pageService.createOrUpdatePage(pageData)\r\n      .pipe(takeUntilDestroyed(this.destroyRef))\r\n      .subscribe({\r\n        next: (response: systemPagesInsertUpdateControllerResponse) => {\r\n          if (response.success) {\r\n            this.success.set(this.isEditMode() ? 'Page updated successfully' : 'Page created successfully');\r\n            console.log('✅ Page saved successfully');\r\n            // Navigate back to page list after a short delay\r\n            setTimeout(() => {\r\n              this.router.navigate(['/control-panel/page']);\r\n            }, 1500);\r\n          } else {\r\n            this.error.set(response.message || 'Failed to save page');\r\n            console.error('❌ Failed to save page:', response.message);\r\n          }\r\n          this.loading.set(false);\r\n        },\r\n        error: (error) => {\r\n          console.error('❌ Error saving page:', error);\r\n          this.error.set('Failed to save page. Please try again.');\r\n          this.loading.set(false);\r\n        }\r\n      });\r\n  }\r\n\r\n  // Cancel form\r\n  cancelForm(): void {\r\n    this.router.navigate(['/control-panel/page']);\r\n  }\r\n\r\n  // Go back to page list\r\n  goBack(): void {\r\n    this.router.navigate(['/control-panel/page']);\r\n  }\r\n\r\n  // Mark form as touched to trigger validation display\r\n  private markFormAsTouched(): void {\r\n    Object.keys(this.pageForm.controls).forEach(key => {\r\n      const control = this.pageForm.get(key);\r\n      control?.markAsTouched();\r\n    });\r\n  }\r\n}\r\n","<div class=\"page-form-fullscreen\">\r\n  <div class=\"page-form-container\">\r\n    <form class=\"page-form\" [formGroup]=\"pageForm\" [class.loading]=\"loading()\" (ngSubmit)=\"savePage()\">\r\n      \r\n      <!-- Header Section -->\r\n      <div class=\"form-header\">\r\n        <h2 class=\"form-title\">{{ isEditMode() ? 'Edit Page' : 'Create Page' }}</h2>\r\n        <p class=\"form-subtitle\">\r\n          {{ isEditMode() ? 'Update page information and configuration' : 'Create a new page with configuration' }}\r\n        </p>\r\n      </div>\r\n\r\n      <!-- Success and Error Messages -->\r\n      @if (success()) {\r\n        <div class=\"alert alert-success\">\r\n          <svg class=\"alert-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n          </svg>\r\n          {{ success() }}\r\n        </div>\r\n      }\r\n      @if (error()) {\r\n        <div class=\"alert alert-error\">\r\n          <svg class=\"alert-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"></path>\r\n          </svg>\r\n          {{ error() }}\r\n        </div>\r\n      }\r\n\r\n      <!-- Form Content -->\r\n      <div class=\"form-section\">\r\n        <div class=\"grid grid-2 gap-md lg-grid-2 md-grid-1\">\r\n          <cide-ele-input \r\n            id=\"sypg_title\"\r\n            label=\"Page Title *\" \r\n            formControlName=\"sypg_title\"\r\n            placeholder=\"Enter page title\"\r\n            size=\"md\">\r\n          </cide-ele-input>\r\n          \r\n          <cide-ele-input \r\n            id=\"sypg_page_code\"\r\n            label=\"Page Code *\" \r\n            formControlName=\"sypg_page_code\"\r\n            placeholder=\"Enter page code (alphanumeric and underscore only)\"\r\n            size=\"md\">\r\n          </cide-ele-input>\r\n        </div>\r\n\r\n        <div class=\"grid grid-1 gap-md\">\r\n          <cide-ele-textarea \r\n            id=\"sypg_desc\"\r\n            label=\"Page Description\" \r\n            formControlName=\"sypg_desc\"\r\n            placeholder=\"Enter page description\"\r\n            [rows]=\"3\"\r\n            size=\"md\">\r\n          </cide-ele-textarea>\r\n        </div>\r\n\r\n        <div class=\"grid grid-1 gap-md\">\r\n          <cide-ele-json-editor\r\n            id=\"sypg_configuration\"\r\n            label=\"Configuration JSON *\"\r\n            formControlName=\"sypg_configuration\"\r\n            placeholder='{\"key\": \"value\"}'>\r\n          </cide-ele-json-editor>\r\n        </div>\r\n\r\n        <div class=\"grid grid-1 gap-sm\">\r\n          <cide-ele-input\r\n            id=\"sypg_isactive\"\r\n            type=\"checkbox\"\r\n            formControlName=\"sypg_isactive\"\r\n            label=\"Active Status\"\r\n            size=\"sm\">\r\n          </cide-ele-input>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Form Actions -->\r\n      <div class=\"form-actions\">\r\n        <div class=\"flex justify-between items-center gap-4\">\r\n          <!-- Error Message (Left Side) -->\r\n          <cide-form-field-error [formGroup]=\"pageForm\"></cide-form-field-error>\r\n          \r\n          <!-- Action Buttons (Right Side) -->\r\n          <div class=\"flex gap-3\">\r\n            <button cideEleButton\r\n              type=\"button\" \r\n              variant=\"secondary\" \r\n              (click)=\"cancelForm()\" \r\n              leftIcon=\"close\"\r\n              [disabled]=\"loading()\">\r\n              Cancel\r\n            </button>\r\n            \r\n            <button cideEleButton\r\n              type=\"submit\" \r\n              variant=\"primary\" \r\n              [disabled]=\"loading() || !pageForm.valid\"\r\n              [loading]=\"loading()\"\r\n              leftIcon=\"save\">\r\n              {{ isEditMode() ? 'Update Page' : 'Create Page' }}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </form>\r\n  </div>\r\n</div>\r\n"],"names":[],"mappings":"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"}