cloud-ide-core 2.0.98 → 2.0.100

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

@@ -0,0 +1,238 @@
+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, ComponentContextService, RightsService } 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);
+    componentContextService = inject(ComponentContextService);
+    rightsService = inject(RightsService);
+    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() {
+        // Initialize rights for page management
+        this.rightsService.initializeRights('core_page_management');
+        // 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" }] : []));
+    // Rights computed signals
+    canCreate = computed(() => this.rightsService.hasRight('CREATE'), ...(ngDevMode ? [{ debugName: "canCreate" }] : []));
+    canEdit = computed(() => this.rightsService.hasRight('EDIT'), ...(ngDevMode ? [{ debugName: "canEdit" }] : []));
+    canView = computed(() => this.rightsService.hasRight('VIEW'), ...(ngDevMode ? [{ debugName: "canView" }] : []));
+    // Form submission
+    savePage() {
+        const requiredRight = this.isEditMode() ? 'EDIT' : 'CREATE';
+        if (!this.rightsService.hasRight(requiredRight)) {
+            this.error.set(`You do not have permission to ${this.isEditMode() ? 'edit' : 'create'} pages`);
+            return;
+        }
+        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');
+                    // Use ComponentContextService to close tab or floating container
+                    setTimeout(() => {
+                        this.componentContextService.close(['/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.componentContextService.close(['/control-panel/page']);
+    }
+    // Go back to page list
+    goBack() {
+        this.componentContextService.close(['/control-panel/page']);
+    }
+    // Reset form - reload data in edit mode, reset to defaults in create mode
+    resetForm() {
+        if (this.isEditMode() && this.pageId()) {
+            this.loadPageData(this.pageId());
+        }
+        else {
+            this.pageForm.reset({
+                sypg_isactive: true,
+                sypg_configuration: '{}'
+            });
+        }
+    }
+    // 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 tw-bg-gray-50 dark:tw-bg-gray-900 tw-min-h-screen tw-text-gray-900 dark:tw-text-gray-100\">\n  <div class=\"page-form-container\">\n    <form class=\"page-form tw-bg-white dark:tw-bg-gray-800 tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 dark:tw-border-gray-700\" [formGroup]=\"pageForm\" [class.loading]=\"loading()\" (ngSubmit)=\"savePage()\">\n      \n      <!-- Header Section -->\n      <div class=\"form-header tw-text-gray-900 dark:tw-text-gray-100 tw-px-6 tw-pt-6 tw-pb-4\">\n        <h2 class=\"form-title tw-text-gray-900 dark:tw-text-gray-100\">{{ isEditMode() ? 'Edit Page' : 'Create Page' }}</h2>\n        <p class=\"form-subtitle tw-text-gray-600 dark:tw-text-gray-400\">\n          {{ isEditMode() ? 'Update page information and configuration' : 'Create a new page with configuration' }}\n        </p>\n      </div>\n\n      <!-- Success and Error Messages -->\n      <div class=\"tw-px-6\">\n        @if (success()) {\n          <div class=\"alert alert-success\">\n            <svg class=\"alert-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path>\n            </svg>\n            {{ success() }}\n          </div>\n        }\n        @if (error()) {\n          <div class=\"alert alert-error\">\n            <svg class=\"alert-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"></path>\n            </svg>\n            {{ error() }}\n          </div>\n        }\n      </div>\n\n      <!-- Form Content -->\n      <div class=\"form-section tw-px-6\">\n        <div class=\"grid grid-2 gap-md lg-grid-2 md-grid-1\">\n          <cide-ele-input \n            id=\"sypg_title\"\n            label=\"Page Title\" \n            formControlName=\"sypg_title\"\n            placeholder=\"Enter page title\"\n            size=\"md\">\n          </cide-ele-input>\n          \n          <cide-ele-input \n            id=\"sypg_page_code\"\n            label=\"Page Code\" \n            formControlName=\"sypg_page_code\"\n            placeholder=\"Enter page code (alphanumeric and underscore only)\"\n            size=\"md\">\n          </cide-ele-input>\n        </div>\n\n        <div class=\"grid grid-1 gap-md\">\n          <cide-ele-textarea \n            id=\"sypg_desc\"\n            label=\"Page Description\" \n            formControlName=\"sypg_desc\"\n            placeholder=\"Enter page description\"\n            [rows]=\"3\"\n            size=\"md\">\n          </cide-ele-textarea>\n        </div>\n\n        <div class=\"grid grid-1 gap-md\">\n          <cide-ele-json-editor\n            id=\"sypg_configuration\"\n            label=\"Configuration JSON\"\n            formControlName=\"sypg_configuration\"\n            placeholder='{\"key\": \"value\"}'>\n          </cide-ele-json-editor>\n        </div>\n\n        <div class=\"grid grid-1 gap-sm\">\n          <cide-ele-input\n            id=\"sypg_isactive\"\n            type=\"checkbox\"\n            formControlName=\"sypg_isactive\"\n            label=\"Active Status\"\n            size=\"sm\">\n          </cide-ele-input>\n        </div>\n      </div>\n\n      <!-- Form Actions -->\n      <div class=\"form-actions tw-bg-white dark:tw-bg-gray-800 tw-border-t tw-border-gray-200 dark:tw-border-gray-700 tw-shadow-sm\">\n        <div class=\"form-actions-container\">\n          <!-- Error Message (Left Side) -->\n          <div class=\"form-actions-error\">\n            <cide-form-field-error [formGroup]=\"pageForm\"></cide-form-field-error>\n          </div>\n          \n          <!-- Action Buttons (Right Side) -->\n          <div class=\"form-actions-buttons\">\n            @if (!isEditMode()) {\n              <button cideEleButton\n                type=\"button\" \n                variant=\"secondary\" \n                (click)=\"resetForm()\" \n                leftIcon=\"refresh\"\n                [disabled]=\"loading()\">\n                Reset Form\n              </button>\n            }\n            \n            <button cideEleButton\n              type=\"button\" \n              variant=\"secondary\" \n              (click)=\"cancelForm()\" \n              leftIcon=\"close\"\n              [disabled]=\"loading()\">\n              Cancel\n            </button>\n            \n            <button cideEleButton\n              type=\"submit\" \n              variant=\"primary\" \n              [disabled]=\"loading() || !pageForm.valid\"\n              [loading]=\"loading()\"\n              leftIcon=\"save\">\n              {{ isEditMode() ? 'Update Page' : 'Create Page' }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </form>\n  </div>\n</div>\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}::ng-deep .dark .form-header{color:var(--cide-ele-text-primary, #f3f4f6)}.form-header .form-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;color:#1f2937}::ng-deep .dark .form-header .form-title{color:var(--cide-ele-text-primary, #f3f4f6)}.form-header .form-subtitle{font-size:.95rem;opacity:.7;margin:0;font-weight:400;color:#6b7280}::ng-deep .dark .form-header .form-subtitle{color:var(--cide-ele-text-secondary, #9ca3af);opacity:.8}.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}::ng-deep .dark .checkbox-label .checkbox-text{color:var(--cide-ele-text-primary, #f3f4f6)}.checkbox-label .checkbox-description{font-size:.75rem;color:#6b7280;margin-top:.125rem}::ng-deep .dark .checkbox-label .checkbox-description{color:var(--cide-ele-text-secondary, #9ca3af)}.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}::ng-deep .dark .alert.alert-success{background:#14532d4d;border-left-color:#22c55e;color:#86efac}.alert.alert-error{background:#fef2f24d;border-left-color:#ef4444;color:#dc2626}::ng-deep .dark .alert.alert-error{background:#7f1d1d4d;border-left-color:#ef4444;color:#fca5a5}.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}:host-context(.dark) .form-actions,:host-context([data-theme=dark]) .form-actions{background:var(--cide-ele-bg-primary, #1f2937);border-top-color:var(--cide-ele-border-color, #374151)}@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], cide-ele-button", 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", "step", "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 tw-bg-gray-50 dark:tw-bg-gray-900 tw-min-h-screen tw-text-gray-900 dark:tw-text-gray-100\">\n  <div class=\"page-form-container\">\n    <form class=\"page-form tw-bg-white dark:tw-bg-gray-800 tw-rounded-lg tw-shadow-sm tw-border tw-border-gray-200 dark:tw-border-gray-700\" [formGroup]=\"pageForm\" [class.loading]=\"loading()\" (ngSubmit)=\"savePage()\">\n      \n      <!-- Header Section -->\n      <div class=\"form-header tw-text-gray-900 dark:tw-text-gray-100 tw-px-6 tw-pt-6 tw-pb-4\">\n        <h2 class=\"form-title tw-text-gray-900 dark:tw-text-gray-100\">{{ isEditMode() ? 'Edit Page' : 'Create Page' }}</h2>\n        <p class=\"form-subtitle tw-text-gray-600 dark:tw-text-gray-400\">\n          {{ isEditMode() ? 'Update page information and configuration' : 'Create a new page with configuration' }}\n        </p>\n      </div>\n\n      <!-- Success and Error Messages -->\n      <div class=\"tw-px-6\">\n        @if (success()) {\n          <div class=\"alert alert-success\">\n            <svg class=\"alert-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"></path>\n            </svg>\n            {{ success() }}\n          </div>\n        }\n        @if (error()) {\n          <div class=\"alert alert-error\">\n            <svg class=\"alert-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"></path>\n            </svg>\n            {{ error() }}\n          </div>\n        }\n      </div>\n\n      <!-- Form Content -->\n      <div class=\"form-section tw-px-6\">\n        <div class=\"grid grid-2 gap-md lg-grid-2 md-grid-1\">\n          <cide-ele-input \n            id=\"sypg_title\"\n            label=\"Page Title\" \n            formControlName=\"sypg_title\"\n            placeholder=\"Enter page title\"\n            size=\"md\">\n          </cide-ele-input>\n          \n          <cide-ele-input \n            id=\"sypg_page_code\"\n            label=\"Page Code\" \n            formControlName=\"sypg_page_code\"\n            placeholder=\"Enter page code (alphanumeric and underscore only)\"\n            size=\"md\">\n          </cide-ele-input>\n        </div>\n\n        <div class=\"grid grid-1 gap-md\">\n          <cide-ele-textarea \n            id=\"sypg_desc\"\n            label=\"Page Description\" \n            formControlName=\"sypg_desc\"\n            placeholder=\"Enter page description\"\n            [rows]=\"3\"\n            size=\"md\">\n          </cide-ele-textarea>\n        </div>\n\n        <div class=\"grid grid-1 gap-md\">\n          <cide-ele-json-editor\n            id=\"sypg_configuration\"\n            label=\"Configuration JSON\"\n            formControlName=\"sypg_configuration\"\n            placeholder='{\"key\": \"value\"}'>\n          </cide-ele-json-editor>\n        </div>\n\n        <div class=\"grid grid-1 gap-sm\">\n          <cide-ele-input\n            id=\"sypg_isactive\"\n            type=\"checkbox\"\n            formControlName=\"sypg_isactive\"\n            label=\"Active Status\"\n            size=\"sm\">\n          </cide-ele-input>\n        </div>\n      </div>\n\n      <!-- Form Actions -->\n      <div class=\"form-actions tw-bg-white dark:tw-bg-gray-800 tw-border-t tw-border-gray-200 dark:tw-border-gray-700 tw-shadow-sm\">\n        <div class=\"form-actions-container\">\n          <!-- Error Message (Left Side) -->\n          <div class=\"form-actions-error\">\n            <cide-form-field-error [formGroup]=\"pageForm\"></cide-form-field-error>\n          </div>\n          \n          <!-- Action Buttons (Right Side) -->\n          <div class=\"form-actions-buttons\">\n            @if (!isEditMode()) {\n              <button cideEleButton\n                type=\"button\" \n                variant=\"secondary\" \n                (click)=\"resetForm()\" \n                leftIcon=\"refresh\"\n                [disabled]=\"loading()\">\n                Reset Form\n              </button>\n            }\n            \n            <button cideEleButton\n              type=\"button\" \n              variant=\"secondary\" \n              (click)=\"cancelForm()\" \n              leftIcon=\"close\"\n              [disabled]=\"loading()\">\n              Cancel\n            </button>\n            \n            <button cideEleButton\n              type=\"submit\" \n              variant=\"primary\" \n              [disabled]=\"loading() || !pageForm.valid\"\n              [loading]=\"loading()\"\n              leftIcon=\"save\">\n              {{ isEditMode() ? 'Update Page' : 'Create Page' }}\n            </button>\n          </div>\n        </div>\n      </div>\n    </form>\n  </div>\n</div>\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}::ng-deep .dark .form-header{color:var(--cide-ele-text-primary, #f3f4f6)}.form-header .form-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;color:#1f2937}::ng-deep .dark .form-header .form-title{color:var(--cide-ele-text-primary, #f3f4f6)}.form-header .form-subtitle{font-size:.95rem;opacity:.7;margin:0;font-weight:400;color:#6b7280}::ng-deep .dark .form-header .form-subtitle{color:var(--cide-ele-text-secondary, #9ca3af);opacity:.8}.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}::ng-deep .dark .checkbox-label .checkbox-text{color:var(--cide-ele-text-primary, #f3f4f6)}.checkbox-label .checkbox-description{font-size:.75rem;color:#6b7280;margin-top:.125rem}::ng-deep .dark .checkbox-label .checkbox-description{color:var(--cide-ele-text-secondary, #9ca3af)}.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}::ng-deep .dark .alert.alert-success{background:#14532d4d;border-left-color:#22c55e;color:#86efac}.alert.alert-error{background:#fef2f24d;border-left-color:#ef4444;color:#dc2626}::ng-deep .dark .alert.alert-error{background:#7f1d1d4d;border-left-color:#ef4444;color:#fca5a5}.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}:host-context(.dark) .form-actions,:host-context([data-theme=dark]) .form-actions{background:var(--cide-ele-bg-primary, #1f2937);border-top-color:var(--cide-ele-border-color, #374151)}@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-BOy5dr46.mjs.map

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

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