cloud-ide-core 2.0.3 → 2.0.5

package/fesm2022/cloud-ide-core-user-role-list.component-C6h9Zcyp.mjs

@@ -0,0 +1,475 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, viewChild, signal, computed, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { Router } from '@angular/router';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NotificationService, ConfirmationService, CideIconComponent, CideEleButtonComponent, CideEleDataGridComponent, CideEleDropdownComponent } from 'cloud-ide-element';
+import { generateStringFromObject } from 'cloud-ide-lms-model';
+import { AppStateHelperService } from 'cloud-ide-layout';
+import { C as CideCoreUserRoleService } from './cloud-ide-core-user-role.service-DNI0f0PM.mjs';
+
+class CideCoreUserRoleListComponent {
+    // Dependency injection
+    destroyRef = inject(DestroyRef);
+    userRoleService = inject(CideCoreUserRoleService);
+    router = inject(Router);
+    appState = inject(AppStateHelperService);
+    notificationService = inject(NotificationService);
+    confirmationService = inject(ConfirmationService);
+    // Modern ViewChild signals for template renderers (Angular 20 approach)
+    userRoleDetailsRendererTemplate = viewChild.required('userRoleDetailsRendererTemplate');
+    entityRendererTemplate = viewChild.required('entityRendererTemplate');
+    statusRendererTemplate = viewChild.required('statusRendererTemplate');
+    actionsDropdownRendererTemplate = viewChild.required('actionsDropdownRendererTemplate');
+    // State management using Angular Signals for server-side operations
+    userRoles = signal([], ...(ngDevMode ? [{ debugName: "userRoles" }] : []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    // Server-side pagination state
+    currentPage = signal(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
+    pageSize = signal(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+    totalItems = signal(0, ...(ngDevMode ? [{ debugName: "totalItems" }] : []));
+    totalPages = signal(0, ...(ngDevMode ? [{ debugName: "totalPages" }] : []));
+    // Server-side search state
+    searchQuery = signal('', ...(ngDevMode ? [{ debugName: "searchQuery" }] : []));
+    // Server-side sorting state
+    sortColumn = signal('syusrol_role_name', ...(ngDevMode ? [{ debugName: "sortColumn" }] : []));
+    sortDirection = signal('asc', ...(ngDevMode ? [{ debugName: "sortDirection" }] : []));
+    // Server-side filtering state
+    selectedStatusFilter = signal('', ...(ngDevMode ? [{ debugName: "selectedStatusFilter" }] : []));
+    // Getter and setter for ngModel compatibility
+    get selectedStatusFilterValue() {
+        return this.selectedStatusFilter();
+    }
+    set selectedStatusFilterValue(value) {
+        this.selectedStatusFilter.set(value);
+    }
+    // Filter options
+    statusFilterOptions = signal([
+        { value: '', label: 'All Status' },
+        { value: 'active', label: 'Active Roles' },
+        { value: 'inactive', label: 'Inactive Roles' },
+        { value: 'locked', label: 'Locked Roles' }
+    ], ...(ngDevMode ? [{ debugName: "statusFilterOptions" }] : []));
+    // Grid configuration signal
+    gridConfig = signal({
+        id: 'user-role-list-grid',
+        columns: [
+            {
+                key: 'details',
+                header: 'Role Details',
+                type: 'custom',
+                width: 'auto',
+                truncate: true,
+                align: 'left',
+                renderer: 'userRoleDetailsRenderer'
+            },
+            {
+                key: 'entity',
+                header: 'Entity',
+                type: 'custom',
+                width: '150px',
+                truncate: true,
+                align: 'left',
+                renderer: 'entityRenderer'
+            },
+            {
+                key: 'syusrol_isactive',
+                header: 'Status',
+                type: 'custom',
+                width: '120px',
+                truncate: false,
+                align: 'center',
+                renderer: 'statusRenderer'
+            },
+            {
+                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 user roles...',
+            searchableColumns: ['syusrol_role_name', 'syusrol_role_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" }] : []));
+    ngOnInit() {
+        console.log('👥 User Role List Component initialized');
+        this.loadUserRoles();
+    }
+    ngOnDestroy() {
+        console.log('👥 User Role List Component destroyed');
+    }
+    /**
+     * Load user roles from API
+     */
+    loadUserRoles() {
+        this.loading.set(true);
+        this.error.set(null);
+        const payload = {
+            pageIndex: this.currentPage(),
+            pageSize: this.pageSize(),
+            query: this.searchQuery() || "",
+            sort: {
+                key: this.sortColumn(),
+                order: this.sortDirection()
+            }
+        };
+        this.userRoleService.getUserRoleList(payload)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                if (response?.success && response.data) {
+                    this.userRoles.set(response.data);
+                    this.totalItems.set(response.data.length);
+                    this.totalPages.set(Math.ceil(response.data.length / this.pageSize()));
+                    this.updateGridData();
+                    this.notificationService.success(`Loaded ${response.data.length} user role(s) successfully.`);
+                }
+                else {
+                    console.warn('⚠️ No user role data received');
+                    this.userRoles.set([]);
+                    this.totalItems.set(0);
+                    this.totalPages.set(0);
+                    this.notificationService.warning('No user roles found.');
+                }
+                this.loading.set(false);
+            },
+            error: (error) => {
+                console.error('❌ Error loading user roles:', error);
+                this.error.set('Failed to load user roles. Please try again.');
+                this.userRoles.set([]);
+                this.totalItems.set(0);
+                this.totalPages.set(0);
+                this.loading.set(false);
+                this.notificationService.error('Failed to load user roles. Please try again.');
+            }
+        });
+    }
+    /**
+     * Update grid data
+     */
+    updateGridData() {
+        this.gridConfig.update(config => ({
+            ...config,
+            data: this.userRoles()
+        }));
+    }
+    // Computed template renderers for grid
+    templateRenderers = computed(() => ({
+        userRoleDetailsRenderer: this.userRoleDetailsRendererTemplate(),
+        entityRenderer: this.entityRendererTemplate(),
+        statusRenderer: this.statusRendererTemplate(),
+        actionsDropdownRenderer: this.actionsDropdownRendererTemplate()
+    }), ...(ngDevMode ? [{ debugName: "templateRenderers" }] : []));
+    /**
+     * 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.currentPage.set(event.data['pageIndex']);
+                    this.pageSize.set(event.data['pageSize']);
+                    this.loadUserRoles();
+                }
+                break;
+            case 'search':
+                if (event.data && typeof event.data === 'string') {
+                    this.searchQuery.set(event.data);
+                    this.currentPage.set(1);
+                    this.loadUserRoles();
+                }
+                break;
+            case 'refresh':
+                this.loadUserRoles();
+                break;
+            case 'action':
+                // Handle action events if needed
+                console.log('Action event:', event);
+                break;
+            case 'rowClick':
+                // Handle row click events if needed
+                console.log('Row click event:', event);
+                break;
+            case 'sort':
+                // Handle sort events if needed
+                console.log('Sort event:', event);
+                break;
+            case 'export':
+                // Handle export events if needed
+                console.log('Export event:', event);
+                break;
+            default:
+                console.log('🔄 Unhandled grid event:', event.type);
+        }
+    }
+    // Filter handlers
+    onStatusFilterChange() {
+        console.log('🔍 Status filter changed:', this.selectedStatusFilter());
+        this.currentPage.set(1); // Reset to first page when filtering
+        this.loadUserRoles();
+    }
+    clearFilters() {
+        console.log('🧹 Clearing filters');
+        this.selectedStatusFilter.set('');
+        this.searchQuery.set('');
+        this.currentPage.set(1);
+        this.loadUserRoles();
+    }
+    // User Role actions
+    createUserRole() {
+        console.log('➕ Navigating to create user role');
+        this.notificationService.info('Opening user role creation form.');
+        this.router.navigate(['/control-panel/user-role/create']);
+    }
+    viewUserRole(userRole) {
+        console.log('👁️ Viewing user role:', userRole);
+        this.notificationService.info(`Opening user role "${userRole.syusrol_role_name}" for viewing.`);
+        const queryParams = generateStringFromObject({ syusrol_id: userRole._id });
+        this.router.navigate(['/control-panel/user-role/view', queryParams]);
+    }
+    editUserRole(userRole) {
+        console.log('✏️ Editing user role:', userRole);
+        this.notificationService.info(`Opening user role "${userRole.syusrol_role_name}" for editing.`);
+        const queryParams = generateStringFromObject({ syusrol_id: userRole._id });
+        this.router.navigate(['/control-panel/user-role/edit', queryParams]);
+    }
+    deleteUserRole(userRole) {
+        console.log('🗑️ DELETE METHOD CALLED - Deleting user role:', userRole);
+        // Show confirmation dialog
+        console.log('🔔 Showing confirmation dialog for delete');
+        this.confirmationService.ask({
+            title: 'Delete User Role',
+            message: `Are you sure you want to delete the user role "${userRole.syusrol_role_name}"?\n\nThis action cannot be undone and will also delete all associated role rights.`,
+            confirmText: 'Delete',
+            cancelText: 'Cancel',
+            type: 'danger'
+        }).then((confirmed) => {
+            console.log('🔔 Confirmation dialog result:', confirmed);
+            if (confirmed) {
+                console.log('🗑️ Confirmed deletion, calling service with ID:', userRole._id);
+                this.loading.set(true);
+                this.userRoleService.deleteUserRole({ syusrol_id: userRole._id || '' }).subscribe({
+                    next: (response) => {
+                        if (response?.success) {
+                            console.log('✅ User role deleted successfully');
+                            this.notificationService.success(`User role "${userRole.syusrol_role_name}" has been deleted successfully.`);
+                            this.loadUserRoles(); // Reload the list
+                        }
+                        else {
+                            console.error('❌ Failed to delete user role');
+                            this.notificationService.error(response?.message || 'Failed to delete user role');
+                            this.loading.set(false);
+                        }
+                    },
+                    error: (error) => {
+                        console.error('❌ Error deleting user role:', error);
+                        this.notificationService.error('Failed to delete user role. Please try again.');
+                        this.loading.set(false);
+                    }
+                });
+            }
+        });
+    }
+    toggleUserRoleStatus(userRole) {
+        console.log('🔄 Toggling user role status:', userRole);
+        const action = userRole.syusrol_isactive ? 'deactivate' : 'activate';
+        const actionText = userRole.syusrol_isactive ? 'Deactivate' : 'Activate';
+        // Show confirmation dialog
+        console.log('🔔 Showing confirmation dialog for toggle status');
+        this.confirmationService.ask({
+            title: `${actionText} User Role`,
+            message: `Are you sure you want to ${action} the user role "${userRole.syusrol_role_name}"?`,
+            confirmText: actionText,
+            cancelText: 'Cancel',
+            type: 'warning'
+        }).then((confirmed) => {
+            console.log('🔔 Confirmation dialog result:', confirmed);
+            if (confirmed) {
+                console.log('🔄 Calling toggleUserRoleStatus with ID:', userRole._id);
+                this.userRoleService.toggleUserRoleStatus({ syusrol_id: userRole._id || '' }).subscribe({
+                    next: (response) => {
+                        console.log('🔄 Toggle user role status response:', response);
+                        if (response?.success) {
+                            console.log('✅ User role status toggled successfully');
+                            this.notificationService.success(`User role "${userRole.syusrol_role_name}" has been ${action}d successfully.`);
+                            this.loadUserRoles();
+                        }
+                        else {
+                            console.error('❌ Failed to toggle user role status');
+                            this.notificationService.error(response?.message || 'Failed to toggle user role status');
+                            this.loading.set(false);
+                        }
+                    },
+                    error: (error) => {
+                        console.error('❌ Error toggling user role status:', error);
+                        this.notificationService.error('Failed to toggle user role status. Please try again.');
+                        this.loading.set(false);
+                    }
+                });
+            }
+        });
+    }
+    /**
+     * Get dropdown configuration
+     */
+    getDropdownConfig() {
+        return {
+            triggerIcon: 'more_vert',
+            triggerSize: 'sm',
+            menuPosition: 'right',
+            forcePosition: 'bottom',
+            offsetX: 0,
+            offsetY: 4,
+            usePortal: true
+        };
+    }
+    /**
+     * Get action dropdown items
+     */
+    getActionDropdownItems(userRole) {
+        console.log('🔽 Generating dropdown items for:', userRole.syusrol_role_name);
+        console.log('🔽 User role data:', {
+            isActive: userRole.syusrol_isactive
+        });
+        const items = [
+            {
+                id: 'view',
+                label: 'View Details',
+                icon: 'visibility',
+                iconColor: 'tw-text-gray-400',
+                textColor: 'tw-text-gray-700',
+                hoverBgColor: 'hover:tw-bg-gray-100'
+            },
+            {
+                id: 'edit',
+                label: 'Edit',
+                icon: 'edit',
+                iconColor: 'tw-text-blue-400',
+                textColor: 'tw-text-blue-600',
+                hoverBgColor: 'hover:tw-bg-blue-50'
+            },
+            {
+                id: 'toggle-status',
+                label: userRole.syusrol_isactive ? 'Deactivate' : 'Activate',
+                icon: userRole.syusrol_isactive ? 'toggle_off' : 'toggle_on',
+                iconColor: 'tw-text-gray-400',
+                textColor: 'tw-text-gray-700',
+                hoverBgColor: 'hover:tw-bg-gray-100'
+            },
+            {
+                id: 'delete',
+                label: 'Delete',
+                icon: 'delete',
+                iconColor: 'tw-text-red-400',
+                textColor: 'tw-text-red-600',
+                hoverBgColor: 'hover:tw-bg-red-50',
+                divider: true
+            }
+        ];
+        return items;
+    }
+    /**
+     * Handle dropdown item click
+     */
+    onDropdownItemClick(item, userRole) {
+        console.log('🔽 Dropdown item clicked:', item.id, 'for user role:', userRole.syusrol_role_name);
+        switch (item.id) {
+            case 'view':
+                this.viewUserRole(userRole);
+                break;
+            case 'edit':
+                this.editUserRole(userRole);
+                break;
+            case 'toggle-status':
+                this.toggleUserRoleStatus(userRole);
+                break;
+            case 'delete':
+                this.deleteUserRole(userRole);
+                break;
+            default:
+                console.log('❓ Unknown dropdown item clicked:', item.id);
+        }
+    }
+    // Export handler
+    handleExport(format) {
+        console.log(`📤 Exporting user roles as ${format}`);
+        // Implement export logic here
+        // Could export current filtered/sorted data or all data
+    }
+    // Utility methods
+    formatDate(date) {
+        if (!date)
+            return '-';
+        return new Date(date).toLocaleDateString();
+    }
+    getStatusBadgeClass(userRole) {
+        if (userRole.syusrol_isactive)
+            return 'tw-bg-green-100 tw-text-green-800';
+        return 'tw-bg-orange-100 tw-text-orange-800';
+    }
+    getStatusText(userRole) {
+        if (userRole.syusrol_isactive)
+            return 'Active';
+        return 'Inactive';
+    }
+    getEntityName(entity) {
+        if (typeof entity === 'object' && entity?.syen_name) {
+            return entity.syen_name;
+        }
+        return entity || 'N/A';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideCoreUserRoleListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideCoreUserRoleListComponent, isStandalone: true, selector: "cide-core-user-role-list", viewQueries: [{ propertyName: "userRoleDetailsRendererTemplate", first: true, predicate: ["userRoleDetailsRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "entityRendererTemplate", first: true, predicate: ["entityRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "statusRendererTemplate", first: true, predicate: ["statusRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "actionsDropdownRendererTemplate", first: true, predicate: ["actionsDropdownRendererTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- User Role Container -->\n<div class=\"tw-table tw-w-full tw-h-full\">\n\n  <!-- Header Section with Filters -->\n  <div class=\"tw-table-row tw-h-0\">\n    <div class=\"tw-table-cell tw-px-4 tw-py-2 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n      <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-2 sm:tw-space-y-0\">\n        \n        <!-- Title and Back Button -->\n        <div class=\"tw-flex tw-items-center tw-space-x-3\">\n          <div class=\"tw-flex tw-items-center tw-space-x-2\">\n            <h1 class=\"tw-text-2xl tw-font-bold tw-text-gray-900 tw-flex tw-items-center tw-gap-2\">\n              <cide-ele-icon variant=\"blue\" size=\"lg\">admin_panel_settings</cide-ele-icon>\n              User Role Management\n            </h1>\n          </div>\n        </div>\n\n        <!-- Actions -->\n        <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-2 sm:tw-space-y-0 sm:tw-space-x-3\">\n          <button cideEleButton variant=\"primary\" size=\"md\" leftIcon=\"add\" \n            (click)=\"createUserRole()\">\n            Create User Role\n          </button>\n        </div>\n      </div>\n\n      <!-- Error Message -->\n      @if (error()) {\n        <div class=\"tw-mt-3 tw-p-3 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n          <div class=\"tw-flex tw-items-start\">\n            <cide-ele-icon name=\"error\" class=\"tw-text-red-400 tw-w-4 tw-h-4 tw-mt-0.5 tw-flex-shrink-0\"></cide-ele-icon>\n            <div class=\"tw-ml-3\">\n              <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800 tw-m-0\">Error</h3>\n              <p class=\"tw-text-sm tw-text-red-700 tw-mt-1 tw-m-0\">{{ error() }}</p>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Main Content Area -->\n  <div class=\"tw-table-row\">\n    <div class=\"tw-table-cell tw-h-full tw-relative\">\n      \n      <!-- Data Grid Component -->\n      <div class=\"tw-h-full tw-overflow-auto\">\n        <cide-ele-data-grid \n          [config]=\"gridConfig()\" \n          [templateRenderers]=\"templateRenderers()\"\n          (gridEvent)=\"onGridEvent($event)\">\n        </cide-ele-data-grid>\n      </div>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Template Renderers -->\n<ng-template #userRoleDetailsRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-w-full\">\n    <div class=\"tw-font-medium tw-text-gray-900\">{{ row.syusrol_role_name || 'N/A' }}</div>\n    <div class=\"tw-text-sm tw-text-gray-500 tw-truncate\">{{ row.syusrol_role_description || 'No description' }}</div>\n  </div>\n</ng-template>\n\n<ng-template #entityRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-text-sm\">\n    <span class=\"tw-text-gray-900\">{{ getEntityName(row.syusrol_role_entity_id_syen) }}</span>\n  </div>\n</ng-template>\n\n<ng-template #statusRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-items-center tw-justify-center\">\n    <!-- Active/Inactive Status Badge -->\n    <span class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-text-center\"\n      [ngClass]=\"getStatusBadgeClass(row)\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">\n        {{ row.syusrol_isactive ? 'check_circle' : 'cancel' }}\n      </cide-ele-icon>\n      {{ getStatusText(row) }}\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\">\n  <cide-ele-dropdown\n    [items]=\"getActionDropdownItems(row)\"\n    [config]=\"{ triggerIcon: 'more_vert', triggerSize: 'sm' }\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template>\n", styles: [".user-role-listing-container{@apply tw-w-full tw-h-full;}:host{@apply tw-w-full tw-h-full tw-flex tw-flex-col;}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { 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: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }, { 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: CideCoreUserRoleListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-core-user-role-list', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        CideIconComponent,
+                        CideEleButtonComponent,
+                        CideEleDataGridComponent,
+                        CideEleDropdownComponent
+                    ], template: "<!-- User Role Container -->\n<div class=\"tw-table tw-w-full tw-h-full\">\n\n  <!-- Header Section with Filters -->\n  <div class=\"tw-table-row tw-h-0\">\n    <div class=\"tw-table-cell tw-px-4 tw-py-2 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n      <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-2 sm:tw-space-y-0\">\n        \n        <!-- Title and Back Button -->\n        <div class=\"tw-flex tw-items-center tw-space-x-3\">\n          <div class=\"tw-flex tw-items-center tw-space-x-2\">\n            <h1 class=\"tw-text-2xl tw-font-bold tw-text-gray-900 tw-flex tw-items-center tw-gap-2\">\n              <cide-ele-icon variant=\"blue\" size=\"lg\">admin_panel_settings</cide-ele-icon>\n              User Role Management\n            </h1>\n          </div>\n        </div>\n\n        <!-- Actions -->\n        <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-2 sm:tw-space-y-0 sm:tw-space-x-3\">\n          <button cideEleButton variant=\"primary\" size=\"md\" leftIcon=\"add\" \n            (click)=\"createUserRole()\">\n            Create User Role\n          </button>\n        </div>\n      </div>\n\n      <!-- Error Message -->\n      @if (error()) {\n        <div class=\"tw-mt-3 tw-p-3 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n          <div class=\"tw-flex tw-items-start\">\n            <cide-ele-icon name=\"error\" class=\"tw-text-red-400 tw-w-4 tw-h-4 tw-mt-0.5 tw-flex-shrink-0\"></cide-ele-icon>\n            <div class=\"tw-ml-3\">\n              <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800 tw-m-0\">Error</h3>\n              <p class=\"tw-text-sm tw-text-red-700 tw-mt-1 tw-m-0\">{{ error() }}</p>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Main Content Area -->\n  <div class=\"tw-table-row\">\n    <div class=\"tw-table-cell tw-h-full tw-relative\">\n      \n      <!-- Data Grid Component -->\n      <div class=\"tw-h-full tw-overflow-auto\">\n        <cide-ele-data-grid \n          [config]=\"gridConfig()\" \n          [templateRenderers]=\"templateRenderers()\"\n          (gridEvent)=\"onGridEvent($event)\">\n        </cide-ele-data-grid>\n      </div>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Template Renderers -->\n<ng-template #userRoleDetailsRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-w-full\">\n    <div class=\"tw-font-medium tw-text-gray-900\">{{ row.syusrol_role_name || 'N/A' }}</div>\n    <div class=\"tw-text-sm tw-text-gray-500 tw-truncate\">{{ row.syusrol_role_description || 'No description' }}</div>\n  </div>\n</ng-template>\n\n<ng-template #entityRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-text-sm\">\n    <span class=\"tw-text-gray-900\">{{ getEntityName(row.syusrol_role_entity_id_syen) }}</span>\n  </div>\n</ng-template>\n\n<ng-template #statusRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-items-center tw-justify-center\">\n    <!-- Active/Inactive Status Badge -->\n    <span class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-text-center\"\n      [ngClass]=\"getStatusBadgeClass(row)\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">\n        {{ row.syusrol_isactive ? 'check_circle' : 'cancel' }}\n      </cide-ele-icon>\n      {{ getStatusText(row) }}\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\">\n  <cide-ele-dropdown\n    [items]=\"getActionDropdownItems(row)\"\n    [config]=\"{ triggerIcon: 'more_vert', triggerSize: 'sm' }\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template>\n", styles: [".user-role-listing-container{@apply tw-w-full tw-h-full;}:host{@apply tw-w-full tw-h-full tw-flex tw-flex-col;}\n"] }]
+        }] });
+
+export { CideCoreUserRoleListComponent };
+//# sourceMappingURL=cloud-ide-core-user-role-list.component-C6h9Zcyp.mjs.map

package/fesm2022/cloud-ide-core-user-role-list.component-C6h9Zcyp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-ide-core-user-role-list.component-C6h9Zcyp.mjs","sources":["../../../projects/cloud-ide-core/src/lib/core/user-role-management/components/user-role-list/user-role-list.component.ts","../../../projects/cloud-ide-core/src/lib/core/user-role-management/components/user-role-list/user-role-list.component.html"],"sourcesContent":["import { Component, signal, computed, viewChild, TemplateRef, DestroyRef, inject, OnInit, OnDestroy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { CideEleDataGridComponent, CideIconComponent, CideEleButtonComponent, CideSelectComponent, GridConfiguration, GridEvent, CideEleDropdownComponent, DropdownItem, TemplateContext, NotificationService, ConfirmationService, DropdownConfig } from 'cloud-ide-element';\nimport { type MUserRole, generateStringFromObject } from 'cloud-ide-lms-model';\nimport { AppStateHelperService } from 'cloud-ide-layout';\nimport { CideCoreUserRoleService } from '../../services/user-role.service';\nimport { Observable, forkJoin, of } from 'rxjs';\nimport { map, catchError, switchMap } from 'rxjs/operators';\nimport type { UserRole, Entity, ApiResponse } from '../../interfaces/user-role.interface';\nimport type { MUserRoleDeletePayload, MUserRoleToggleStatusPayload } from 'cloud-ide-lms-model';\n\n@Component({\n  selector: 'cide-core-user-role-list',\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    CideIconComponent,\n    CideEleButtonComponent,\n    CideEleDataGridComponent,\n    CideEleDropdownComponent\n  ],\n  templateUrl: './user-role-list.component.html',\n  styles: [`\n    .user-role-listing-container {\n      @apply tw-w-full tw-h-full;\n    }\n    \n    :host {\n      @apply tw-w-full tw-h-full tw-flex tw-flex-col;\n    }\n  `]\n})\nexport class CideCoreUserRoleListComponent implements OnInit, OnDestroy {\n  // Dependency injection\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly userRoleService = inject(CideCoreUserRoleService);\n  private readonly router = inject(Router);\n  private readonly appState = inject(AppStateHelperService);\n  private readonly notificationService = inject(NotificationService);\n  private readonly confirmationService = inject(ConfirmationService);\n\n  // Modern ViewChild signals for template renderers (Angular 20 approach)\n  userRoleDetailsRendererTemplate = viewChild.required<TemplateRef<TemplateContext>>('userRoleDetailsRendererTemplate');\n  entityRendererTemplate = viewChild.required<TemplateRef<TemplateContext>>('entityRendererTemplate');\n  statusRendererTemplate = viewChild.required<TemplateRef<TemplateContext>>('statusRendererTemplate');\n  actionsDropdownRendererTemplate = viewChild.required<TemplateRef<TemplateContext>>('actionsDropdownRendererTemplate');\n\n  // State management using Angular Signals for server-side operations\n  userRoles = signal<UserRole[]>([]);\n  loading = signal(false);\n  error = signal<string | null>(null);\n\n  // Server-side pagination state\n  currentPage = signal(1);\n  pageSize = signal(10);\n  totalItems = signal(0);\n  totalPages = signal(0);\n\n  // Server-side search state\n  searchQuery = signal('');\n\n  // Server-side sorting state\n  sortColumn = signal('syusrol_role_name');\n  sortDirection = signal<'asc' | 'desc'>('asc');\n\n  // Server-side filtering state\n  selectedStatusFilter = signal('');\n\n  // Getter and setter for ngModel compatibility\n  get selectedStatusFilterValue(): string {\n    return this.selectedStatusFilter();\n  }\n\n  set selectedStatusFilterValue(value: string) {\n    this.selectedStatusFilter.set(value);\n  }\n\n  // Filter options\n  statusFilterOptions = signal([\n    { value: '', label: 'All Status' },\n    { value: 'active', label: 'Active Roles' },\n    { value: 'inactive', label: 'Inactive Roles' },\n    { value: 'locked', label: 'Locked Roles' }\n  ]);\n\n  // Grid configuration signal\n  gridConfig = signal<GridConfiguration<UserRole>>({\n    id: 'user-role-list-grid',\n    columns: [\n      {\n        key: 'details',\n        header: 'Role Details',\n        type: 'custom',\n        width: 'auto',\n        truncate: true,\n        align: 'left',\n        renderer: 'userRoleDetailsRenderer'\n      },\n      {\n        key: 'entity',\n        header: 'Entity',\n        type: 'custom',\n        width: '150px',\n        truncate: true,\n        align: 'left',\n        renderer: 'entityRenderer'\n      },\n      {\n        key: 'syusrol_isactive',\n        header: 'Status',\n        type: 'custom',\n        width: '120px',\n        truncate: false,\n        align: 'center',\n        renderer: 'statusRenderer'\n      },\n      {\n        key: 'actions',\n        header: '',\n        type: 'custom',\n        width: '150px',\n        truncate: false,\n        align: 'center',\n        renderer: 'actionsDropdownRenderer'\n      }\n    ],\n    data: [],\n    trackBy: '_id',\n    pagination: {\n      enabled: true,\n      pageSize: 10,\n      pageSizeOptions: [10, 25, 50, 100],\n      showQuickJump: true,\n      showPageInfo: true,\n      showRefresh: true\n    },\n    search: {\n      enabled: true,\n      placeholder: 'Search user roles...',\n      searchableColumns: ['syusrol_role_name', 'syusrol_role_description'],\n      debounceMs: 300\n    },\n    loading: {\n      useDefer: true,\n      skeletonRows: 5,\n      showOverlay: false\n    },\n    scroll: {\n      enabled: true,\n      maxHeight: '',\n      minHeight: '',\n      stickyHeader: true,\n      virtualScroll: false,\n      rowHeight: 50\n    },\n    responsive: true,\n    striped: false,\n    bordered: true,\n    compact: false,\n    tableClass: 'tw-table-fixed tw-w-full tw-rounded-none'\n  });\n\n  ngOnInit(): void {\n    console.log('👥 User Role List Component initialized');\n    this.loadUserRoles();\n  }\n\n  ngOnDestroy(): void {\n    console.log('👥 User Role List Component destroyed');\n  }\n\n  /**\n   * Load user roles from API\n   */\n  loadUserRoles(): void {\n    this.loading.set(true);\n    this.error.set(null);\n\n    const payload: MUserRole = {\n      pageIndex: this.currentPage(),\n      pageSize: this.pageSize(),\n      query: this.searchQuery() || \"\",\n      sort: {\n        key: this.sortColumn(),\n        order: this.sortDirection()\n      }\n    };\n\n    this.userRoleService.getUserRoleList(payload)\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe({\n        next: (response) => {\n          if (response?.success && response.data) {\n            this.userRoles.set(response.data);\n            this.totalItems.set(response.data.length);\n            this.totalPages.set(Math.ceil(response.data.length / this.pageSize()));\n            this.updateGridData();\n            this.notificationService.success(`Loaded ${response.data.length} user role(s) successfully.`);\n          } else {\n            console.warn('⚠️ No user role data received');\n            this.userRoles.set([]);\n            this.totalItems.set(0);\n            this.totalPages.set(0);\n            this.notificationService.warning('No user roles found.');\n          }\n          this.loading.set(false);\n        },\n        error: (error) => {\n          console.error('❌ Error loading user roles:', error);\n          this.error.set('Failed to load user roles. Please try again.');\n          this.userRoles.set([]);\n          this.totalItems.set(0);\n          this.totalPages.set(0);\n          this.loading.set(false);\n          this.notificationService.error('Failed to load user roles. Please try again.');\n        }\n      });\n  }\n\n  /**\n   * Update grid data\n   */\n  private updateGridData(): void {\n    this.gridConfig.update(config => ({\n      ...config,\n      data: this.userRoles()\n    }));\n  }\n\n  // Computed template renderers for grid\n  templateRenderers = computed((): Record<string, TemplateRef<TemplateContext>> => ({\n    userRoleDetailsRenderer: this.userRoleDetailsRendererTemplate(),\n    entityRenderer: this.entityRendererTemplate(),\n    statusRenderer: this.statusRendererTemplate(),\n    actionsDropdownRenderer: this.actionsDropdownRendererTemplate()\n  }));\n\n  /**\n   * Handle grid events\n   */\n  onGridEvent(event: GridEvent<UserRole>): void {\n    switch (event.type) {\n      case 'pageChange':\n        if (event.data && typeof event.data === 'object' && 'pageIndex' in event.data && 'pageSize' in event.data) {\n          this.currentPage.set(event.data['pageIndex'] as number);\n          this.pageSize.set(event.data['pageSize'] as number);\n          this.loadUserRoles();\n        }\n        break;\n      case 'search':\n        if (event.data && typeof event.data === 'string') {\n          this.searchQuery.set(event.data);\n          this.currentPage.set(1);\n          this.loadUserRoles();\n        }\n        break;\n      case 'refresh':\n        this.loadUserRoles();\n        break;\n      case 'action':\n        // Handle action events if needed\n        console.log('Action event:', event);\n        break;\n      case 'rowClick':\n        // Handle row click events if needed\n        console.log('Row click event:', event);\n        break;\n      case 'sort':\n        // Handle sort events if needed\n        console.log('Sort event:', event);\n        break;\n      case 'export':\n        // Handle export events if needed\n        console.log('Export event:', event);\n        break;\n      default:\n        console.log('🔄 Unhandled grid event:', event.type);\n    }\n  }\n\n  // Filter handlers\n  onStatusFilterChange(): void {\n    console.log('🔍 Status filter changed:', this.selectedStatusFilter());\n    this.currentPage.set(1); // Reset to first page when filtering\n    this.loadUserRoles();\n  }\n\n  clearFilters(): void {\n    console.log('🧹 Clearing filters');\n    this.selectedStatusFilter.set('');\n    this.searchQuery.set('');\n    this.currentPage.set(1);\n    this.loadUserRoles();\n  }\n\n  // User Role actions\n  createUserRole(): void {\n    console.log('➕ Navigating to create user role');\n    this.notificationService.info('Opening user role creation form.');\n    this.router.navigate(['/control-panel/user-role/create']);\n  }\n\n  viewUserRole(userRole: UserRole): void {\n    console.log('👁️ Viewing user role:', userRole);\n    this.notificationService.info(`Opening user role \"${userRole.syusrol_role_name}\" for viewing.`);\n    const queryParams = generateStringFromObject({ syusrol_id: userRole._id });\n    this.router.navigate(['/control-panel/user-role/view', queryParams]);\n  }\n\n  editUserRole(userRole: UserRole): void {\n    console.log('✏️ Editing user role:', userRole);\n    \n    this.notificationService.info(`Opening user role \"${userRole.syusrol_role_name}\" for editing.`);\n    const queryParams = generateStringFromObject({ syusrol_id: userRole._id });\n    this.router.navigate(['/control-panel/user-role/edit', queryParams]);\n  }\n\n  deleteUserRole(userRole: UserRole): void {\n    console.log('🗑️ DELETE METHOD CALLED - Deleting user role:', userRole);\n    \n    // Show confirmation dialog\n    console.log('🔔 Showing confirmation dialog for delete');\n    this.confirmationService.ask({\n      title: 'Delete User Role',\n      message: `Are you sure you want to delete the user role \"${userRole.syusrol_role_name}\"?\\n\\nThis action cannot be undone and will also delete all associated role rights.`,\n      confirmText: 'Delete',\n      cancelText: 'Cancel',\n      type: 'danger'\n    }).then((confirmed: boolean) => {\n      console.log('🔔 Confirmation dialog result:', confirmed);\n      if (confirmed) {\n        console.log('🗑️ Confirmed deletion, calling service with ID:', userRole._id);\n        this.loading.set(true);\n        \n         this.userRoleService.deleteUserRole({ syusrol_id: userRole._id || '' } as MUserRoleDeletePayload).subscribe({\n          next: (response) => {\n            if (response?.success) {\n              console.log('✅ User role deleted successfully');\n              this.notificationService.success(`User role \"${userRole.syusrol_role_name}\" has been deleted successfully.`);\n              this.loadUserRoles(); // Reload the list\n            } else {\n              console.error('❌ Failed to delete user role');\n              this.notificationService.error(response?.message || 'Failed to delete user role');\n              this.loading.set(false);\n            }\n          },\n          error: (error) => {\n            console.error('❌ Error deleting user role:', error);\n            this.notificationService.error('Failed to delete user role. Please try again.');\n            this.loading.set(false);\n          }\n        });\n      }\n    });\n  }\n\n  toggleUserRoleStatus(userRole: UserRole): void {\n    console.log('🔄 Toggling user role status:', userRole);\n    \n    const action = userRole.syusrol_isactive ? 'deactivate' : 'activate';\n    const actionText = userRole.syusrol_isactive ? 'Deactivate' : 'Activate';\n    \n    // Show confirmation dialog\n    console.log('🔔 Showing confirmation dialog for toggle status');\n    this.confirmationService.ask({\n      title: `${actionText} User Role`,\n      message: `Are you sure you want to ${action} the user role \"${userRole.syusrol_role_name}\"?`,\n      confirmText: actionText,\n      cancelText: 'Cancel',\n      type: 'warning'\n    }).then((confirmed: boolean) => {\n      console.log('🔔 Confirmation dialog result:', confirmed);\n      if (confirmed) {\n        console.log('🔄 Calling toggleUserRoleStatus with ID:', userRole._id);\n         this.userRoleService.toggleUserRoleStatus({ syusrol_id: userRole._id || '' } as MUserRoleToggleStatusPayload).subscribe({\n          next: (response) => {\n            console.log('🔄 Toggle user role status response:', response);\n            if (response?.success) {\n              console.log('✅ User role status toggled successfully');\n              this.notificationService.success(`User role \"${userRole.syusrol_role_name}\" has been ${action}d successfully.`);\n              this.loadUserRoles();\n            } else {\n              console.error('❌ Failed to toggle user role status');\n              this.notificationService.error(response?.message || 'Failed to toggle user role status');\n              this.loading.set(false);\n            }\n          },\n          error: (error) => {\n            console.error('❌ Error toggling user role status:', error);\n            this.notificationService.error('Failed to toggle user role status. Please try again.');\n            this.loading.set(false);\n          }\n        });\n      }\n    });\n  }\n\n  /**\n   * Get dropdown configuration\n   */\n  getDropdownConfig(): DropdownConfig {\n    return {\n      triggerIcon: 'more_vert',\n      triggerSize: 'sm',\n      menuPosition: 'right',\n      forcePosition: 'bottom',\n      offsetX: 0,\n      offsetY: 4,\n      usePortal: true\n    };\n  }\n\n  /**\n   * Get action dropdown items\n   */\n  getActionDropdownItems(userRole: UserRole): DropdownItem[] {\n    console.log('🔽 Generating dropdown items for:', userRole.syusrol_role_name);\n    console.log('🔽 User role data:', {\n      isActive: userRole.syusrol_isactive\n    });\n    \n    const items: DropdownItem[] = [\n      {\n        id: 'view',\n        label: 'View Details',\n        icon: 'visibility',\n        iconColor: 'tw-text-gray-400',\n        textColor: 'tw-text-gray-700',\n        hoverBgColor: 'hover:tw-bg-gray-100'\n      },\n      {\n        id: 'edit',\n        label: 'Edit',\n        icon: 'edit',\n        iconColor: 'tw-text-blue-400',\n        textColor: 'tw-text-blue-600',\n        hoverBgColor: 'hover:tw-bg-blue-50'\n      },\n      {\n        id: 'toggle-status',\n        label: userRole.syusrol_isactive ? 'Deactivate' : 'Activate',\n        icon: userRole.syusrol_isactive ? 'toggle_off' : 'toggle_on',\n        iconColor: 'tw-text-gray-400',\n        textColor: 'tw-text-gray-700',\n        hoverBgColor: 'hover:tw-bg-gray-100'\n      },\n      {\n        id: 'delete',\n        label: 'Delete',\n        icon: 'delete',\n        iconColor: 'tw-text-red-400',\n        textColor: 'tw-text-red-600',\n        hoverBgColor: 'hover:tw-bg-red-50',\n        divider: true\n      }\n    ];\n    return items;\n  }\n\n  /**\n   * Handle dropdown item click\n   */\n  onDropdownItemClick(item: DropdownItem, userRole: UserRole): void {\n    console.log('🔽 Dropdown item clicked:', item.id, 'for user role:', userRole.syusrol_role_name);\n    \n    switch (item.id) {\n      case 'view':\n        this.viewUserRole(userRole);\n        break;\n      case 'edit':\n        this.editUserRole(userRole);\n        break;\n      case 'toggle-status':\n        this.toggleUserRoleStatus(userRole);\n        break;\n      case 'delete':\n        this.deleteUserRole(userRole);\n        break;\n      default:\n        console.log('❓ Unknown dropdown item clicked:', item.id);\n    }\n  }\n\n  // Export handler\n  private handleExport(format: string): void {\n    console.log(`📤 Exporting user roles as ${format}`);\n    // Implement export logic here\n    // Could export current filtered/sorted data or all data\n  }\n\n  // Utility methods\n  formatDate(date: string | Date): string {\n    if (!date) return '-';\n    return new Date(date).toLocaleDateString();\n  }\n\n  getStatusBadgeClass(userRole: UserRole): string {\n    if (userRole.syusrol_isactive) return 'tw-bg-green-100 tw-text-green-800';\n    return 'tw-bg-orange-100 tw-text-orange-800';\n  }\n\n  getStatusText(userRole: UserRole): string {\n    if (userRole.syusrol_isactive) return 'Active';\n    return 'Inactive';\n  }\n\n  getEntityName(entity: any): string {\n    if (typeof entity === 'object' && entity?.syen_name) {\n      return entity.syen_name;\n    }\n    return entity || 'N/A';\n  }\n}\n","<!-- User Role Container -->\n<div class=\"tw-table tw-w-full tw-h-full\">\n\n  <!-- Header Section with Filters -->\n  <div class=\"tw-table-row tw-h-0\">\n    <div class=\"tw-table-cell tw-px-4 tw-py-2 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n      <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-2 sm:tw-space-y-0\">\n        \n        <!-- Title and Back Button -->\n        <div class=\"tw-flex tw-items-center tw-space-x-3\">\n          <div class=\"tw-flex tw-items-center tw-space-x-2\">\n            <h1 class=\"tw-text-2xl tw-font-bold tw-text-gray-900 tw-flex tw-items-center tw-gap-2\">\n              <cide-ele-icon variant=\"blue\" size=\"lg\">admin_panel_settings</cide-ele-icon>\n              User Role Management\n            </h1>\n          </div>\n        </div>\n\n        <!-- Actions -->\n        <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-2 sm:tw-space-y-0 sm:tw-space-x-3\">\n          <button cideEleButton variant=\"primary\" size=\"md\" leftIcon=\"add\" \n            (click)=\"createUserRole()\">\n            Create User Role\n          </button>\n        </div>\n      </div>\n\n      <!-- Error Message -->\n      @if (error()) {\n        <div class=\"tw-mt-3 tw-p-3 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n          <div class=\"tw-flex tw-items-start\">\n            <cide-ele-icon name=\"error\" class=\"tw-text-red-400 tw-w-4 tw-h-4 tw-mt-0.5 tw-flex-shrink-0\"></cide-ele-icon>\n            <div class=\"tw-ml-3\">\n              <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800 tw-m-0\">Error</h3>\n              <p class=\"tw-text-sm tw-text-red-700 tw-mt-1 tw-m-0\">{{ error() }}</p>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Main Content Area -->\n  <div class=\"tw-table-row\">\n    <div class=\"tw-table-cell tw-h-full tw-relative\">\n      \n      <!-- Data Grid Component -->\n      <div class=\"tw-h-full tw-overflow-auto\">\n        <cide-ele-data-grid \n          [config]=\"gridConfig()\" \n          [templateRenderers]=\"templateRenderers()\"\n          (gridEvent)=\"onGridEvent($event)\">\n        </cide-ele-data-grid>\n      </div>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Template Renderers -->\n<ng-template #userRoleDetailsRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-w-full\">\n    <div class=\"tw-font-medium tw-text-gray-900\">{{ row.syusrol_role_name || 'N/A' }}</div>\n    <div class=\"tw-text-sm tw-text-gray-500 tw-truncate\">{{ row.syusrol_role_description || 'No description' }}</div>\n  </div>\n</ng-template>\n\n<ng-template #entityRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-flex-col tw-text-sm\">\n    <span class=\"tw-text-gray-900\">{{ getEntityName(row.syusrol_role_entity_id_syen) }}</span>\n  </div>\n</ng-template>\n\n<ng-template #statusRendererTemplate let-row=\"row\">\n  <div class=\"tw-flex tw-items-center tw-justify-center\">\n    <!-- Active/Inactive Status Badge -->\n    <span class=\"tw-inline-flex tw-items-center tw-justify-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-text-center\"\n      [ngClass]=\"getStatusBadgeClass(row)\">\n      <cide-ele-icon size=\"2xs\" class=\"tw-mr-1\">\n        {{ row.syusrol_isactive ? 'check_circle' : 'cancel' }}\n      </cide-ele-icon>\n      {{ getStatusText(row) }}\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\">\n  <cide-ele-dropdown\n    [items]=\"getActionDropdownItems(row)\"\n    [config]=\"{ triggerIcon: 'more_vert', triggerSize: 'sm' }\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template>\n"],"names":[],"mappings":"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"}