cloud-ide-academics 0.0.1 → 0.0.2

package/fesm2022/cloud-ide-academics-program-class-list.component-C6VyX4hH.mjs

@@ -0,0 +1,433 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, viewChild, computed, signal, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { Router } from '@angular/router';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NotificationService, ConfirmationService, CideEleDataGridComponent, CideIconComponent, CideEleButtonComponent, CideEleDropdownComponent } from 'cloud-ide-element';
+import { AppStateHelperService } from 'cloud-ide-layout';
+import { generateStringFromObject } from 'cloud-ide-lms-model';
+import { C as CideLytProgramClassService } from './cloud-ide-academics-cloud-ide-academics-BP1hZ-yx.mjs';
+
+class ProgramClassListComponent {
+    // Dependency injection
+    destroyRef = inject(DestroyRef);
+    router = inject(Router);
+    appState = inject(AppStateHelperService);
+    notificationService = inject(NotificationService);
+    confirmationService = inject(ConfirmationService);
+    programClassService = inject(CideLytProgramClassService);
+    // Modern ViewChild signals for template renderers (Angular 20 approach)
+    programClassDetailsRendererTemplate = viewChild.required('programClassDetailsRendererTemplate');
+    programClassStatusRendererTemplate = viewChild.required('programClassStatusRendererTemplate');
+    classProgramRendererTemplate = viewChild.required('classProgramRendererTemplate');
+    academicYearRendererTemplate = viewChild.required('academicYearRendererTemplate');
+    actionsDropdownRendererTemplate = viewChild.required('actionsDropdownRendererTemplate');
+    // Computed template renderers for grid
+    templateRenderers = computed(() => ({
+        programClassDetailsRenderer: this.programClassDetailsRendererTemplate(),
+        programClassStatusRenderer: this.programClassStatusRendererTemplate(),
+        classProgramRenderer: this.classProgramRendererTemplate(),
+        academicYearRenderer: this.academicYearRendererTemplate(),
+        actionsDropdownRenderer: this.actionsDropdownRendererTemplate()
+    }), ...(ngDevMode ? [{ debugName: "templateRenderers" }] : []));
+    // Make Math available in template
+    Math = Math;
+    // Signals for reactive state management
+    programClasses = signal([], ...(ngDevMode ? [{ debugName: "programClasses" }] : []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    selectedItems = signal([], ...(ngDevMode ? [{ debugName: "selectedItems" }] : []));
+    searchTerm = signal('', ...(ngDevMode ? [{ debugName: "searchTerm" }] : []));
+    // Derived list filtered by searchTerm
+    filteredProgramClasses = computed(() => {
+        const q = (this.searchTerm() || '').toLowerCase().trim();
+        const items = this.programClasses() || [];
+        if (!q)
+            return items;
+        return items.filter(pc => {
+            const title = (pc.acacpm_alise_title || '').toLowerCase();
+            const classProgramTitle = (pc.acacpm_class_program_id_sygms?.sygms_title || '').toLowerCase();
+            const academicYearName = (pc.acacpm_academic_year_id_acayr?.acayr_name || '').toLowerCase();
+            const entityName = (pc.acacpm_entity_id_syen?.syen_name || '').toLowerCase();
+            return title.includes(q) || classProgramTitle.includes(q) || academicYearName.includes(q) || entityName.includes(q);
+        });
+    }, ...(ngDevMode ? [{ debugName: "filteredProgramClasses" }] : []));
+    // Grid configuration signal
+    gridConfig = signal({
+        id: 'program-class-list-grid',
+        columns: [
+            {
+                key: 'details',
+                header: 'Program Class Details',
+                type: 'custom',
+                width: 'auto',
+                truncate: true,
+                align: 'left',
+                renderer: 'programClassDetailsRenderer'
+            },
+            {
+                key: 'acacpm_class_program_id_sygms',
+                header: 'Class Program',
+                type: 'custom',
+                width: '200px',
+                truncate: true,
+                align: 'left',
+                renderer: 'classProgramRenderer'
+            },
+            {
+                key: 'acacpm_academic_year_id_acayr',
+                header: 'Academic Year',
+                type: 'custom',
+                width: '180px',
+                truncate: true,
+                align: 'left',
+                renderer: 'academicYearRenderer'
+            },
+            {
+                key: 'acacpm_isactive',
+                header: 'Status',
+                type: 'custom',
+                width: '120px',
+                truncate: false,
+                align: 'center',
+                renderer: 'programClassStatusRenderer'
+            },
+            {
+                key: 'actions',
+                header: '',
+                type: 'custom',
+                width: '150px',
+                truncate: false,
+                align: 'center',
+                renderer: 'actionsDropdownRenderer'
+            }
+        ],
+        data: [],
+        trackBy: '_id',
+        pagination: {
+            enabled: true,
+            pageSize: 10,
+            pageSizeOptions: [10, 25, 50, 100],
+            showQuickJump: true,
+            showPageInfo: true,
+            showRefresh: true
+        },
+        search: {
+            enabled: true,
+            placeholder: 'Search program classes...',
+            searchableColumns: ['acacpm_alise_title'],
+            debounceMs: 300
+        },
+        loading: {
+            useDefer: true,
+            skeletonRows: 5,
+            showOverlay: false
+        },
+        scroll: {
+            enabled: true,
+            maxHeight: '',
+            minHeight: '',
+            stickyHeader: true,
+            virtualScroll: false,
+            rowHeight: 50
+        },
+        responsive: true,
+        striped: false,
+        bordered: true,
+        compact: false,
+        tableClass: 'tw-table-fixed tw-w-full tw-rounded-none'
+    }, ...(ngDevMode ? [{ debugName: "gridConfig" }] : []));
+    /**
+     * Get action dropdown items
+     */
+    getActionDropdownItems(programClass) {
+        const items = [
+            {
+                id: 'view',
+                label: 'View Details',
+                icon: 'visibility',
+                iconColor: 'tw-text-gray-400',
+                textColor: 'tw-text-gray-700'
+            },
+            {
+                id: 'edit',
+                label: 'Edit Program Class',
+                icon: 'edit',
+                iconColor: 'tw-text-blue-400',
+                textColor: 'tw-text-blue-700'
+            },
+            {
+                id: 'branch',
+                label: 'Manage Branches',
+                icon: 'account_tree',
+                iconColor: 'tw-text-purple-400',
+                textColor: 'tw-text-purple-700'
+            },
+            {
+                id: 'toggleStatus',
+                label: programClass?.acacpm_isactive ? 'Deactivate' : 'Activate',
+                icon: programClass?.acacpm_isactive ? 'toggle_off' : 'toggle_on',
+                iconColor: programClass?.acacpm_isactive ? 'tw-text-orange-400' : 'tw-text-green-400',
+                textColor: programClass?.acacpm_isactive ? 'tw-text-orange-700' : 'tw-text-green-700'
+            },
+            {
+                id: 'delete',
+                label: 'Delete',
+                icon: 'delete',
+                iconColor: 'tw-text-red-400',
+                textColor: 'tw-text-red-700'
+            }
+        ];
+        return items;
+    }
+    /**
+     * Handle dropdown item click
+     */
+    onDropdownItemClick(item, programClass) {
+        console.log('🔍 onDropdownItemClick called with:', { item, programClass });
+        if (!item || !item.id) {
+            console.error('Dropdown item is undefined:', item);
+            return;
+        }
+        if (!programClass) {
+            console.error('Program class is undefined:', programClass);
+            this.notificationService.error('Unable to perform action: Invalid data');
+            return;
+        }
+        switch (item.id) {
+            case 'view':
+                this.viewProgramClass(programClass);
+                break;
+            case 'edit':
+                this.editProgramClass(programClass);
+                break;
+            case 'branch':
+                this.manageBranches(programClass);
+                break;
+            case 'toggleStatus':
+                this.toggleProgramClassStatus(programClass);
+                break;
+            case 'delete':
+                this.deleteProgramClass(programClass);
+                break;
+            default:
+                console.warn('Unknown dropdown action:', item.id);
+        }
+    }
+    ngOnInit() {
+        this.loadProgramClasses();
+    }
+    /**
+     * Load program classes data
+     */
+    loadProgramClasses() {
+        this.loading.set(true);
+        this.error.set(null);
+        const payload = {
+            pageIndex: 0,
+            pageSize: 100,
+            query: this.searchTerm() || "",
+            sort: {
+                key: 'acacpm_alise_title',
+                order: 'asc'
+            }
+        };
+        this.programClassService.getProgramClassList(payload)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                if (response?.success && response.data) {
+                    console.log('📚 Program classes loaded:', response.data);
+                    this.programClasses.set(response.data);
+                    this.updateGridData();
+                    this.notificationService.success(`Loaded ${response.data.length} program class(es) successfully.`);
+                }
+                else {
+                    console.warn('⚠️ No program class data received');
+                    this.programClasses.set([]);
+                    this.updateGridData();
+                    this.notificationService.warning('No program classes found.');
+                }
+                this.loading.set(false);
+            },
+            error: (error) => {
+                console.error('❌ Error loading program classes:', error);
+                this.error.set('Failed to load program classes');
+                this.loading.set(false);
+                this.notificationService.error('Failed to load program classes');
+            }
+        });
+    }
+    /**
+     * Update grid data
+     */
+    updateGridData() {
+        this.gridConfig.update(config => ({
+            ...config,
+            data: this.filteredProgramClasses()
+        }));
+    }
+    /**
+     * Handle grid events
+     */
+    onGridEvent(event) {
+        switch (event.type) {
+            case 'pageChange':
+                if (event.data && typeof event.data === 'object' && 'pageIndex' in event.data && 'pageSize' in event.data) {
+                    this.loadProgramClasses();
+                }
+                break;
+            case 'search':
+                this.searchTerm.set(event.data);
+                this.updateGridData();
+                break;
+            case 'refresh':
+                this.loadProgramClasses();
+                break;
+        }
+    }
+    /**
+     * Create new program class
+     */
+    createProgramClass() {
+        this.router.navigate(['/control-panel/program-class-management/create']);
+    }
+    /**
+     * View program class details
+     */
+    viewProgramClass(programClass) {
+        if (!programClass || !programClass._id) {
+            console.error('Program class or ID is undefined:', programClass);
+            this.notificationService.error('Unable to view program class: Invalid data');
+            return;
+        }
+        console.log('👁️ Viewing program class:', programClass);
+        this.notificationService.info(`Opening program class "${programClass.acacpm_alise_title}" for viewing.`);
+        const queryParams = generateStringFromObject({ acacpm_id: programClass._id });
+        this.router.navigate(['/control-panel/program-class-management/view', queryParams]);
+    }
+    /**
+     * Edit program class
+     */
+    editProgramClass(programClass) {
+        if (!programClass || !programClass._id) {
+            console.error('Program class or ID is undefined:', programClass);
+            this.notificationService.error('Unable to edit program class: Invalid data');
+            return;
+        }
+        console.log('✏️ Editing program class:', programClass);
+        this.notificationService.info(`Opening program class "${programClass.acacpm_alise_title}" for editing.`);
+        const queryParams = generateStringFromObject({ acacpm_id: programClass._id });
+        this.router.navigate(['/control-panel/program-class-management/edit', queryParams]);
+    }
+    /**
+     * Manage branches for program class
+     */
+    manageBranches(programClass) {
+        if (!programClass || !programClass._id) {
+            console.error('Program class or ID is undefined:', programClass);
+            this.notificationService.error('Unable to manage branches: Invalid data');
+            return;
+        }
+        console.log('🌿 Managing branches for program class:', programClass);
+        this.notificationService.info(`Opening branch management for "${programClass.acacpm_alise_title}".`);
+        const queryParams = generateStringFromObject({ programId: programClass._id });
+        this.router.navigate(['/control-panel/program_specialization', queryParams]);
+    }
+    /**
+     * Delete program class
+     */
+    deleteProgramClass(programClass) {
+        if (!programClass || !programClass._id) {
+            console.error('Program class or ID is undefined:', programClass);
+            this.notificationService.error('Unable to delete program class: Invalid data');
+            return;
+        }
+        this.confirmationService.confirmDelete(programClass.acacpm_alise_title).then((confirmed) => {
+            if (confirmed) {
+                this.loading.set(true);
+                const payload = {
+                    acacpm_id: programClass._id
+                };
+                this.programClassService.deleteProgramClass(payload)
+                    .pipe(takeUntilDestroyed(this.destroyRef))
+                    .subscribe({
+                    next: (response) => {
+                        if (response?.success) {
+                            this.programClasses.update(classes => classes.filter(pc => pc._id !== programClass._id));
+                            this.updateGridData();
+                            this.notificationService.success('Program class deleted successfully.');
+                        }
+                        else {
+                            this.notificationService.error('Failed to delete program class.');
+                        }
+                        this.loading.set(false);
+                    },
+                    error: (error) => {
+                        console.error('❌ Error deleting program class:', error);
+                        this.notificationService.error('Failed to delete program class.');
+                        this.loading.set(false);
+                    }
+                });
+            }
+        });
+    }
+    /**
+     * Toggle program class status
+     */
+    toggleProgramClassStatus(programClass) {
+        if (!programClass || !programClass._id) {
+            console.error('Program class or ID is undefined:', programClass);
+            this.notificationService.error('Unable to toggle program class status: Invalid data');
+            return;
+        }
+        this.loading.set(true);
+        const payload = {
+            acacpm_id: programClass._id
+        };
+        this.programClassService.toggleProgramClassStatus(payload)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                if (response?.success) {
+                    this.programClasses.update(classes => classes.map(pc => pc._id === programClass._id
+                        ? { ...pc, acacpm_isactive: !pc.acacpm_isactive }
+                        : pc));
+                    this.updateGridData();
+                    this.notificationService.success(`Program class ${programClass.acacpm_isactive ? 'deactivated' : 'activated'} successfully.`);
+                }
+                else {
+                    this.notificationService.error('Failed to toggle program class status.');
+                }
+                this.loading.set(false);
+            },
+            error: (error) => {
+                console.error('❌ Error toggling program class status:', error);
+                this.notificationService.error('Failed to toggle program class status.');
+                this.loading.set(false);
+            }
+        });
+    }
+    /**
+     * Refresh data
+     */
+    refreshData() {
+        this.loadProgramClasses();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ProgramClassListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.7", type: ProgramClassListComponent, isStandalone: true, selector: "cide-academics-program-class-list", viewQueries: [{ propertyName: "programClassDetailsRendererTemplate", first: true, predicate: ["programClassDetailsRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "programClassStatusRendererTemplate", first: true, predicate: ["programClassStatusRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "classProgramRendererTemplate", first: true, predicate: ["classProgramRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "academicYearRendererTemplate", first: true, predicate: ["academicYearRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "actionsDropdownRendererTemplate", first: true, predicate: ["actionsDropdownRendererTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Program Class Management Container -->\r\n<div class=\"tw-table tw-w-full tw-h-full\">\r\n\r\n  <!-- Header Section -->\r\n  <div class=\"tw-table-row tw-h-0\">\r\n    <div class=\"tw-table-cell tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\r\n      <div\r\n        class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0\">\r\n        <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n          <cide-ele-icon class=\"tw-text-purple-600 tw-w-5 tw-h-5\">school</cide-ele-icon>\r\n          <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">Program Class Management</h5>\r\n        </div>\r\n        <div\r\n          class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0 sm:tw-space-x-3\">\r\n          <button cideEleButton variant=\"primary\" size=\"sm\" leftIcon=\"add\" (click)=\"createProgramClass()\">\r\n            Create Program Class\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Data Grid Section -->\r\n  <div class=\"tw-table-row\">\r\n    <div class=\"tw-table-cell tw-p-0\">\r\n      <cide-ele-data-grid\r\n        [config]=\"gridConfig()\"\r\n        [templateRenderers]=\"templateRenderers()\"\r\n        (gridEvent)=\"onGridEvent($event)\">\r\n      </cide-ele-data-grid>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- Template Renderers -->\r\n<ng-template #programClassDetailsRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\r\n  <div class=\"tw-flex tw-items-center tw-space-x-3\">\r\n    <div class=\"tw-flex-shrink-0\">\r\n      <div class=\"tw-w-10 tw-h-10 tw-bg-purple-100 tw-rounded-lg tw-flex tw-items-center tw-justify-center\">\r\n        <cide-ele-icon class=\"tw-text-purple-600 tw-w-5 tw-h-5\">school</cide-ele-icon>\r\n      </div>\r\n    </div>\r\n    <div class=\"tw-min-w-0 tw-flex-1\">\r\n      <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-truncate tw-m-0\">\r\n        {{ row?.acacpm_alise_title }}\r\n      </h6>\r\n      <p class=\"tw-text-xs tw-text-gray-500 tw-truncate tw-m-0\">\r\n        {{ row?.acacpm_class_program_id_sygms?.sygms_title }}\r\n      </p>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #programClassStatusRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\r\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n    <span [ngClass]=\"{\r\n      'tw-bg-green-100 tw-text-green-800': row?.acacpm_isactive,\r\n      'tw-bg-red-100 tw-text-red-800': !row?.acacpm_isactive\r\n    }\" class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium\">\r\n      <cide-ele-icon [ngClass]=\"{\r\n        'tw-text-green-600': row?.acacpm_isactive,\r\n        'tw-text-red-600': !row?.acacpm_isactive\r\n      }\" class=\"tw-w-3 tw-h-3 tw-mr-2\">\r\n        {{ row?.acacpm_isactive ? 'check_circle' : 'cancel' }}\r\n      </cide-ele-icon>\r\n      {{ row?.acacpm_isactive ? 'Active' : 'Inactive' }}\r\n    </span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #classProgramRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\r\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n    <cide-ele-icon class=\"tw-text-blue-600 tw-w-4 tw-h-4\">school</cide-ele-icon>\r\n    <span class=\"tw-text-sm tw-text-gray-900 tw-truncate\">\r\n      {{ row?.acacpm_class_program_id_sygms?.sygms_title || 'N/A' }}\r\n    </span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #academicYearRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\r\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n    <cide-ele-icon class=\"tw-text-green-600 tw-w-4 tw-h-4\">calendar_today</cide-ele-icon>\r\n    <span class=\"tw-text-sm tw-text-gray-900 tw-truncate\">\r\n      {{ row?.acacpm_academic_year_id_acayr?.acayr_name || 'N/A' }}\r\n    </span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\" let-value=\"value\" let-column=\"column\">\r\n  <cide-ele-dropdown\r\n    [items]=\"getActionDropdownItems(row)\"\r\n    (itemClick)=\"onDropdownItemClick($event, row)\"\r\n    size=\"sm\"\r\n    variant=\"ghost\"\r\n    icon=\"more_vert\">\r\n  </cide-ele-dropdown>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { 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: CideEleDropdownComponent, selector: "cide-ele-dropdown", inputs: ["items", "config", "triggerTemplate", "menuTemplate"], outputs: ["itemClick", "dropdownToggle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ProgramClassListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-academics-program-class-list', standalone: true, imports: [
+                        CommonModule,
+                        CideEleDataGridComponent,
+                        CideIconComponent,
+                        CideEleButtonComponent,
+                        CideEleDropdownComponent
+                    ], template: "<!-- Program Class Management Container -->\r\n<div class=\"tw-table tw-w-full tw-h-full\">\r\n\r\n  <!-- Header Section -->\r\n  <div class=\"tw-table-row tw-h-0\">\r\n    <div class=\"tw-table-cell tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\r\n      <div\r\n        class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0\">\r\n        <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n          <cide-ele-icon class=\"tw-text-purple-600 tw-w-5 tw-h-5\">school</cide-ele-icon>\r\n          <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">Program Class Management</h5>\r\n        </div>\r\n        <div\r\n          class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0 sm:tw-space-x-3\">\r\n          <button cideEleButton variant=\"primary\" size=\"sm\" leftIcon=\"add\" (click)=\"createProgramClass()\">\r\n            Create Program Class\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Data Grid Section -->\r\n  <div class=\"tw-table-row\">\r\n    <div class=\"tw-table-cell tw-p-0\">\r\n      <cide-ele-data-grid\r\n        [config]=\"gridConfig()\"\r\n        [templateRenderers]=\"templateRenderers()\"\r\n        (gridEvent)=\"onGridEvent($event)\">\r\n      </cide-ele-data-grid>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- Template Renderers -->\r\n<ng-template #programClassDetailsRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\r\n  <div class=\"tw-flex tw-items-center tw-space-x-3\">\r\n    <div class=\"tw-flex-shrink-0\">\r\n      <div class=\"tw-w-10 tw-h-10 tw-bg-purple-100 tw-rounded-lg tw-flex tw-items-center tw-justify-center\">\r\n        <cide-ele-icon class=\"tw-text-purple-600 tw-w-5 tw-h-5\">school</cide-ele-icon>\r\n      </div>\r\n    </div>\r\n    <div class=\"tw-min-w-0 tw-flex-1\">\r\n      <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-truncate tw-m-0\">\r\n        {{ row?.acacpm_alise_title }}\r\n      </h6>\r\n      <p class=\"tw-text-xs tw-text-gray-500 tw-truncate tw-m-0\">\r\n        {{ row?.acacpm_class_program_id_sygms?.sygms_title }}\r\n      </p>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #programClassStatusRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\r\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n    <span [ngClass]=\"{\r\n      'tw-bg-green-100 tw-text-green-800': row?.acacpm_isactive,\r\n      'tw-bg-red-100 tw-text-red-800': !row?.acacpm_isactive\r\n    }\" class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium\">\r\n      <cide-ele-icon [ngClass]=\"{\r\n        'tw-text-green-600': row?.acacpm_isactive,\r\n        'tw-text-red-600': !row?.acacpm_isactive\r\n      }\" class=\"tw-w-3 tw-h-3 tw-mr-2\">\r\n        {{ row?.acacpm_isactive ? 'check_circle' : 'cancel' }}\r\n      </cide-ele-icon>\r\n      {{ row?.acacpm_isactive ? 'Active' : 'Inactive' }}\r\n    </span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #classProgramRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\r\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n    <cide-ele-icon class=\"tw-text-blue-600 tw-w-4 tw-h-4\">school</cide-ele-icon>\r\n    <span class=\"tw-text-sm tw-text-gray-900 tw-truncate\">\r\n      {{ row?.acacpm_class_program_id_sygms?.sygms_title || 'N/A' }}\r\n    </span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #academicYearRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\r\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n    <cide-ele-icon class=\"tw-text-green-600 tw-w-4 tw-h-4\">calendar_today</cide-ele-icon>\r\n    <span class=\"tw-text-sm tw-text-gray-900 tw-truncate\">\r\n      {{ row?.acacpm_academic_year_id_acayr?.acayr_name || 'N/A' }}\r\n    </span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\" let-value=\"value\" let-column=\"column\">\r\n  <cide-ele-dropdown\r\n    [items]=\"getActionDropdownItems(row)\"\r\n    (itemClick)=\"onDropdownItemClick($event, row)\"\r\n    size=\"sm\"\r\n    variant=\"ghost\"\r\n    icon=\"more_vert\">\r\n  </cide-ele-dropdown>\r\n</ng-template>\r\n" }]
+        }] });
+
+export { ProgramClassListComponent };
+//# sourceMappingURL=cloud-ide-academics-program-class-list.component-C6VyX4hH.mjs.map

package/fesm2022/cloud-ide-academics-program-class-list.component-C6VyX4hH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-ide-academics-program-class-list.component-C6VyX4hH.mjs","sources":["../../../projects/cloud-ide-academics/src/lib/collection/program-class-management/components/program-class-list/program-class-list.component.ts","../../../projects/cloud-ide-academics/src/lib/collection/program-class-management/components/program-class-list/program-class-list.component.html"],"sourcesContent":["import { Component, signal, computed, viewChild, TemplateRef, DestroyRef, inject, OnInit } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Router } from '@angular/router';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { CideEleDataGridComponent, CideIconComponent, CideEleButtonComponent, GridConfiguration, GridEvent, CideEleDropdownComponent, DropdownItem, NotificationService, ConfirmationService } from 'cloud-ide-element';\r\nimport { TemplateContext } from 'cloud-ide-element';\r\nimport { AppStateHelperService } from 'cloud-ide-layout';\r\nimport { \r\n  type MClassProgramMaster,\r\n  type MClassProgramMasterDeletePayload,\r\n  type MClassProgramMasterToggleStatusPayload,\r\n  generateStringFromObject\r\n} from 'cloud-ide-lms-model';\r\nimport { CideLytProgramClassService } from '../../services/program-class.service';\r\n\r\n// Interfaces based on the actual API response\r\ninterface ProgramClass {\r\n  _id?: string;\r\n  acacpm_alise_title?: string;\r\n  acacpm_class_program_id_sygms?: {\r\n    _id?: string;\r\n    sygms_id_sygmt?: string;\r\n    sygms_code?: string;\r\n    sygms_title?: string;\r\n    sygms_desc?: string;\r\n    sygms_entity_id_syen?: string;\r\n    sygms_isactive?: boolean;\r\n    __v?: number;\r\n  };\r\n  acacpm_academic_year_id_acayr?: {\r\n    _id?: string;\r\n    acayr_code?: string;\r\n    acayr_name?: string;\r\n    acayr_description?: string;\r\n    acayr_from_date?: string;\r\n    acayr_to_date?: string;\r\n    acayr_isactive?: boolean;\r\n    acayr_iscurrent?: boolean;\r\n    acayr_islocked?: boolean;\r\n    __v?: number;\r\n  };\r\n  acacpm_entity_id_syen?: {\r\n    _id?: string;\r\n    syen_name?: string;\r\n    syen_entity_type_gmst?: string;\r\n    syen_entity_code?: string;\r\n    syen_corporate_address?: string;\r\n    syen_corporate_pin_sypin?: string;\r\n    syen_corporate_city_sypin?: string;\r\n    syen_corporate_state_sypin?: string;\r\n    syen_corporate_contact_person_user?: any;\r\n    syen_corporate_phone?: string;\r\n    syen_corporate_phone_alt?: string;\r\n    syen_corporate_fax?: string;\r\n    syen_corporate_email?: string;\r\n    syen_corporate_email_alt?: string;\r\n    syen_website?: string;\r\n    syen_currency_sycr?: string;\r\n    syen_registered_address?: string;\r\n    syen_registered_pin_sypin?: string;\r\n    syen_registered_city_sypin?: string;\r\n    syen_registered_state_sypin?: string;\r\n    syen_registered_contact_person_user?: any;\r\n    syen_registered_phone?: string;\r\n    syen_registered_fax?: string;\r\n    syen_registered_email?: string;\r\n    syen_udise_no?: string;\r\n    syen_affiliation_no?: string;\r\n    syen_isactive?: boolean;\r\n    __v?: number;\r\n  };\r\n  acacpm_isactive?: boolean;\r\n  __v?: number;\r\n}\r\n\r\n@Component({\r\n  selector: 'cide-academics-program-class-list',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    CideEleDataGridComponent,\r\n    CideIconComponent,\r\n    CideEleButtonComponent,\r\n    CideEleDropdownComponent\r\n  ],\r\n  templateUrl: './program-class-list.component.html'\r\n})\r\nexport class ProgramClassListComponent implements OnInit {\r\n  // Dependency injection\r\n  private destroyRef = inject(DestroyRef);\r\n  private router = inject(Router);\r\n  private appState = inject(AppStateHelperService);\r\n  private notificationService = inject(NotificationService);\r\n  private confirmationService = inject(ConfirmationService);\r\n  private programClassService = inject(CideLytProgramClassService);\r\n\r\n  // Modern ViewChild signals for template renderers (Angular 20 approach)\r\n  programClassDetailsRendererTemplate = viewChild.required<TemplateRef<TemplateContext>>('programClassDetailsRendererTemplate');\r\n  programClassStatusRendererTemplate = viewChild.required<TemplateRef<TemplateContext>>('programClassStatusRendererTemplate');\r\n  classProgramRendererTemplate = viewChild.required<TemplateRef<TemplateContext>>('classProgramRendererTemplate');\r\n  academicYearRendererTemplate = viewChild.required<TemplateRef<TemplateContext>>('academicYearRendererTemplate');\r\n  actionsDropdownRendererTemplate = viewChild.required<TemplateRef<TemplateContext>>('actionsDropdownRendererTemplate');\r\n\r\n  // Computed template renderers for grid\r\n  templateRenderers = computed((): Record<string, TemplateRef<TemplateContext>> => ({\r\n    programClassDetailsRenderer: this.programClassDetailsRendererTemplate(),\r\n    programClassStatusRenderer: this.programClassStatusRendererTemplate(),\r\n    classProgramRenderer: this.classProgramRendererTemplate(),\r\n    academicYearRenderer: this.academicYearRendererTemplate(),\r\n    actionsDropdownRenderer: this.actionsDropdownRendererTemplate()\r\n  }));\r\n\r\n  // Make Math available in template\r\n  Math = Math;\r\n\r\n  // Signals for reactive state management\r\n  programClasses = signal<ProgramClass[]>([]);\r\n  loading = signal(false);\r\n  error = signal<string | null>(null);\r\n  selectedItems = signal<string[]>([]);\r\n  searchTerm = signal('');\r\n\r\n  // Derived list filtered by searchTerm\r\n  filteredProgramClasses = computed(() => {\r\n    const q = (this.searchTerm() || '').toLowerCase().trim();\r\n    const items = this.programClasses() || [];\r\n    if (!q) return items;\r\n    return items.filter(pc => {\r\n      const title = (pc.acacpm_alise_title || '').toLowerCase();\r\n      const classProgramTitle = (pc.acacpm_class_program_id_sygms?.sygms_title || '').toLowerCase();\r\n      const academicYearName = (pc.acacpm_academic_year_id_acayr?.acayr_name || '').toLowerCase();\r\n      const entityName = (pc.acacpm_entity_id_syen?.syen_name || '').toLowerCase();\r\n      return title.includes(q) || classProgramTitle.includes(q) || academicYearName.includes(q) || entityName.includes(q);\r\n    });\r\n  });\r\n\r\n  // Grid configuration signal\r\n  gridConfig = signal<GridConfiguration<ProgramClass>>({\r\n    id: 'program-class-list-grid',\r\n    columns: [\r\n      {\r\n        key: 'details',\r\n        header: 'Program Class Details',\r\n        type: 'custom',\r\n        width: 'auto',\r\n        truncate: true,\r\n        align: 'left',\r\n        renderer: 'programClassDetailsRenderer'\r\n      },\r\n      {\r\n        key: 'acacpm_class_program_id_sygms',\r\n        header: 'Class Program',\r\n        type: 'custom',\r\n        width: '200px',\r\n        truncate: true,\r\n        align: 'left',\r\n        renderer: 'classProgramRenderer'\r\n      },\r\n      {\r\n        key: 'acacpm_academic_year_id_acayr',\r\n        header: 'Academic Year',\r\n        type: 'custom',\r\n        width: '180px',\r\n        truncate: true,\r\n        align: 'left',\r\n        renderer: 'academicYearRenderer'\r\n      },\r\n      {\r\n        key: 'acacpm_isactive',\r\n        header: 'Status',\r\n        type: 'custom',\r\n        width: '120px',\r\n        truncate: false,\r\n        align: 'center',\r\n        renderer: 'programClassStatusRenderer'\r\n      },\r\n      {\r\n        key: 'actions',\r\n        header: '',\r\n        type: 'custom',\r\n        width: '150px',\r\n        truncate: false,\r\n        align: 'center',\r\n        renderer: 'actionsDropdownRenderer'\r\n      }\r\n    ],\r\n    data: [],\r\n    trackBy: '_id',\r\n    pagination: {\r\n      enabled: true,\r\n      pageSize: 10,\r\n      pageSizeOptions: [10, 25, 50, 100],\r\n      showQuickJump: true,\r\n      showPageInfo: true,\r\n      showRefresh: true\r\n    },\r\n    search: {\r\n      enabled: true,\r\n      placeholder: 'Search program classes...',\r\n      searchableColumns: ['acacpm_alise_title'],\r\n      debounceMs: 300\r\n    },\r\n    loading: {\r\n      useDefer: true,\r\n      skeletonRows: 5,\r\n      showOverlay: false\r\n    },\r\n    scroll: {\r\n      enabled: true,\r\n      maxHeight: '',\r\n      minHeight: '',\r\n      stickyHeader: true,\r\n      virtualScroll: false,\r\n      rowHeight: 50\r\n    },\r\n    responsive: true,\r\n    striped: false,\r\n    bordered: true,\r\n    compact: false,\r\n    tableClass: 'tw-table-fixed tw-w-full tw-rounded-none'\r\n  });\r\n\r\n  /**\r\n   * Get action dropdown items\r\n   */\r\n  getActionDropdownItems(programClass: ProgramClass): DropdownItem[] {\r\n    const items: DropdownItem[] = [\r\n      {\r\n        id: 'view',\r\n        label: 'View Details',\r\n        icon: 'visibility',\r\n        iconColor: 'tw-text-gray-400',\r\n        textColor: 'tw-text-gray-700'\r\n      },\r\n      {\r\n        id: 'edit',\r\n        label: 'Edit Program Class',\r\n        icon: 'edit',\r\n        iconColor: 'tw-text-blue-400',\r\n        textColor: 'tw-text-blue-700'\r\n      },\r\n      {\r\n        id: 'branch',\r\n        label: 'Manage Branches',\r\n        icon: 'account_tree',\r\n        iconColor: 'tw-text-purple-400',\r\n        textColor: 'tw-text-purple-700'\r\n      },\r\n      {\r\n        id: 'toggleStatus',\r\n        label: programClass?.acacpm_isactive ? 'Deactivate' : 'Activate',\r\n        icon: programClass?.acacpm_isactive ? 'toggle_off' : 'toggle_on',\r\n        iconColor: programClass?.acacpm_isactive ? 'tw-text-orange-400' : 'tw-text-green-400',\r\n        textColor: programClass?.acacpm_isactive ? 'tw-text-orange-700' : 'tw-text-green-700'\r\n      },\r\n      {\r\n        id: 'delete',\r\n        label: 'Delete',\r\n        icon: 'delete',\r\n        iconColor: 'tw-text-red-400',\r\n        textColor: 'tw-text-red-700'\r\n      }\r\n    ];\r\n\r\n    return items;\r\n  }\r\n\r\n  /**\r\n   * Handle dropdown item click\r\n   */\r\n  onDropdownItemClick(item: DropdownItem, programClass: ProgramClass): void {\r\n    console.log('🔍 onDropdownItemClick called with:', { item, programClass });\r\n    \r\n    if (!item || !item.id) {\r\n      console.error('Dropdown item is undefined:', item);\r\n      return;\r\n    }\r\n    \r\n    if (!programClass) {\r\n      console.error('Program class is undefined:', programClass);\r\n      this.notificationService.error('Unable to perform action: Invalid data');\r\n      return;\r\n    }\r\n\r\n    switch (item.id) {\r\n      case 'view':\r\n        this.viewProgramClass(programClass);\r\n        break;\r\n      case 'edit':\r\n        this.editProgramClass(programClass);\r\n        break;\r\n      case 'branch':\r\n        this.manageBranches(programClass);\r\n        break;\r\n      case 'toggleStatus':\r\n        this.toggleProgramClassStatus(programClass);\r\n        break;\r\n      case 'delete':\r\n        this.deleteProgramClass(programClass);\r\n        break;\r\n      default:\r\n        console.warn('Unknown dropdown action:', item.id);\r\n    }\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.loadProgramClasses();\r\n  }\r\n\r\n  /**\r\n   * Load program classes data\r\n   */\r\n  private loadProgramClasses(): void {\r\n    this.loading.set(true);\r\n    this.error.set(null);\r\n\r\n    const payload: MClassProgramMaster = {\r\n      pageIndex: 0,\r\n      pageSize: 100,\r\n      query: this.searchTerm() || \"\",\r\n      sort: {\r\n        key: 'acacpm_alise_title',\r\n        order: 'asc'\r\n      }\r\n    };\r\n\r\n    this.programClassService.getProgramClassList(payload)\r\n      .pipe(takeUntilDestroyed(this.destroyRef))\r\n      .subscribe({\r\n        next: (response) => {\r\n          if (response?.success && response.data) {\r\n            console.log('📚 Program classes loaded:', response.data);\r\n            this.programClasses.set(response.data);\r\n            this.updateGridData();\r\n            this.notificationService.success(`Loaded ${response.data.length} program class(es) successfully.`);\r\n          } else {\r\n            console.warn('⚠️ No program class data received');\r\n            this.programClasses.set([]);\r\n            this.updateGridData();\r\n            this.notificationService.warning('No program classes found.');\r\n          }\r\n          this.loading.set(false);\r\n        },\r\n        error: (error) => {\r\n          console.error('❌ Error loading program classes:', error);\r\n          this.error.set('Failed to load program classes');\r\n          this.loading.set(false);\r\n          this.notificationService.error('Failed to load program classes');\r\n        }\r\n      });\r\n  }\r\n\r\n  /**\r\n   * Update grid data\r\n   */\r\n  private updateGridData(): void {\r\n    this.gridConfig.update(config => ({\r\n      ...config,\r\n      data: this.filteredProgramClasses()\r\n    }));\r\n  }\r\n\r\n  /**\r\n   * Handle grid events\r\n   */\r\n  onGridEvent(event: GridEvent<ProgramClass>): void {\r\n    switch (event.type) {\r\n      case 'pageChange':\r\n        if (event.data && typeof event.data === 'object' && 'pageIndex' in event.data && 'pageSize' in event.data) {\r\n          this.loadProgramClasses();\r\n        }\r\n        break;\r\n      case 'search':\r\n        this.searchTerm.set(event.data as string);\r\n        this.updateGridData();\r\n        break;\r\n      case 'refresh':\r\n        this.loadProgramClasses();\r\n        break;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Create new program class\r\n   */\r\n  createProgramClass(): void {\r\n    this.router.navigate(['/control-panel/program-class-management/create']);\r\n  }\r\n\r\n  /**\r\n   * View program class details\r\n   */\r\n  viewProgramClass(programClass: ProgramClass): void {\r\n    if (!programClass || !programClass._id) {\r\n      console.error('Program class or ID is undefined:', programClass);\r\n      this.notificationService.error('Unable to view program class: Invalid data');\r\n      return;\r\n    }\r\n    console.log('👁️ Viewing program class:', programClass);\r\n    this.notificationService.info(`Opening program class \"${programClass.acacpm_alise_title}\" for viewing.`);\r\n    const queryParams = generateStringFromObject({ acacpm_id: programClass._id });\r\n    this.router.navigate(['/control-panel/program-class-management/view', queryParams]);\r\n  }\r\n\r\n  /**\r\n   * Edit program class\r\n   */\r\n  editProgramClass(programClass: ProgramClass): void {\r\n    if (!programClass || !programClass._id) {\r\n      console.error('Program class or ID is undefined:', programClass);\r\n      this.notificationService.error('Unable to edit program class: Invalid data');\r\n      return;\r\n    }\r\n    console.log('✏️ Editing program class:', programClass);\r\n    this.notificationService.info(`Opening program class \"${programClass.acacpm_alise_title}\" for editing.`);\r\n    const queryParams = generateStringFromObject({ acacpm_id: programClass._id });\r\n    this.router.navigate(['/control-panel/program-class-management/edit', queryParams]);\r\n  }\r\n\r\n  /**\r\n   * Manage branches for program class\r\n   */\r\n  manageBranches(programClass: ProgramClass): void {\r\n    if (!programClass || !programClass._id) {\r\n      console.error('Program class or ID is undefined:', programClass);\r\n      this.notificationService.error('Unable to manage branches: Invalid data');\r\n      return;\r\n    }\r\n    console.log('🌿 Managing branches for program class:', programClass);\r\n    this.notificationService.info(`Opening branch management for \"${programClass.acacpm_alise_title}\".`);\r\n    const queryParams = generateStringFromObject({ programId: programClass._id });\r\n    this.router.navigate(['/control-panel/program_specialization', queryParams]);\r\n  }\r\n\r\n  /**\r\n   * Delete program class\r\n   */\r\n  deleteProgramClass(programClass: ProgramClass): void {\r\n    if (!programClass || !programClass._id) {\r\n      console.error('Program class or ID is undefined:', programClass);\r\n      this.notificationService.error('Unable to delete program class: Invalid data');\r\n      return;\r\n    }\r\n    this.confirmationService.confirmDelete(programClass.acacpm_alise_title).then((confirmed: boolean) => {\r\n      if (confirmed) {\r\n        this.loading.set(true);\r\n        const payload: MClassProgramMasterDeletePayload = {\r\n          acacpm_id: programClass._id!\r\n        };\r\n\r\n        this.programClassService.deleteProgramClass(payload)\r\n          .pipe(takeUntilDestroyed(this.destroyRef))\r\n          .subscribe({\r\n            next: (response) => {\r\n              if (response?.success) {\r\n                this.programClasses.update(classes => \r\n                  classes.filter(pc => pc._id !== programClass._id)\r\n                );\r\n                this.updateGridData();\r\n                this.notificationService.success('Program class deleted successfully.');\r\n              } else {\r\n                this.notificationService.error('Failed to delete program class.');\r\n              }\r\n              this.loading.set(false);\r\n            },\r\n            error: (error) => {\r\n              console.error('❌ Error deleting program class:', error);\r\n              this.notificationService.error('Failed to delete program class.');\r\n              this.loading.set(false);\r\n            }\r\n          });\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Toggle program class status\r\n   */\r\n  toggleProgramClassStatus(programClass: ProgramClass): void {\r\n    if (!programClass || !programClass._id) {\r\n      console.error('Program class or ID is undefined:', programClass);\r\n      this.notificationService.error('Unable to toggle program class status: Invalid data');\r\n      return;\r\n    }\r\n    this.loading.set(true);\r\n    const payload: MClassProgramMasterToggleStatusPayload = {\r\n      acacpm_id: programClass._id!\r\n    };\r\n\r\n    this.programClassService.toggleProgramClassStatus(payload)\r\n      .pipe(takeUntilDestroyed(this.destroyRef))\r\n      .subscribe({\r\n        next: (response) => {\r\n          if (response?.success) {\r\n            this.programClasses.update(classes => \r\n              classes.map(pc => \r\n                pc._id === programClass._id \r\n                  ? { ...pc, acacpm_isactive: !pc.acacpm_isactive }\r\n                  : pc\r\n              )\r\n            );\r\n            this.updateGridData();\r\n            this.notificationService.success(`Program class ${programClass.acacpm_isactive ? 'deactivated' : 'activated'} successfully.`);\r\n          } else {\r\n            this.notificationService.error('Failed to toggle program class status.');\r\n          }\r\n          this.loading.set(false);\r\n        },\r\n        error: (error) => {\r\n          console.error('❌ Error toggling program class status:', error);\r\n          this.notificationService.error('Failed to toggle program class status.');\r\n          this.loading.set(false);\r\n        }\r\n      });\r\n  }\r\n\r\n  /**\r\n   * Refresh data\r\n   */\r\n  refreshData(): void {\r\n    this.loadProgramClasses();\r\n  }\r\n}\r\n","<!-- Program Class Management Container -->\r\n<div class=\"tw-table tw-w-full tw-h-full\">\r\n\r\n  <!-- Header Section -->\r\n  <div class=\"tw-table-row tw-h-0\">\r\n    <div class=\"tw-table-cell tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\r\n      <div\r\n        class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0\">\r\n        <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n          <cide-ele-icon class=\"tw-text-purple-600 tw-w-5 tw-h-5\">school</cide-ele-icon>\r\n          <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">Program Class Management</h5>\r\n        </div>\r\n        <div\r\n          class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0 sm:tw-space-x-3\">\r\n          <button cideEleButton variant=\"primary\" size=\"sm\" leftIcon=\"add\" (click)=\"createProgramClass()\">\r\n            Create Program Class\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Data Grid Section -->\r\n  <div class=\"tw-table-row\">\r\n    <div class=\"tw-table-cell tw-p-0\">\r\n      <cide-ele-data-grid\r\n        [config]=\"gridConfig()\"\r\n        [templateRenderers]=\"templateRenderers()\"\r\n        (gridEvent)=\"onGridEvent($event)\">\r\n      </cide-ele-data-grid>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- Template Renderers -->\r\n<ng-template #programClassDetailsRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\r\n  <div class=\"tw-flex tw-items-center tw-space-x-3\">\r\n    <div class=\"tw-flex-shrink-0\">\r\n      <div class=\"tw-w-10 tw-h-10 tw-bg-purple-100 tw-rounded-lg tw-flex tw-items-center tw-justify-center\">\r\n        <cide-ele-icon class=\"tw-text-purple-600 tw-w-5 tw-h-5\">school</cide-ele-icon>\r\n      </div>\r\n    </div>\r\n    <div class=\"tw-min-w-0 tw-flex-1\">\r\n      <h6 class=\"tw-text-sm tw-font-semibold tw-text-gray-900 tw-truncate tw-m-0\">\r\n        {{ row?.acacpm_alise_title }}\r\n      </h6>\r\n      <p class=\"tw-text-xs tw-text-gray-500 tw-truncate tw-m-0\">\r\n        {{ row?.acacpm_class_program_id_sygms?.sygms_title }}\r\n      </p>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #programClassStatusRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\r\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n    <span [ngClass]=\"{\r\n      'tw-bg-green-100 tw-text-green-800': row?.acacpm_isactive,\r\n      'tw-bg-red-100 tw-text-red-800': !row?.acacpm_isactive\r\n    }\" class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium\">\r\n      <cide-ele-icon [ngClass]=\"{\r\n        'tw-text-green-600': row?.acacpm_isactive,\r\n        'tw-text-red-600': !row?.acacpm_isactive\r\n      }\" class=\"tw-w-3 tw-h-3 tw-mr-2\">\r\n        {{ row?.acacpm_isactive ? 'check_circle' : 'cancel' }}\r\n      </cide-ele-icon>\r\n      {{ row?.acacpm_isactive ? 'Active' : 'Inactive' }}\r\n    </span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #classProgramRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\r\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n    <cide-ele-icon class=\"tw-text-blue-600 tw-w-4 tw-h-4\">school</cide-ele-icon>\r\n    <span class=\"tw-text-sm tw-text-gray-900 tw-truncate\">\r\n      {{ row?.acacpm_class_program_id_sygms?.sygms_title || 'N/A' }}\r\n    </span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #academicYearRendererTemplate let-value=\"value\" let-row=\"row\" let-column=\"column\">\r\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n    <cide-ele-icon class=\"tw-text-green-600 tw-w-4 tw-h-4\">calendar_today</cide-ele-icon>\r\n    <span class=\"tw-text-sm tw-text-gray-900 tw-truncate\">\r\n      {{ row?.acacpm_academic_year_id_acayr?.acayr_name || 'N/A' }}\r\n    </span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\" let-value=\"value\" let-column=\"column\">\r\n  <cide-ele-dropdown\r\n    [items]=\"getActionDropdownItems(row)\"\r\n    (itemClick)=\"onDropdownItemClick($event, row)\"\r\n    size=\"sm\"\r\n    variant=\"ghost\"\r\n    icon=\"more_vert\">\r\n  </cide-ele-dropdown>\r\n</ng-template>\r\n"],"names":[],"mappings":"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"}