cloud-ide-academics 0.0.1 → 0.0.2

package/fesm2022/cloud-ide-academics-program-term-section-list.component-xVeeeGDV.mjs

@@ -0,0 +1,478 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable, 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 { HttpClient } from '@angular/common/http';
+import { generateStringFromObject, cidePath, hostManagerRoutesUrl, academicsRoutesUrl } from 'cloud-ide-lms-model';
+
+class CideLytProgramTermSectionService {
+    http = inject(HttpClient);
+    /**
+     * Get list of program term sections
+     * @param payload - Query parameters for filtering/pagination
+     * @returns Observable of program term section list response
+     */
+    getProgramTermSectionList(payload) {
+        console.log("Program Term Section List Payload:", payload);
+        const query = generateStringFromObject(payload);
+        const url = cidePath.join([
+            hostManagerRoutesUrl.cideSuiteHost,
+            academicsRoutesUrl.module,
+            academicsRoutesUrl.programTermSection,
+            query
+        ]);
+        return this.http.get(url);
+    }
+    /**
+     * Get program term section by ID
+     * @param payload - Program term section ID payload
+     * @returns Observable of program term section data
+     */
+    getProgramTermSectionById(payload) {
+        const query = generateStringFromObject(payload);
+        const url = cidePath.join([
+            hostManagerRoutesUrl.cideSuiteHost,
+            academicsRoutesUrl.module,
+            academicsRoutesUrl.programTermSection,
+            'byId',
+            query
+        ]);
+        return this.http.get(url);
+    }
+    /**
+     * Create or update program term section
+     * @param data - Program term section data to save
+     * @returns Observable of the save response
+     */
+    saveProgramTermSection(data) {
+        const url = cidePath.join([
+            hostManagerRoutesUrl.cideSuiteHost,
+            academicsRoutesUrl.module,
+            academicsRoutesUrl.programTermSection
+        ]);
+        return this.http.post(url, data);
+    }
+    /**
+     * Delete program term section
+     * @param payload - Program term section delete payload
+     * @returns Observable of the delete response
+     */
+    deleteProgramTermSection(payload) {
+        const query = generateStringFromObject(payload);
+        const url = cidePath.join([
+            hostManagerRoutesUrl.cideSuiteHost,
+            academicsRoutesUrl.module,
+            academicsRoutesUrl.programTermSection,
+            query
+        ]);
+        return this.http.delete(url);
+    }
+    /**
+     * Toggle program term section status (active/inactive)
+     * @param payload - Program term section toggle status payload
+     * @returns Observable of the toggle status response
+     */
+    toggleProgramTermSectionStatus(payload) {
+        const query = generateStringFromObject(payload);
+        const url = cidePath.join([
+            hostManagerRoutesUrl.cideSuiteHost,
+            academicsRoutesUrl.module,
+            academicsRoutesUrl.programTermSection,
+            'toggleStatus',
+            query
+        ]);
+        return this.http.put(url, {});
+    }
+    /**
+     * Toggle program term section lock status
+     * @param payload - Program term section toggle lock payload
+     * @returns Observable of the toggle lock response
+     */
+    toggleProgramTermSectionLock(payload) {
+        const query = generateStringFromObject(payload);
+        const url = cidePath.join([
+            hostManagerRoutesUrl.cideSuiteHost,
+            academicsRoutesUrl.module,
+            academicsRoutesUrl.programTermSection,
+            'toggleLock',
+            query
+        ]);
+        return this.http.put(url, {});
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytProgramTermSectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytProgramTermSectionService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideLytProgramTermSectionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class ProgramTermSectionListComponent {
+    // Dependency injection
+    destroyRef = inject(DestroyRef);
+    router = inject(Router);
+    appState = inject(AppStateHelperService);
+    notificationService = inject(NotificationService);
+    confirmationService = inject(ConfirmationService);
+    programTermSectionService = inject(CideLytProgramTermSectionService);
+    // Modern ViewChild signals for template renderers (Angular 20 approach)
+    programTermSectionDetailsRendererTemplate = viewChild.required('programTermSectionDetailsRendererTemplate');
+    programTermSectionStatusRendererTemplate = viewChild.required('programTermSectionStatusRendererTemplate');
+    actionsDropdownRendererTemplate = viewChild.required('actionsDropdownRendererTemplate');
+    // Computed template renderers for grid
+    templateRenderers = computed(() => ({
+        programTermSectionDetailsRenderer: this.programTermSectionDetailsRendererTemplate(),
+        programTermSectionStatusRenderer: this.programTermSectionStatusRendererTemplate(),
+        actionsDropdownRenderer: this.actionsDropdownRendererTemplate()
+    }), ...(ngDevMode ? [{ debugName: "templateRenderers" }] : []));
+    // Make Math available in template
+    Math = Math;
+    // Signals for reactive state management
+    programTermSections = signal([], ...(ngDevMode ? [{ debugName: "programTermSections" }] : []));
+    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
+    filteredProgramTermSections = computed(() => {
+        const q = (this.searchTerm() || '').toLowerCase().trim();
+        const items = this.programTermSections() || [];
+        if (!q)
+            return items;
+        return items.filter(pts => {
+            const name = (pts.acapts_name || '').toLowerCase();
+            const code = (pts.acapts_code || '').toLowerCase();
+            const description = (pts.acapts_description || '').toLowerCase();
+            return name.includes(q) || code.includes(q) || description.includes(q);
+        });
+    }, ...(ngDevMode ? [{ debugName: "filteredProgramTermSections" }] : []));
+    // Grid configuration signal
+    gridConfig = signal({
+        id: 'program-term-section-list-grid',
+        columns: [
+            {
+                key: 'details',
+                header: 'Section Details',
+                type: 'custom',
+                width: 'auto',
+                truncate: true,
+                align: 'left',
+                renderer: 'programTermSectionDetailsRenderer'
+            },
+            {
+                key: 'acapts_code',
+                header: 'Code',
+                type: 'text',
+                width: '120px',
+                truncate: true,
+                align: 'left'
+            },
+            {
+                key: 'acapts_class_program_id_acacpm',
+                header: 'Program Class',
+                type: 'custom',
+                width: '200px',
+                truncate: true,
+                align: 'left',
+                renderer: 'programClassRenderer'
+            },
+            {
+                key: 'acapts_parent_class_prog_term_acapt',
+                header: 'Class Program Term',
+                type: 'custom',
+                width: '200px',
+                truncate: true,
+                align: 'left',
+                renderer: 'classProgramTermRenderer'
+            },
+            {
+                key: 'acapts_isactive',
+                header: 'Status',
+                type: 'custom',
+                width: '120px',
+                truncate: false,
+                align: 'center',
+                renderer: 'programTermSectionStatusRenderer'
+            },
+            {
+                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 term sections...',
+            searchableColumns: ['acapts_name', 'acapts_code', 'acapts_description'],
+            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(programTermSection) {
+        const items = [
+            {
+                id: 'view',
+                label: 'View Details',
+                icon: 'visibility',
+                iconColor: 'tw-text-gray-400',
+                textColor: 'tw-text-gray-700'
+            },
+            {
+                id: 'edit',
+                label: 'Edit Section',
+                icon: 'edit',
+                iconColor: 'tw-text-blue-400',
+                textColor: 'tw-text-blue-700'
+            },
+            {
+                id: 'toggleStatus',
+                label: programTermSection?.acapts_isactive ? 'Deactivate' : 'Activate',
+                icon: programTermSection?.acapts_isactive ? 'toggle_off' : 'toggle_on',
+                iconColor: programTermSection?.acapts_isactive ? 'tw-text-orange-400' : 'tw-text-green-400',
+                textColor: programTermSection?.acapts_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, programTermSection) {
+        switch (item.id) {
+            case 'view':
+                this.viewProgramTermSection(programTermSection);
+                break;
+            case 'edit':
+                this.editProgramTermSection(programTermSection);
+                break;
+            case 'toggleStatus':
+                this.toggleProgramTermSectionStatus(programTermSection);
+                break;
+            case 'delete':
+                this.deleteProgramTermSection(programTermSection);
+                break;
+        }
+    }
+    ngOnInit() {
+        this.loadProgramTermSections();
+    }
+    /**
+     * Load program term sections data
+     */
+    loadProgramTermSections() {
+        this.loading.set(true);
+        this.error.set(null);
+        const payload = {
+            pageIndex: 0,
+            pageSize: 100,
+            query: this.searchTerm() || "",
+            sort: {
+                key: 'acapts_name',
+                order: 'asc'
+            }
+        };
+        this.programTermSectionService.getProgramTermSectionList(payload)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                if (response?.success && response.data) {
+                    console.log('📚 Program term sections loaded:', response.data);
+                    this.programTermSections.set(response.data);
+                    this.updateGridData();
+                    this.notificationService.success(`Loaded ${response.data.length} program term section(s) successfully.`);
+                }
+                else {
+                    console.warn('⚠️ No program term section data received');
+                    this.programTermSections.set([]);
+                    this.updateGridData();
+                    this.notificationService.warning('No program term sections found.');
+                }
+                this.loading.set(false);
+            },
+            error: (error) => {
+                console.error('❌ Error loading program term sections:', error);
+                this.error.set('Failed to load program term sections');
+                this.loading.set(false);
+                this.notificationService.error('Failed to load program term sections');
+            }
+        });
+    }
+    /**
+     * Update grid data
+     */
+    updateGridData() {
+        this.gridConfig.update(config => ({
+            ...config,
+            data: this.filteredProgramTermSections()
+        }));
+    }
+    /**
+     * 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.loadProgramTermSections();
+                }
+                break;
+            case 'search':
+                this.searchTerm.set(event.data);
+                this.updateGridData();
+                break;
+            case 'refresh':
+                this.loadProgramTermSections();
+                break;
+        }
+    }
+    /**
+     * Create new program term section
+     */
+    createProgramTermSection() {
+        this.router.navigate(['/control-panel/program-term-section/create']);
+    }
+    /**
+     * View program term section details
+     */
+    viewProgramTermSection(programTermSection) {
+        this.router.navigate(['/control-panel/program-term-section/view', programTermSection._id]);
+    }
+    /**
+     * Edit program term section
+     */
+    editProgramTermSection(programTermSection) {
+        this.router.navigate(['/control-panel/program-term-section/edit', programTermSection._id]);
+    }
+    /**
+     * Delete program term section
+     */
+    deleteProgramTermSection(programTermSection) {
+        this.confirmationService.confirmDelete(programTermSection?.acapts_name).then((confirmed) => {
+            if (confirmed) {
+                this.loading.set(true);
+                const payload = {
+                    acapts_id: programTermSection._id
+                };
+                this.programTermSectionService.deleteProgramTermSection(payload)
+                    .pipe(takeUntilDestroyed(this.destroyRef))
+                    .subscribe({
+                    next: (response) => {
+                        if (response?.success) {
+                            this.programTermSections.update(sections => sections.filter(pts => pts._id !== programTermSection._id));
+                            this.updateGridData();
+                            this.notificationService.success('Program term section deleted successfully.');
+                        }
+                        else {
+                            this.notificationService.error('Failed to delete program term section.');
+                        }
+                        this.loading.set(false);
+                    },
+                    error: (error) => {
+                        console.error('❌ Error deleting program term section:', error);
+                        this.notificationService.error('Failed to delete program term section.');
+                        this.loading.set(false);
+                    }
+                });
+            }
+        });
+    }
+    /**
+     * Toggle program term section status
+     */
+    toggleProgramTermSectionStatus(programTermSection) {
+        this.loading.set(true);
+        const payload = {
+            acapts_id: programTermSection._id
+        };
+        this.programTermSectionService.toggleProgramTermSectionStatus(payload)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                if (response?.success) {
+                    this.programTermSections.update(sections => sections.map(pts => pts._id === programTermSection._id
+                        ? { ...pts, acapts_isactive: !pts.acapts_isactive }
+                        : pts));
+                    this.updateGridData();
+                    this.notificationService.success(`Program term section ${programTermSection?.acapts_isactive ? 'deactivated' : 'activated'} successfully.`);
+                }
+                else {
+                    this.notificationService.error('Failed to toggle program term section status.');
+                }
+                this.loading.set(false);
+            },
+            error: (error) => {
+                console.error('❌ Error toggling program term section status:', error);
+                this.notificationService.error('Failed to toggle program term section status.');
+                this.loading.set(false);
+            }
+        });
+    }
+    /**
+     * Refresh data
+     */
+    refreshData() {
+        this.loadProgramTermSections();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ProgramTermSectionListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: ProgramTermSectionListComponent, isStandalone: true, selector: "cide-academics-program-term-section-list", viewQueries: [{ propertyName: "programTermSectionDetailsRendererTemplate", first: true, predicate: ["programTermSectionDetailsRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "programTermSectionStatusRendererTemplate", first: true, predicate: ["programTermSectionStatusRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "actionsDropdownRendererTemplate", first: true, predicate: ["actionsDropdownRendererTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Program Term Section 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-teal-600 tw-w-5 tw-h-5\">group</cide-ele-icon>\r\n          <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">Program Term Section 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)=\"createProgramTermSection()\">\r\n            Create Program Term Section\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 #programTermSectionDetailsRendererTemplate let-value=\"value\" let-item=\"item\" 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-teal-100 tw-rounded-lg tw-flex tw-items-center tw-justify-center\">\r\n        <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">group</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        {{ item?.acapts_name }}\r\n      </h6>\r\n      <p class=\"tw-text-xs tw-text-gray-500 tw-truncate tw-m-0\">\r\n        {{ item?.acapts_description }}\r\n      </p>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #programTermSectionStatusRendererTemplate let-value=\"value\" let-item=\"item\" let-column=\"column\">\r\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n    @if (item?.acapts_iscurrent) {\r\n    <span class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-blue-100 tw-text-blue-800\">\r\n      <cide-ele-icon class=\"tw-w-3 tw-h-3 tw-mr-1\">star</cide-ele-icon>\r\n      Current\r\n    </span>\r\n    }\r\n    @if (item?.acapts_islocked) {\r\n    <span class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-yellow-100 tw-text-yellow-800\">\r\n      <cide-ele-icon class=\"tw-w-3 tw-h-3 tw-mr-1\">lock</cide-ele-icon>\r\n      Locked\r\n    </span>\r\n    }\r\n    <span [ngClass]=\"{\r\n      'tw-bg-green-100 tw-text-green-800': item?.acapts_isactive,\r\n      'tw-bg-red-100 tw-text-red-800': !item?.acapts_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': item?.acapts_isactive,\r\n        'tw-text-red-600': !item?.acapts_isactive\r\n      }\" class=\"tw-w-3 tw-h-3 tw-mr-1\">\r\n        {{ item?.acapts_isactive ? 'check_circle' : 'cancel' }}\r\n      </cide-ele-icon>\r\n      {{ item?.acapts_isactive ? 'Active' : 'Inactive' }}\r\n    </span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #actionsDropdownRendererTemplate let-value=\"value\" let-item=\"item\" let-column=\"column\">\r\n  <cide-ele-dropdown\r\n    [items]=\"getActionDropdownItems(item)\"\r\n    (itemClick)=\"onDropdownItemClick($event, item)\"\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: ProgramTermSectionListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-academics-program-term-section-list', standalone: true, imports: [
+                        CommonModule,
+                        CideEleDataGridComponent,
+                        CideIconComponent,
+                        CideEleButtonComponent,
+                        CideEleDropdownComponent
+                    ], template: "<!-- Program Term Section 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-teal-600 tw-w-5 tw-h-5\">group</cide-ele-icon>\r\n          <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">Program Term Section 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)=\"createProgramTermSection()\">\r\n            Create Program Term Section\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 #programTermSectionDetailsRendererTemplate let-value=\"value\" let-item=\"item\" 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-teal-100 tw-rounded-lg tw-flex tw-items-center tw-justify-center\">\r\n        <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">group</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        {{ item?.acapts_name }}\r\n      </h6>\r\n      <p class=\"tw-text-xs tw-text-gray-500 tw-truncate tw-m-0\">\r\n        {{ item?.acapts_description }}\r\n      </p>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #programTermSectionStatusRendererTemplate let-value=\"value\" let-item=\"item\" let-column=\"column\">\r\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n    @if (item?.acapts_iscurrent) {\r\n    <span class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-blue-100 tw-text-blue-800\">\r\n      <cide-ele-icon class=\"tw-w-3 tw-h-3 tw-mr-1\">star</cide-ele-icon>\r\n      Current\r\n    </span>\r\n    }\r\n    @if (item?.acapts_islocked) {\r\n    <span class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-yellow-100 tw-text-yellow-800\">\r\n      <cide-ele-icon class=\"tw-w-3 tw-h-3 tw-mr-1\">lock</cide-ele-icon>\r\n      Locked\r\n    </span>\r\n    }\r\n    <span [ngClass]=\"{\r\n      'tw-bg-green-100 tw-text-green-800': item?.acapts_isactive,\r\n      'tw-bg-red-100 tw-text-red-800': !item?.acapts_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': item?.acapts_isactive,\r\n        'tw-text-red-600': !item?.acapts_isactive\r\n      }\" class=\"tw-w-3 tw-h-3 tw-mr-1\">\r\n        {{ item?.acapts_isactive ? 'check_circle' : 'cancel' }}\r\n      </cide-ele-icon>\r\n      {{ item?.acapts_isactive ? 'Active' : 'Inactive' }}\r\n    </span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #actionsDropdownRendererTemplate let-value=\"value\" let-item=\"item\" let-column=\"column\">\r\n  <cide-ele-dropdown\r\n    [items]=\"getActionDropdownItems(item)\"\r\n    (itemClick)=\"onDropdownItemClick($event, item)\"\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 { ProgramTermSectionListComponent };
+//# sourceMappingURL=cloud-ide-academics-program-term-section-list.component-xVeeeGDV.mjs.map

package/fesm2022/cloud-ide-academics-program-term-section-list.component-xVeeeGDV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-ide-academics-program-term-section-list.component-xVeeeGDV.mjs","sources":["../../../projects/cloud-ide-academics/src/lib/collection/program-term-section-management/services/program-term-section.service.ts","../../../projects/cloud-ide-academics/src/lib/collection/program-term-section-management/components/program-term-section-list/program-term-section-list.component.ts","../../../projects/cloud-ide-academics/src/lib/collection/program-term-section-management/components/program-term-section-list/program-term-section-list.component.html"],"sourcesContent":["import { Injectable, inject } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { Observable } from 'rxjs';\r\nimport {\r\n  cidePath,\r\n  academicsRoutesUrl,\r\n  hostManagerRoutesUrl,\r\n  generateStringFromObject,\r\n  type prgTrmSectionControllerResponse,\r\n  type MPrgTrmSection,\r\n  type prgTrmSectionByIdControllerResponse,\r\n  type MPrgTrmSectionGetByIdPayload,\r\n  type prgTrmSectionInsertUpdateControllerResponse,\r\n  type MPrgTrmSectionInsertUpdatePayload,\r\n  type prgTrmSectionDeleteControllerResponse,\r\n  type MPrgTrmSectionDeletePayload,\r\n  type prgTrmSectionToggleStatusControllerResponse,\r\n  type MPrgTrmSectionToggleStatusPayload,\r\n  type prgTrmSectionToggleLockControllerResponse,\r\n  type MPrgTrmSectionToggleLockPayload\r\n} from 'cloud-ide-lms-model';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class CideLytProgramTermSectionService {\r\n  private http = inject(HttpClient);\r\n\r\n  /**\r\n   * Get list of program term sections\r\n   * @param payload - Query parameters for filtering/pagination\r\n   * @returns Observable of program term section list response\r\n   */\r\n  getProgramTermSectionList(payload: MPrgTrmSection): Observable<prgTrmSectionControllerResponse> {\r\n    console.log(\"Program Term Section List Payload:\", payload);\r\n    const query = generateStringFromObject(payload);\r\n    const url = cidePath.join([\r\n      hostManagerRoutesUrl.cideSuiteHost,\r\n      academicsRoutesUrl.module,\r\n      academicsRoutesUrl.programTermSection,\r\n      query\r\n    ]);\r\n\r\n    return this.http.get(url);\r\n  }\r\n\r\n  /**\r\n   * Get program term section by ID\r\n   * @param payload - Program term section ID payload\r\n   * @returns Observable of program term section data\r\n   */\r\n  getProgramTermSectionById(payload: MPrgTrmSectionGetByIdPayload): Observable<prgTrmSectionByIdControllerResponse> {\r\n    const query = generateStringFromObject(payload);\r\n    const url = cidePath.join([\r\n      hostManagerRoutesUrl.cideSuiteHost,\r\n      academicsRoutesUrl.module,\r\n      academicsRoutesUrl.programTermSection,\r\n      'byId',\r\n      query\r\n    ]);\r\n\r\n    return this.http.get(url);\r\n  }\r\n\r\n  /**\r\n   * Create or update program term section\r\n   * @param data - Program term section data to save\r\n   * @returns Observable of the save response\r\n   */\r\n  saveProgramTermSection(data: MPrgTrmSectionInsertUpdatePayload): Observable<prgTrmSectionInsertUpdateControllerResponse> {\r\n    const url = cidePath.join([\r\n      hostManagerRoutesUrl.cideSuiteHost,\r\n      academicsRoutesUrl.module,\r\n      academicsRoutesUrl.programTermSection\r\n    ]);\r\n\r\n    return this.http.post(url, data);\r\n  }\r\n\r\n  /**\r\n   * Delete program term section\r\n   * @param payload - Program term section delete payload\r\n   * @returns Observable of the delete response\r\n   */\r\n  deleteProgramTermSection(payload: MPrgTrmSectionDeletePayload): Observable<prgTrmSectionDeleteControllerResponse> {\r\n    const query = generateStringFromObject(payload);\r\n    const url = cidePath.join([\r\n      hostManagerRoutesUrl.cideSuiteHost,\r\n      academicsRoutesUrl.module,\r\n      academicsRoutesUrl.programTermSection,\r\n      query\r\n    ]);\r\n\r\n    return this.http.delete(url);\r\n  }\r\n\r\n  /**\r\n   * Toggle program term section status (active/inactive)\r\n   * @param payload - Program term section toggle status payload\r\n   * @returns Observable of the toggle status response\r\n   */\r\n  toggleProgramTermSectionStatus(payload: MPrgTrmSectionToggleStatusPayload): Observable<prgTrmSectionToggleStatusControllerResponse> {\r\n    const query = generateStringFromObject(payload);\r\n    const url = cidePath.join([\r\n      hostManagerRoutesUrl.cideSuiteHost,\r\n      academicsRoutesUrl.module,\r\n      academicsRoutesUrl.programTermSection,\r\n      'toggleStatus',\r\n      query\r\n    ]);\r\n\r\n    return this.http.put(url, {});\r\n  }\r\n\r\n  /**\r\n   * Toggle program term section lock status\r\n   * @param payload - Program term section toggle lock payload\r\n   * @returns Observable of the toggle lock response\r\n   */\r\n  toggleProgramTermSectionLock(payload: MPrgTrmSectionToggleLockPayload): Observable<prgTrmSectionToggleLockControllerResponse> {\r\n    const query = generateStringFromObject(payload);\r\n    const url = cidePath.join([\r\n      hostManagerRoutesUrl.cideSuiteHost,\r\n      academicsRoutesUrl.module,\r\n      academicsRoutesUrl.programTermSection,\r\n      'toggleLock',\r\n      query\r\n    ]);\r\n\r\n    return this.http.put(url, {});\r\n  }\r\n}\r\n","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 MPrgTrmSection,\r\n  type MPrgTrmSectionDeletePayload,\r\n  type MPrgTrmSectionToggleStatusPayload\r\n} from 'cloud-ide-lms-model';\r\nimport { CideLytProgramTermSectionService } from '../../services/program-term-section.service';\r\n\r\n// Interfaces based on the model files\r\ninterface ProgramTermSection {\r\n  _id?: string;\r\n  acapts_code?: string;\r\n  acapts_name?: string;\r\n  acapts_description?: string;\r\n  acapts_class_program_id_acacpm?: {\r\n    _id?: string;\r\n    acacpm_name?: string;\r\n  };\r\n  acapts_parent_class_prog_term_acapt?: {\r\n    _id?: string;\r\n    acapt_name?: string;\r\n  };\r\n  acapts_isactive?: boolean;\r\n  acapts_iscurrent?: boolean;\r\n  acapts_islocked?: boolean;\r\n}\r\n\r\n@Component({\r\n  selector: 'cide-academics-program-term-section-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-term-section-list.component.html'\r\n})\r\nexport class ProgramTermSectionListComponent 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 programTermSectionService = inject(CideLytProgramTermSectionService);\r\n\r\n  // Modern ViewChild signals for template renderers (Angular 20 approach)\r\n  programTermSectionDetailsRendererTemplate = viewChild.required<TemplateRef<TemplateContext>>('programTermSectionDetailsRendererTemplate');\r\n  programTermSectionStatusRendererTemplate = viewChild.required<TemplateRef<TemplateContext>>('programTermSectionStatusRendererTemplate');\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    programTermSectionDetailsRenderer: this.programTermSectionDetailsRendererTemplate(),\r\n    programTermSectionStatusRenderer: this.programTermSectionStatusRendererTemplate(),\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  programTermSections = signal<ProgramTermSection[]>([]);\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  filteredProgramTermSections = computed(() => {\r\n    const q = (this.searchTerm() || '').toLowerCase().trim();\r\n    const items = this.programTermSections() || [];\r\n    if (!q) return items;\r\n    return items.filter(pts => {\r\n      const name = (pts.acapts_name || '').toLowerCase();\r\n      const code = (pts.acapts_code || '').toLowerCase();\r\n      const description = (pts.acapts_description || '').toLowerCase();\r\n      return name.includes(q) || code.includes(q) || description.includes(q);\r\n    });\r\n  });\r\n\r\n  // Grid configuration signal\r\n  gridConfig = signal<GridConfiguration<ProgramTermSection>>({\r\n    id: 'program-term-section-list-grid',\r\n    columns: [\r\n      {\r\n        key: 'details',\r\n        header: 'Section Details',\r\n        type: 'custom',\r\n        width: 'auto',\r\n        truncate: true,\r\n        align: 'left',\r\n        renderer: 'programTermSectionDetailsRenderer'\r\n      },\r\n      {\r\n        key: 'acapts_code',\r\n        header: 'Code',\r\n        type: 'text',\r\n        width: '120px',\r\n        truncate: true,\r\n        align: 'left'\r\n      },\r\n      {\r\n        key: 'acapts_class_program_id_acacpm',\r\n        header: 'Program Class',\r\n        type: 'custom',\r\n        width: '200px',\r\n        truncate: true,\r\n        align: 'left',\r\n        renderer: 'programClassRenderer'\r\n      },\r\n      {\r\n        key: 'acapts_parent_class_prog_term_acapt',\r\n        header: 'Class Program Term',\r\n        type: 'custom',\r\n        width: '200px',\r\n        truncate: true,\r\n        align: 'left',\r\n        renderer: 'classProgramTermRenderer'\r\n      },\r\n      {\r\n        key: 'acapts_isactive',\r\n        header: 'Status',\r\n        type: 'custom',\r\n        width: '120px',\r\n        truncate: false,\r\n        align: 'center',\r\n        renderer: 'programTermSectionStatusRenderer'\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 term sections...',\r\n      searchableColumns: ['acapts_name', 'acapts_code', 'acapts_description'],\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(programTermSection: ProgramTermSection): 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 Section',\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: 'toggleStatus',\r\n        label: programTermSection?.acapts_isactive ? 'Deactivate' : 'Activate',\r\n        icon: programTermSection?.acapts_isactive ? 'toggle_off' : 'toggle_on',\r\n        iconColor: programTermSection?.acapts_isactive ? 'tw-text-orange-400' : 'tw-text-green-400',\r\n        textColor: programTermSection?.acapts_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, programTermSection: ProgramTermSection): void {\r\n    switch (item.id) {\r\n      case 'view':\r\n        this.viewProgramTermSection(programTermSection);\r\n        break;\r\n      case 'edit':\r\n        this.editProgramTermSection(programTermSection);\r\n        break;\r\n      case 'toggleStatus':\r\n        this.toggleProgramTermSectionStatus(programTermSection);\r\n        break;\r\n      case 'delete':\r\n        this.deleteProgramTermSection(programTermSection);\r\n        break;\r\n    }\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.loadProgramTermSections();\r\n  }\r\n\r\n  /**\r\n   * Load program term sections data\r\n   */\r\n  private loadProgramTermSections(): void {\r\n    this.loading.set(true);\r\n    this.error.set(null);\r\n\r\n    const payload: MPrgTrmSection = {\r\n      pageIndex: 0,\r\n      pageSize: 100,\r\n      query: this.searchTerm() || \"\",\r\n      sort: {\r\n        key: 'acapts_name',\r\n        order: 'asc'\r\n      }\r\n    };\r\n\r\n    this.programTermSectionService.getProgramTermSectionList(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 term sections loaded:', response.data);\r\n            this.programTermSections.set(response.data);\r\n            this.updateGridData();\r\n            this.notificationService.success(`Loaded ${response.data.length} program term section(s) successfully.`);\r\n          } else {\r\n            console.warn('⚠️ No program term section data received');\r\n            this.programTermSections.set([]);\r\n            this.updateGridData();\r\n            this.notificationService.warning('No program term sections found.');\r\n          }\r\n          this.loading.set(false);\r\n        },\r\n        error: (error) => {\r\n          console.error('❌ Error loading program term sections:', error);\r\n          this.error.set('Failed to load program term sections');\r\n          this.loading.set(false);\r\n          this.notificationService.error('Failed to load program term sections');\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.filteredProgramTermSections()\r\n    }));\r\n  }\r\n\r\n  /**\r\n   * Handle grid events\r\n   */\r\n  onGridEvent(event: GridEvent<ProgramTermSection>): 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.loadProgramTermSections();\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.loadProgramTermSections();\r\n        break;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Create new program term section\r\n   */\r\n  createProgramTermSection(): void {\r\n    this.router.navigate(['/control-panel/program-term-section/create']);\r\n  }\r\n\r\n  /**\r\n   * View program term section details\r\n   */\r\n  viewProgramTermSection(programTermSection: ProgramTermSection): void {\r\n    this.router.navigate(['/control-panel/program-term-section/view', programTermSection._id]);\r\n  }\r\n\r\n  /**\r\n   * Edit program term section\r\n   */\r\n  editProgramTermSection(programTermSection: ProgramTermSection): void {\r\n    this.router.navigate(['/control-panel/program-term-section/edit', programTermSection._id]);\r\n  }\r\n\r\n  /**\r\n   * Delete program term section\r\n   */\r\n  deleteProgramTermSection(programTermSection: ProgramTermSection): void {\r\n    this.confirmationService.confirmDelete(programTermSection?.acapts_name).then((confirmed: boolean) => {\r\n      if (confirmed) {\r\n        this.loading.set(true);\r\n        const payload: MPrgTrmSectionDeletePayload = {\r\n          acapts_id: programTermSection._id!\r\n        };\r\n\r\n        this.programTermSectionService.deleteProgramTermSection(payload)\r\n          .pipe(takeUntilDestroyed(this.destroyRef))\r\n          .subscribe({\r\n            next: (response) => {\r\n              if (response?.success) {\r\n                this.programTermSections.update(sections => \r\n                  sections.filter(pts => pts._id !== programTermSection._id)\r\n                );\r\n                this.updateGridData();\r\n                this.notificationService.success('Program term section deleted successfully.');\r\n              } else {\r\n                this.notificationService.error('Failed to delete program term section.');\r\n              }\r\n              this.loading.set(false);\r\n            },\r\n            error: (error) => {\r\n              console.error('❌ Error deleting program term section:', error);\r\n              this.notificationService.error('Failed to delete program term section.');\r\n              this.loading.set(false);\r\n            }\r\n          });\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Toggle program term section status\r\n   */\r\n  toggleProgramTermSectionStatus(programTermSection: ProgramTermSection): void {\r\n    this.loading.set(true);\r\n    const payload: MPrgTrmSectionToggleStatusPayload = {\r\n      acapts_id: programTermSection._id!\r\n    };\r\n\r\n    this.programTermSectionService.toggleProgramTermSectionStatus(payload)\r\n      .pipe(takeUntilDestroyed(this.destroyRef))\r\n      .subscribe({\r\n        next: (response) => {\r\n          if (response?.success) {\r\n            this.programTermSections.update(sections => \r\n              sections.map(pts => \r\n                pts._id === programTermSection._id \r\n                  ? { ...pts, acapts_isactive: !pts.acapts_isactive }\r\n                  : pts\r\n              )\r\n            );\r\n            this.updateGridData();\r\n            this.notificationService.success(`Program term section ${programTermSection?.acapts_isactive ? 'deactivated' : 'activated'} successfully.`);\r\n          } else {\r\n            this.notificationService.error('Failed to toggle program term section status.');\r\n          }\r\n          this.loading.set(false);\r\n        },\r\n        error: (error) => {\r\n          console.error('❌ Error toggling program term section status:', error);\r\n          this.notificationService.error('Failed to toggle program term section 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.loadProgramTermSections();\r\n  }\r\n}\r\n","<!-- Program Term Section 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-teal-600 tw-w-5 tw-h-5\">group</cide-ele-icon>\r\n          <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">Program Term Section 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)=\"createProgramTermSection()\">\r\n            Create Program Term Section\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 #programTermSectionDetailsRendererTemplate let-value=\"value\" let-item=\"item\" 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-teal-100 tw-rounded-lg tw-flex tw-items-center tw-justify-center\">\r\n        <cide-ele-icon class=\"tw-text-teal-600 tw-w-5 tw-h-5\">group</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        {{ item?.acapts_name }}\r\n      </h6>\r\n      <p class=\"tw-text-xs tw-text-gray-500 tw-truncate tw-m-0\">\r\n        {{ item?.acapts_description }}\r\n      </p>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #programTermSectionStatusRendererTemplate let-value=\"value\" let-item=\"item\" let-column=\"column\">\r\n  <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n    @if (item?.acapts_iscurrent) {\r\n    <span class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-blue-100 tw-text-blue-800\">\r\n      <cide-ele-icon class=\"tw-w-3 tw-h-3 tw-mr-1\">star</cide-ele-icon>\r\n      Current\r\n    </span>\r\n    }\r\n    @if (item?.acapts_islocked) {\r\n    <span class=\"tw-inline-flex tw-items-center tw-px-2 tw-py-1 tw-rounded-full tw-text-xs tw-font-medium tw-bg-yellow-100 tw-text-yellow-800\">\r\n      <cide-ele-icon class=\"tw-w-3 tw-h-3 tw-mr-1\">lock</cide-ele-icon>\r\n      Locked\r\n    </span>\r\n    }\r\n    <span [ngClass]=\"{\r\n      'tw-bg-green-100 tw-text-green-800': item?.acapts_isactive,\r\n      'tw-bg-red-100 tw-text-red-800': !item?.acapts_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': item?.acapts_isactive,\r\n        'tw-text-red-600': !item?.acapts_isactive\r\n      }\" class=\"tw-w-3 tw-h-3 tw-mr-1\">\r\n        {{ item?.acapts_isactive ? 'check_circle' : 'cancel' }}\r\n      </cide-ele-icon>\r\n      {{ item?.acapts_isactive ? 'Active' : 'Inactive' }}\r\n    </span>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #actionsDropdownRendererTemplate let-value=\"value\" let-item=\"item\" let-column=\"column\">\r\n  <cide-ele-dropdown\r\n    [items]=\"getActionDropdownItems(item)\"\r\n    (itemClick)=\"onDropdownItemClick($event, item)\"\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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"}