cloud-ide-academics 0.0.52 → 0.0.53

package/fesm2022/cloud-ide-academics-bonafide-request-detail.component-BRG6AkHZ.mjs

@@ -0,0 +1,216 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, signal, computed, effect, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule, DatePipe } from '@angular/common';
+import { Router, ActivatedRoute } from '@angular/router';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NotificationService, CideEleButtonComponent, CideIconComponent } from 'cloud-ide-element';
+import { RightsService, CideLytSharedService, CideLytSharedWrapperComponent } from 'cloud-ide-layout';
+import { C as CideAcademicsBonafideService } from './cloud-ide-academics-bonafide.service-DB6ySuGe.mjs';
+import { generateObjectFromString } from 'cloud-ide-lms-model';
+
+class CideAcademicsBonafideRequestDetailComponent {
+    destroyRef = inject(DestroyRef);
+    bonafideService = inject(CideAcademicsBonafideService);
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    rightsService = inject(RightsService);
+    sharedService = inject(CideLytSharedService);
+    notificationService = inject(NotificationService);
+    request = signal(null, ...(ngDevMode ? [{ debugName: "request" }] : []));
+    history = signal([], ...(ngDevMode ? [{ debugName: "history" }] : []));
+    loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    loadingHistory = signal(false, ...(ngDevMode ? [{ debugName: "loadingHistory" }] : []));
+    error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+    // Page config
+    pageTitle = signal('', ...(ngDevMode ? [{ debugName: "pageTitle" }] : []));
+    pageSubtitle = signal('', ...(ngDevMode ? [{ debugName: "pageSubtitle" }] : []));
+    pageCode = signal('academics_bonafide_detail', ...(ngDevMode ? [{ debugName: "pageCode" }] : []));
+    canView = computed(() => this.rightsService.hasRight('VIEW'), ...(ngDevMode ? [{ debugName: "canView" }] : []));
+    canDownload = computed(() => this.rightsService.hasRight('DOWNLOAD'), ...(ngDevMode ? [{ debugName: "canDownload" }] : []));
+    hasSoftCopy = computed(() => {
+        const req = this.request();
+        return !!(req?.abnr_soft_copy_id_cyfm);
+    }, ...(ngDevMode ? [{ debugName: "hasSoftCopy" }] : []));
+    hasStampedCopy = computed(() => {
+        const req = this.request();
+        return !!(req?.abnr_stamped_copy_id_cyfm);
+    }, ...(ngDevMode ? [{ debugName: "hasStampedCopy" }] : []));
+    constructor() {
+        // Watch for page data changes
+        effect(() => {
+            const currentPageCode = this.pageCode();
+            if (!currentPageCode)
+                return;
+            const pageDataCache = this.sharedService.pageDataStore();
+            const cachedData = pageDataCache[currentPageCode];
+            const page = cachedData?.data?.page;
+            if (page) {
+                const cfgString = page?.sypg_configuration;
+                if (cfgString) {
+                    try {
+                        const cfg = JSON.parse(cfgString);
+                        this.pageTitle.set(cfg.title || page?.sypg_title || '');
+                        this.pageSubtitle.set(cfg.subTitle || page?.sypg_desc || '');
+                    }
+                    catch (e) {
+                        console.warn('Invalid page config JSON', e);
+                        this.pageTitle.set(page?.sypg_title || '');
+                        this.pageSubtitle.set(page?.sypg_desc || '');
+                    }
+                }
+                else {
+                    this.pageTitle.set(page?.sypg_title || '');
+                    this.pageSubtitle.set(page?.sypg_desc || '');
+                }
+            }
+        });
+    }
+    ngOnInit() {
+        // Initialize rights
+        this.rightsService.initializeRights('academics_bonafide_detail');
+        // Get request ID from route
+        this.route.params.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(params => {
+            const query = params['query'];
+            if (query) {
+                const queryObj = generateObjectFromString(query);
+                const requestId = queryObj.abnr_id || queryObj._id;
+                if (requestId) {
+                    this.loadRequest(requestId);
+                    this.loadHistory(requestId);
+                }
+                else {
+                    this.error.set('Request ID not found in route');
+                }
+            }
+        });
+    }
+    loadRequest(requestId) {
+        this.loading.set(true);
+        this.error.set(null);
+        this.bonafideService.getRequestById(requestId)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                if (response.success) {
+                    this.request.set(response.data);
+                }
+                else {
+                    this.error.set(response.message || 'Failed to load request');
+                }
+                this.loading.set(false);
+            },
+            error: (err) => {
+                console.error('Error loading request:', err);
+                this.error.set(err.message || 'Failed to load request');
+                this.loading.set(false);
+            }
+        });
+    }
+    loadHistory(requestId) {
+        this.loadingHistory.set(true);
+        this.bonafideService.getHistory(requestId)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (response) => {
+                if (response.success) {
+                    this.history.set(Array.isArray(response.data) ? response.data : []);
+                }
+                this.loadingHistory.set(false);
+            },
+            error: (err) => {
+                console.error('Error loading history:', err);
+                this.history.set([]);
+                this.loadingHistory.set(false);
+            }
+        });
+    }
+    getStatusText() {
+        const req = this.request();
+        if (!req)
+            return 'N/A';
+        const status = req.abnr_status_id_sygms;
+        if (!status)
+            return 'N/A';
+        if (typeof status === 'string')
+            return status;
+        return status.sygms_title || status.sygms_code || 'N/A';
+    }
+    getStatusBadgeClass() {
+        const statusText = this.getStatusText().toUpperCase();
+        if (statusText.includes('PENDING')) {
+            return 'tw-inline-flex tw-items-center tw-px-3 tw-py-1 tw-rounded-full tw-text-sm tw-font-medium tw-bg-yellow-100 tw-text-yellow-800 dark:tw-bg-yellow-900/30 dark:tw-text-yellow-300';
+        }
+        else if (statusText.includes('REVIEW')) {
+            return 'tw-inline-flex tw-items-center tw-px-3 tw-py-1 tw-rounded-full tw-text-sm tw-font-medium tw-bg-blue-100 tw-text-blue-800 dark:tw-bg-blue-900/30 dark:tw-text-blue-300';
+        }
+        else if (statusText.includes('APPROVED')) {
+            return 'tw-inline-flex tw-items-center tw-px-3 tw-py-1 tw-rounded-full tw-text-sm tw-font-medium tw-bg-green-100 tw-text-green-800 dark:tw-bg-green-900/30 dark:tw-text-green-300';
+        }
+        else if (statusText.includes('COMPLETED')) {
+            return 'tw-inline-flex tw-items-center tw-px-3 tw-py-1 tw-rounded-full tw-text-sm tw-font-medium tw-bg-emerald-100 tw-text-emerald-800 dark:tw-bg-emerald-900/30 dark:tw-text-emerald-300';
+        }
+        else if (statusText.includes('REJECTED')) {
+            return 'tw-inline-flex tw-items-center tw-px-3 tw-py-1 tw-rounded-full tw-text-sm tw-font-medium tw-bg-red-100 tw-text-red-800 dark:tw-bg-red-900/30 dark:tw-text-red-300';
+        }
+        return 'tw-inline-flex tw-items-center tw-px-3 tw-py-1 tw-rounded-full tw-text-sm tw-font-medium tw-bg-gray-100 tw-text-gray-800 dark:tw-bg-gray-700 dark:tw-text-gray-300';
+    }
+    getStudentName() {
+        const req = this.request();
+        if (!req)
+            return 'N/A';
+        const student = req.abnr_student_id_auth;
+        if (!student)
+            return 'N/A';
+        if (typeof student === 'string')
+            return student;
+        return student.user_fullname || student.user_username || 'N/A';
+    }
+    downloadCertificate(fileType) {
+        const req = this.request();
+        if (!req || !req._id) {
+            this.notificationService.error('Request ID not found');
+            return;
+        }
+        try {
+            this.bonafideService.downloadCertificate(req._id, fileType);
+            this.notificationService.success(`Downloading ${fileType === 'soft-copy' ? 'soft copy' : 'stamped copy'}...`);
+        }
+        catch (error) {
+            console.error('Error downloading certificate:', error);
+            this.notificationService.error('Failed to download certificate');
+        }
+    }
+    viewCertificate() {
+        const req = this.request();
+        if (!req || !req._id) {
+            this.notificationService.error('Request ID not found');
+            return;
+        }
+        if (!this.hasSoftCopy()) {
+            this.notificationService.error('Soft copy not available');
+            return;
+        }
+        // Open in new window for viewing/printing
+        const url = this.bonafideService.getDownloadUrl(req._id, 'soft-copy');
+        window.open(url, '_blank');
+    }
+    goBack() {
+        this.router.navigate(['/control-panel/bonafide']);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAcademicsBonafideRequestDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideAcademicsBonafideRequestDetailComponent, isStandalone: true, selector: "cide-academics-bonafide-request-detail", ngImport: i0, template: "<!-- Bonafide Request Detail with Shared Wrapper -->\r\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'academics_bonafide_detail' }\">\r\n  <div class=\"tw-w-full tw-h-full tw-flex tw-flex-col tw-bg-gray-50\">\r\n    \r\n    @if (loading()) {\r\n      <!-- Loading State -->\r\n      <div class=\"tw-flex tw-items-center tw-justify-center tw-h-full\">\r\n        <div class=\"tw-text-center\">\r\n          <cide-ele-icon class=\"tw-text-6xl tw-text-gray-300 dark:tw-text-gray-600 tw-animate-spin\">refresh</cide-ele-icon>\r\n          <p class=\"tw-text-sm tw-text-gray-500 dark:tw-text-gray-400 tw-mt-4\">Loading request details...</p>\r\n        </div>\r\n      </div>\r\n    } @else if (error()) {\r\n      <!-- Error State -->\r\n      <div class=\"tw-flex tw-items-center tw-justify-center tw-h-full\">\r\n        <div class=\"tw-text-center tw-max-w-md\">\r\n          <cide-ele-icon class=\"tw-text-6xl tw-text-red-300 dark:tw-text-red-600\">error</cide-ele-icon>\r\n          <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 dark:tw-text-gray-100 tw-mt-4\">Error</h3>\r\n          <p class=\"tw-text-sm tw-text-gray-600 dark:tw-text-gray-400 tw-mt-2\">{{ error() }}</p>\r\n          <button cideEleButton variant=\"primary\" size=\"sm\" (click)=\"goBack()\" class=\"tw-mt-4\">\r\n            Back to List\r\n          </button>\r\n        </div>\r\n      </div>\r\n    } @else if (request()) {\r\n      @if (request(); as req) {\r\n        <!-- Header Section -->\r\n        <div class=\"tw-bg-white tw-border-b tw-border-gray-200 tw-px-6 tw-py-4\">\r\n          <div class=\"tw-flex tw-items-center tw-justify-between\">\r\n            <div class=\"tw-flex tw-items-center tw-space-x-3\">\r\n              <cide-ele-icon class=\"tw-text-blue-600\">description</cide-ele-icon>\r\n              <div>\r\n                <h2 class=\"tw-text-xl tw-font-semibold tw-text-gray-900\">\r\n                  {{ req.abnr_request_number || 'Bonafide Request' }}\r\n                </h2>\r\n                <p class=\"tw-text-sm tw-text-gray-600\">\r\n                  {{ pageSubtitle() || 'Request details and workflow history' }}\r\n                </p>\r\n              </div>\r\n            </div>\r\n            <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n              <span [class]=\"getStatusBadgeClass()\">\r\n                {{ getStatusText() }}\r\n              </span>\r\n              <button cideEleButton variant=\"ghost\" size=\"sm\" leftIcon=\"arrow_back\" (click)=\"goBack()\">\r\n                Back\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Main Content -->\r\n        <div class=\"tw-flex-1 tw-overflow-auto tw-p-6\">\r\n          <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-2 tw-gap-6\">\r\n            \r\n            <!-- Request Information Card -->\r\n            <div class=\"tw-bg-white tw-rounded-lg tw-shadow tw-p-6\">\r\n              <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 tw-mb-4 tw-flex tw-items-center tw-gap-2\">\r\n                <cide-ele-icon class=\"tw-text-blue-500\">info</cide-ele-icon>\r\n                Request Information\r\n              </h3>\r\n              <div class=\"tw-space-y-4\">\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Request Number</label>\r\n                  <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-mt-1\">{{ req.abnr_request_number || 'N/A' }}</p>\r\n                </div>\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Purpose</label>\r\n                  <p class=\"tw-text-sm tw-text-gray-900 tw-mt-1\">{{ req.abnr_purpose || 'N/A' }}</p>\r\n                </div>\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Request Date</label>\r\n                  <p class=\"tw-text-sm tw-text-gray-900 tw-mt-1\">{{ req.abnr_request_date | date:'MMM dd, yyyy' }}</p>\r\n                </div>\r\n                @if (req.abnr_completed_date) {\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Completed Date</label>\r\n                  <p class=\"tw-text-sm tw-text-gray-900 tw-mt-1\">{{ req.abnr_completed_date | date:'MMM dd, yyyy' }}</p>\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n\r\n            <!-- Student Information Card -->\r\n            <div class=\"tw-bg-white tw-rounded-lg tw-shadow tw-p-6\">\r\n              <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 tw-mb-4 tw-flex tw-items-center tw-gap-2\">\r\n                <cide-ele-icon class=\"tw-text-purple-500\">person</cide-ele-icon>\r\n                Student Information\r\n              </h3>\r\n              <div class=\"tw-space-y-4\">\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Student Name</label>\r\n                  <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-mt-1\">{{ getStudentName() }}</p>\r\n                </div>\r\n                @if (req.abnr_student_id) {\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Student ID</label>\r\n                  <p class=\"tw-text-sm tw-text-gray-900 tw-mt-1\">{{ req.abnr_student_id }}</p>\r\n                </div>\r\n                }\r\n                @if (req.abnr_student_id_auth?.user_emailid) {\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Email</label>\r\n                  <p class=\"tw-text-sm tw-text-gray-900 tw-mt-1\">{{ req.abnr_student_id_auth.user_emailid }}</p>\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n\r\n            <!-- File Downloads Card -->\r\n            @if (canDownload() && (hasSoftCopy() || hasStampedCopy())) {\r\n            <div class=\"tw-bg-white tw-rounded-lg tw-shadow tw-p-6\">\r\n              <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 tw-mb-4 tw-flex tw-items-center tw-gap-2\">\r\n                <cide-ele-icon class=\"tw-text-green-500\">download</cide-ele-icon>\r\n                Certificate Downloads\r\n              </h3>\r\n              <div class=\"tw-space-y-3\">\r\n                @if (hasSoftCopy()) {\r\n                <div class=\"tw-flex tw-items-center tw-justify-between tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\r\n                  <div class=\"tw-flex tw-items-center tw-space-x-3\">\r\n                    <cide-ele-icon class=\"tw-text-blue-500\">description</cide-ele-icon>\r\n                    <div>\r\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900\">Soft Copy Certificate</p>\r\n                      <p class=\"tw-text-xs tw-text-gray-500\">Generated certificate (HTML/PDF)</p>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n                    <button cideEleButton variant=\"ghost\" size=\"sm\" leftIcon=\"visibility\" (click)=\"viewCertificate()\">\r\n                      View\r\n                    </button>\r\n                    <button cideEleButton variant=\"primary\" size=\"sm\" leftIcon=\"download\" (click)=\"downloadCertificate('soft-copy')\">\r\n                      Download\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                }\r\n                @if (hasStampedCopy()) {\r\n                <div class=\"tw-flex tw-items-center tw-justify-between tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\r\n                  <div class=\"tw-flex tw-items-center tw-space-x-3\">\r\n                    <cide-ele-icon class=\"tw-text-green-500\">stamp</cide-ele-icon>\r\n                    <div>\r\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900\">Stamped Copy</p>\r\n                      <p class=\"tw-text-xs tw-text-gray-500\">Physical stamped certificate scan</p>\r\n                    </div>\r\n                  </div>\r\n                  <button cideEleButton variant=\"primary\" size=\"sm\" leftIcon=\"download\" (click)=\"downloadCertificate('stamped-copy')\">\r\n                    Download\r\n                  </button>\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n            }\r\n\r\n            <!-- Workflow History Card -->\r\n            <div class=\"tw-bg-white tw-rounded-lg tw-shadow tw-p-6 lg:tw-col-span-2\">\r\n              <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 tw-mb-4 tw-flex tw-items-center tw-gap-2\">\r\n                <cide-ele-icon class=\"tw-text-orange-500\">history</cide-ele-icon>\r\n                Workflow History\r\n              </h3>\r\n              @if (loadingHistory()) {\r\n                <div class=\"tw-text-center tw-py-8\">\r\n                  <cide-ele-icon class=\"tw-text-4xl tw-text-gray-300 tw-animate-spin\">refresh</cide-ele-icon>\r\n                  <p class=\"tw-text-sm tw-text-gray-500 tw-mt-2\">Loading history...</p>\r\n                </div>\r\n              } @else if (history().length === 0) {\r\n                <div class=\"tw-text-center tw-py-8\">\r\n                  <cide-ele-icon class=\"tw-text-4xl tw-text-gray-300\">history</cide-ele-icon>\r\n                  <p class=\"tw-text-sm tw-text-gray-500 tw-mt-2\">No workflow history available</p>\r\n                </div>\r\n              } @else {\r\n                <div class=\"tw-space-y-4\">\r\n                  @for (item of history(); track item._id || $index) {\r\n                  <div class=\"tw-flex tw-items-start tw-space-x-4 tw-p-4 tw-border-l-4 tw-border-blue-500 tw-bg-gray-50 tw-rounded-r-lg\">\r\n                    <cide-ele-icon class=\"tw-text-blue-500 tw-mt-1\">circle</cide-ele-icon>\r\n                    <div class=\"tw-flex-1\">\r\n                      <div class=\"tw-flex tw-items-center tw-justify-between\">\r\n                        <p class=\"tw-text-sm tw-font-medium tw-text-gray-900\">{{ item.action_type || 'Action' }}</p>\r\n                        @if (item.action_date) {\r\n                        <p class=\"tw-text-xs tw-text-gray-500\">{{ item.action_date | date:'MMM dd, yyyy HH:mm' }}</p>\r\n                        }\r\n                      </div>\r\n                      @if (item.comments) {\r\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-mt-1\">{{ item.comments }}</p>\r\n                      }\r\n                      @if (item.action_by) {\r\n                      <p class=\"tw-text-xs tw-text-gray-500 tw-mt-1\">By: {{ item.action_by }}</p>\r\n                      }\r\n                    </div>\r\n                  </div>\r\n                  }\r\n                </div>\r\n              }\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n</cide-lyt-shared-wrapper>\r\n", styles: [":host{@apply tw-w-full tw-h-full tw-flex tw-flex-col;}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideAcademicsBonafideRequestDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cide-academics-bonafide-request-detail', standalone: true, imports: [
+                        CommonModule,
+                        DatePipe,
+                        CideEleButtonComponent,
+                        CideIconComponent,
+                        CideLytSharedWrapperComponent
+                    ], template: "<!-- Bonafide Request Detail with Shared Wrapper -->\r\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'academics_bonafide_detail' }\">\r\n  <div class=\"tw-w-full tw-h-full tw-flex tw-flex-col tw-bg-gray-50\">\r\n    \r\n    @if (loading()) {\r\n      <!-- Loading State -->\r\n      <div class=\"tw-flex tw-items-center tw-justify-center tw-h-full\">\r\n        <div class=\"tw-text-center\">\r\n          <cide-ele-icon class=\"tw-text-6xl tw-text-gray-300 dark:tw-text-gray-600 tw-animate-spin\">refresh</cide-ele-icon>\r\n          <p class=\"tw-text-sm tw-text-gray-500 dark:tw-text-gray-400 tw-mt-4\">Loading request details...</p>\r\n        </div>\r\n      </div>\r\n    } @else if (error()) {\r\n      <!-- Error State -->\r\n      <div class=\"tw-flex tw-items-center tw-justify-center tw-h-full\">\r\n        <div class=\"tw-text-center tw-max-w-md\">\r\n          <cide-ele-icon class=\"tw-text-6xl tw-text-red-300 dark:tw-text-red-600\">error</cide-ele-icon>\r\n          <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 dark:tw-text-gray-100 tw-mt-4\">Error</h3>\r\n          <p class=\"tw-text-sm tw-text-gray-600 dark:tw-text-gray-400 tw-mt-2\">{{ error() }}</p>\r\n          <button cideEleButton variant=\"primary\" size=\"sm\" (click)=\"goBack()\" class=\"tw-mt-4\">\r\n            Back to List\r\n          </button>\r\n        </div>\r\n      </div>\r\n    } @else if (request()) {\r\n      @if (request(); as req) {\r\n        <!-- Header Section -->\r\n        <div class=\"tw-bg-white tw-border-b tw-border-gray-200 tw-px-6 tw-py-4\">\r\n          <div class=\"tw-flex tw-items-center tw-justify-between\">\r\n            <div class=\"tw-flex tw-items-center tw-space-x-3\">\r\n              <cide-ele-icon class=\"tw-text-blue-600\">description</cide-ele-icon>\r\n              <div>\r\n                <h2 class=\"tw-text-xl tw-font-semibold tw-text-gray-900\">\r\n                  {{ req.abnr_request_number || 'Bonafide Request' }}\r\n                </h2>\r\n                <p class=\"tw-text-sm tw-text-gray-600\">\r\n                  {{ pageSubtitle() || 'Request details and workflow history' }}\r\n                </p>\r\n              </div>\r\n            </div>\r\n            <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n              <span [class]=\"getStatusBadgeClass()\">\r\n                {{ getStatusText() }}\r\n              </span>\r\n              <button cideEleButton variant=\"ghost\" size=\"sm\" leftIcon=\"arrow_back\" (click)=\"goBack()\">\r\n                Back\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Main Content -->\r\n        <div class=\"tw-flex-1 tw-overflow-auto tw-p-6\">\r\n          <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-2 tw-gap-6\">\r\n            \r\n            <!-- Request Information Card -->\r\n            <div class=\"tw-bg-white tw-rounded-lg tw-shadow tw-p-6\">\r\n              <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 tw-mb-4 tw-flex tw-items-center tw-gap-2\">\r\n                <cide-ele-icon class=\"tw-text-blue-500\">info</cide-ele-icon>\r\n                Request Information\r\n              </h3>\r\n              <div class=\"tw-space-y-4\">\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Request Number</label>\r\n                  <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-mt-1\">{{ req.abnr_request_number || 'N/A' }}</p>\r\n                </div>\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Purpose</label>\r\n                  <p class=\"tw-text-sm tw-text-gray-900 tw-mt-1\">{{ req.abnr_purpose || 'N/A' }}</p>\r\n                </div>\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Request Date</label>\r\n                  <p class=\"tw-text-sm tw-text-gray-900 tw-mt-1\">{{ req.abnr_request_date | date:'MMM dd, yyyy' }}</p>\r\n                </div>\r\n                @if (req.abnr_completed_date) {\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Completed Date</label>\r\n                  <p class=\"tw-text-sm tw-text-gray-900 tw-mt-1\">{{ req.abnr_completed_date | date:'MMM dd, yyyy' }}</p>\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n\r\n            <!-- Student Information Card -->\r\n            <div class=\"tw-bg-white tw-rounded-lg tw-shadow tw-p-6\">\r\n              <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 tw-mb-4 tw-flex tw-items-center tw-gap-2\">\r\n                <cide-ele-icon class=\"tw-text-purple-500\">person</cide-ele-icon>\r\n                Student Information\r\n              </h3>\r\n              <div class=\"tw-space-y-4\">\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Student Name</label>\r\n                  <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-mt-1\">{{ getStudentName() }}</p>\r\n                </div>\r\n                @if (req.abnr_student_id) {\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Student ID</label>\r\n                  <p class=\"tw-text-sm tw-text-gray-900 tw-mt-1\">{{ req.abnr_student_id }}</p>\r\n                </div>\r\n                }\r\n                @if (req.abnr_student_id_auth?.user_emailid) {\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Email</label>\r\n                  <p class=\"tw-text-sm tw-text-gray-900 tw-mt-1\">{{ req.abnr_student_id_auth.user_emailid }}</p>\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n\r\n            <!-- File Downloads Card -->\r\n            @if (canDownload() && (hasSoftCopy() || hasStampedCopy())) {\r\n            <div class=\"tw-bg-white tw-rounded-lg tw-shadow tw-p-6\">\r\n              <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 tw-mb-4 tw-flex tw-items-center tw-gap-2\">\r\n                <cide-ele-icon class=\"tw-text-green-500\">download</cide-ele-icon>\r\n                Certificate Downloads\r\n              </h3>\r\n              <div class=\"tw-space-y-3\">\r\n                @if (hasSoftCopy()) {\r\n                <div class=\"tw-flex tw-items-center tw-justify-between tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\r\n                  <div class=\"tw-flex tw-items-center tw-space-x-3\">\r\n                    <cide-ele-icon class=\"tw-text-blue-500\">description</cide-ele-icon>\r\n                    <div>\r\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900\">Soft Copy Certificate</p>\r\n                      <p class=\"tw-text-xs tw-text-gray-500\">Generated certificate (HTML/PDF)</p>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n                    <button cideEleButton variant=\"ghost\" size=\"sm\" leftIcon=\"visibility\" (click)=\"viewCertificate()\">\r\n                      View\r\n                    </button>\r\n                    <button cideEleButton variant=\"primary\" size=\"sm\" leftIcon=\"download\" (click)=\"downloadCertificate('soft-copy')\">\r\n                      Download\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                }\r\n                @if (hasStampedCopy()) {\r\n                <div class=\"tw-flex tw-items-center tw-justify-between tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\r\n                  <div class=\"tw-flex tw-items-center tw-space-x-3\">\r\n                    <cide-ele-icon class=\"tw-text-green-500\">stamp</cide-ele-icon>\r\n                    <div>\r\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900\">Stamped Copy</p>\r\n                      <p class=\"tw-text-xs tw-text-gray-500\">Physical stamped certificate scan</p>\r\n                    </div>\r\n                  </div>\r\n                  <button cideEleButton variant=\"primary\" size=\"sm\" leftIcon=\"download\" (click)=\"downloadCertificate('stamped-copy')\">\r\n                    Download\r\n                  </button>\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n            }\r\n\r\n            <!-- Workflow History Card -->\r\n            <div class=\"tw-bg-white tw-rounded-lg tw-shadow tw-p-6 lg:tw-col-span-2\">\r\n              <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 tw-mb-4 tw-flex tw-items-center tw-gap-2\">\r\n                <cide-ele-icon class=\"tw-text-orange-500\">history</cide-ele-icon>\r\n                Workflow History\r\n              </h3>\r\n              @if (loadingHistory()) {\r\n                <div class=\"tw-text-center tw-py-8\">\r\n                  <cide-ele-icon class=\"tw-text-4xl tw-text-gray-300 tw-animate-spin\">refresh</cide-ele-icon>\r\n                  <p class=\"tw-text-sm tw-text-gray-500 tw-mt-2\">Loading history...</p>\r\n                </div>\r\n              } @else if (history().length === 0) {\r\n                <div class=\"tw-text-center tw-py-8\">\r\n                  <cide-ele-icon class=\"tw-text-4xl tw-text-gray-300\">history</cide-ele-icon>\r\n                  <p class=\"tw-text-sm tw-text-gray-500 tw-mt-2\">No workflow history available</p>\r\n                </div>\r\n              } @else {\r\n                <div class=\"tw-space-y-4\">\r\n                  @for (item of history(); track item._id || $index) {\r\n                  <div class=\"tw-flex tw-items-start tw-space-x-4 tw-p-4 tw-border-l-4 tw-border-blue-500 tw-bg-gray-50 tw-rounded-r-lg\">\r\n                    <cide-ele-icon class=\"tw-text-blue-500 tw-mt-1\">circle</cide-ele-icon>\r\n                    <div class=\"tw-flex-1\">\r\n                      <div class=\"tw-flex tw-items-center tw-justify-between\">\r\n                        <p class=\"tw-text-sm tw-font-medium tw-text-gray-900\">{{ item.action_type || 'Action' }}</p>\r\n                        @if (item.action_date) {\r\n                        <p class=\"tw-text-xs tw-text-gray-500\">{{ item.action_date | date:'MMM dd, yyyy HH:mm' }}</p>\r\n                        }\r\n                      </div>\r\n                      @if (item.comments) {\r\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-mt-1\">{{ item.comments }}</p>\r\n                      }\r\n                      @if (item.action_by) {\r\n                      <p class=\"tw-text-xs tw-text-gray-500 tw-mt-1\">By: {{ item.action_by }}</p>\r\n                      }\r\n                    </div>\r\n                  </div>\r\n                  }\r\n                </div>\r\n              }\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n</cide-lyt-shared-wrapper>\r\n", styles: [":host{@apply tw-w-full tw-h-full tw-flex tw-flex-col;}\n"] }]
+        }], ctorParameters: () => [] });
+
+export { CideAcademicsBonafideRequestDetailComponent };
+//# sourceMappingURL=cloud-ide-academics-bonafide-request-detail.component-BRG6AkHZ.mjs.map

package/fesm2022/cloud-ide-academics-bonafide-request-detail.component-BRG6AkHZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-ide-academics-bonafide-request-detail.component-BRG6AkHZ.mjs","sources":["../../../projects/cloud-ide-academics/src/lib/collection/bonafide/components/bonafide-request-detail/bonafide-request-detail.component.ts","../../../projects/cloud-ide-academics/src/lib/collection/bonafide/components/bonafide-request-detail/bonafide-request-detail.component.html"],"sourcesContent":["import { Component, signal, DestroyRef, inject, computed, OnInit, effect } from '@angular/core';\r\nimport { CommonModule, DatePipe } from '@angular/common';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { CideEleButtonComponent, CideIconComponent, NotificationService } from 'cloud-ide-element';\r\nimport { RightsService, CideLytSharedService, CideLytSharedWrapperComponent } from 'cloud-ide-layout';\r\nimport { CideAcademicsBonafideService } from '../../services/bonafide.service';\r\nimport { generateObjectFromString } from 'cloud-ide-lms-model';\r\n\r\n@Component({\r\n  selector: 'cide-academics-bonafide-request-detail',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    DatePipe,\r\n    CideEleButtonComponent,\r\n    CideIconComponent,\r\n    CideLytSharedWrapperComponent\r\n  ],\r\n  templateUrl: './bonafide-request-detail.component.html',\r\n  styles: [`\r\n    :host {\r\n      @apply tw-w-full tw-h-full tw-flex tw-flex-col;\r\n    }\r\n  `]\r\n})\r\nexport class CideAcademicsBonafideRequestDetailComponent implements OnInit {\r\n  private destroyRef = inject(DestroyRef);\r\n  private bonafideService = inject(CideAcademicsBonafideService);\r\n  private router = inject(Router);\r\n  private route = inject(ActivatedRoute);\r\n  private rightsService = inject(RightsService);\r\n  private sharedService = inject(CideLytSharedService);\r\n  private notificationService = inject(NotificationService);\r\n\r\n  request = signal<any>(null);\r\n  history = signal<any[]>([]);\r\n  loading = signal(false);\r\n  loadingHistory = signal(false);\r\n  error = signal<string | null>(null);\r\n  \r\n  // Page config\r\n  pageTitle = signal<string>('');\r\n  pageSubtitle = signal<string>('');\r\n  pageCode = signal<string>('academics_bonafide_detail');\r\n  \r\n  canView = computed(() => this.rightsService.hasRight('VIEW'));\r\n  canDownload = computed(() => this.rightsService.hasRight('DOWNLOAD'));\r\n\r\n  hasSoftCopy = computed(() => {\r\n    const req = this.request();\r\n    return !!(req?.abnr_soft_copy_id_cyfm);\r\n  });\r\n\r\n  hasStampedCopy = computed(() => {\r\n    const req = this.request();\r\n    return !!(req?.abnr_stamped_copy_id_cyfm);\r\n  });\r\n\r\n  constructor() {\r\n    // Watch for page data changes\r\n    effect(() => {\r\n      const currentPageCode = this.pageCode();\r\n      if (!currentPageCode) return;\r\n\r\n      const pageDataCache = this.sharedService.pageDataStore();\r\n      const cachedData = pageDataCache[currentPageCode];\r\n      const page = cachedData?.data?.page;\r\n      \r\n      if (page) {\r\n        const cfgString = page?.sypg_configuration;\r\n        if (cfgString) {\r\n          try {\r\n            const cfg = JSON.parse(cfgString);\r\n            this.pageTitle.set(cfg.title || page?.sypg_title || '');\r\n            this.pageSubtitle.set(cfg.subTitle || page?.sypg_desc || '');\r\n          } catch (e) {\r\n            console.warn('Invalid page config JSON', e);\r\n            this.pageTitle.set(page?.sypg_title || '');\r\n            this.pageSubtitle.set(page?.sypg_desc || '');\r\n          }\r\n        } else {\r\n          this.pageTitle.set(page?.sypg_title || '');\r\n          this.pageSubtitle.set(page?.sypg_desc || '');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    // Initialize rights\r\n    this.rightsService.initializeRights('academics_bonafide_detail');\r\n\r\n    // Get request ID from route\r\n    this.route.params.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(params => {\r\n      const query = params['query'];\r\n      if (query) {\r\n        const queryObj = generateObjectFromString(query);\r\n        const requestId = queryObj.abnr_id || queryObj._id;\r\n        if (requestId) {\r\n          this.loadRequest(requestId);\r\n          this.loadHistory(requestId);\r\n        } else {\r\n          this.error.set('Request ID not found in route');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  loadRequest(requestId: string): void {\r\n    this.loading.set(true);\r\n    this.error.set(null);\r\n\r\n    this.bonafideService.getRequestById(requestId)\r\n      .pipe(takeUntilDestroyed(this.destroyRef))\r\n      .subscribe({\r\n        next: (response) => {\r\n          if (response.success) {\r\n            this.request.set(response.data);\r\n          } else {\r\n            this.error.set(response.message || 'Failed to load request');\r\n          }\r\n          this.loading.set(false);\r\n        },\r\n        error: (err) => {\r\n          console.error('Error loading request:', err);\r\n          this.error.set(err.message || 'Failed to load request');\r\n          this.loading.set(false);\r\n        }\r\n      });\r\n  }\r\n\r\n  loadHistory(requestId: string): void {\r\n    this.loadingHistory.set(true);\r\n\r\n    this.bonafideService.getHistory(requestId)\r\n      .pipe(takeUntilDestroyed(this.destroyRef))\r\n      .subscribe({\r\n        next: (response) => {\r\n          if (response.success) {\r\n            this.history.set(Array.isArray(response.data) ? response.data : []);\r\n          }\r\n          this.loadingHistory.set(false);\r\n        },\r\n        error: (err) => {\r\n          console.error('Error loading history:', err);\r\n          this.history.set([]);\r\n          this.loadingHistory.set(false);\r\n        }\r\n      });\r\n  }\r\n\r\n  getStatusText(): string {\r\n    const req = this.request();\r\n    if (!req) return 'N/A';\r\n    const status = req.abnr_status_id_sygms;\r\n    if (!status) return 'N/A';\r\n    if (typeof status === 'string') return status;\r\n    return status.sygms_title || status.sygms_code || 'N/A';\r\n  }\r\n\r\n  getStatusBadgeClass(): string {\r\n    const statusText = this.getStatusText().toUpperCase();\r\n    if (statusText.includes('PENDING')) {\r\n      return 'tw-inline-flex tw-items-center tw-px-3 tw-py-1 tw-rounded-full tw-text-sm tw-font-medium tw-bg-yellow-100 tw-text-yellow-800 dark:tw-bg-yellow-900/30 dark:tw-text-yellow-300';\r\n    } else if (statusText.includes('REVIEW')) {\r\n      return 'tw-inline-flex tw-items-center tw-px-3 tw-py-1 tw-rounded-full tw-text-sm tw-font-medium tw-bg-blue-100 tw-text-blue-800 dark:tw-bg-blue-900/30 dark:tw-text-blue-300';\r\n    } else if (statusText.includes('APPROVED')) {\r\n      return 'tw-inline-flex tw-items-center tw-px-3 tw-py-1 tw-rounded-full tw-text-sm tw-font-medium tw-bg-green-100 tw-text-green-800 dark:tw-bg-green-900/30 dark:tw-text-green-300';\r\n    } else if (statusText.includes('COMPLETED')) {\r\n      return 'tw-inline-flex tw-items-center tw-px-3 tw-py-1 tw-rounded-full tw-text-sm tw-font-medium tw-bg-emerald-100 tw-text-emerald-800 dark:tw-bg-emerald-900/30 dark:tw-text-emerald-300';\r\n    } else if (statusText.includes('REJECTED')) {\r\n      return 'tw-inline-flex tw-items-center tw-px-3 tw-py-1 tw-rounded-full tw-text-sm tw-font-medium tw-bg-red-100 tw-text-red-800 dark:tw-bg-red-900/30 dark:tw-text-red-300';\r\n    }\r\n    return 'tw-inline-flex tw-items-center tw-px-3 tw-py-1 tw-rounded-full tw-text-sm tw-font-medium tw-bg-gray-100 tw-text-gray-800 dark:tw-bg-gray-700 dark:tw-text-gray-300';\r\n  }\r\n\r\n  getStudentName(): string {\r\n    const req = this.request();\r\n    if (!req) return 'N/A';\r\n    const student = req.abnr_student_id_auth;\r\n    if (!student) return 'N/A';\r\n    if (typeof student === 'string') return student;\r\n    return student.user_fullname || student.user_username || 'N/A';\r\n  }\r\n\r\n  downloadCertificate(fileType: 'soft-copy' | 'stamped-copy'): void {\r\n    const req = this.request();\r\n    if (!req || !req._id) {\r\n      this.notificationService.error('Request ID not found');\r\n      return;\r\n    }\r\n\r\n    try {\r\n      this.bonafideService.downloadCertificate(req._id, fileType);\r\n      this.notificationService.success(`Downloading ${fileType === 'soft-copy' ? 'soft copy' : 'stamped copy'}...`);\r\n    } catch (error: any) {\r\n      console.error('Error downloading certificate:', error);\r\n      this.notificationService.error('Failed to download certificate');\r\n    }\r\n  }\r\n\r\n  viewCertificate(): void {\r\n    const req = this.request();\r\n    if (!req || !req._id) {\r\n      this.notificationService.error('Request ID not found');\r\n      return;\r\n    }\r\n\r\n    if (!this.hasSoftCopy()) {\r\n      this.notificationService.error('Soft copy not available');\r\n      return;\r\n    }\r\n\r\n    // Open in new window for viewing/printing\r\n    const url = this.bonafideService.getDownloadUrl(req._id, 'soft-copy');\r\n    window.open(url, '_blank');\r\n  }\r\n\r\n  goBack(): void {\r\n    this.router.navigate(['/control-panel/bonafide']);\r\n  }\r\n}\r\n","<!-- Bonafide Request Detail with Shared Wrapper -->\r\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'academics_bonafide_detail' }\">\r\n  <div class=\"tw-w-full tw-h-full tw-flex tw-flex-col tw-bg-gray-50\">\r\n    \r\n    @if (loading()) {\r\n      <!-- Loading State -->\r\n      <div class=\"tw-flex tw-items-center tw-justify-center tw-h-full\">\r\n        <div class=\"tw-text-center\">\r\n          <cide-ele-icon class=\"tw-text-6xl tw-text-gray-300 dark:tw-text-gray-600 tw-animate-spin\">refresh</cide-ele-icon>\r\n          <p class=\"tw-text-sm tw-text-gray-500 dark:tw-text-gray-400 tw-mt-4\">Loading request details...</p>\r\n        </div>\r\n      </div>\r\n    } @else if (error()) {\r\n      <!-- Error State -->\r\n      <div class=\"tw-flex tw-items-center tw-justify-center tw-h-full\">\r\n        <div class=\"tw-text-center tw-max-w-md\">\r\n          <cide-ele-icon class=\"tw-text-6xl tw-text-red-300 dark:tw-text-red-600\">error</cide-ele-icon>\r\n          <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 dark:tw-text-gray-100 tw-mt-4\">Error</h3>\r\n          <p class=\"tw-text-sm tw-text-gray-600 dark:tw-text-gray-400 tw-mt-2\">{{ error() }}</p>\r\n          <button cideEleButton variant=\"primary\" size=\"sm\" (click)=\"goBack()\" class=\"tw-mt-4\">\r\n            Back to List\r\n          </button>\r\n        </div>\r\n      </div>\r\n    } @else if (request()) {\r\n      @if (request(); as req) {\r\n        <!-- Header Section -->\r\n        <div class=\"tw-bg-white tw-border-b tw-border-gray-200 tw-px-6 tw-py-4\">\r\n          <div class=\"tw-flex tw-items-center tw-justify-between\">\r\n            <div class=\"tw-flex tw-items-center tw-space-x-3\">\r\n              <cide-ele-icon class=\"tw-text-blue-600\">description</cide-ele-icon>\r\n              <div>\r\n                <h2 class=\"tw-text-xl tw-font-semibold tw-text-gray-900\">\r\n                  {{ req.abnr_request_number || 'Bonafide Request' }}\r\n                </h2>\r\n                <p class=\"tw-text-sm tw-text-gray-600\">\r\n                  {{ pageSubtitle() || 'Request details and workflow history' }}\r\n                </p>\r\n              </div>\r\n            </div>\r\n            <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n              <span [class]=\"getStatusBadgeClass()\">\r\n                {{ getStatusText() }}\r\n              </span>\r\n              <button cideEleButton variant=\"ghost\" size=\"sm\" leftIcon=\"arrow_back\" (click)=\"goBack()\">\r\n                Back\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Main Content -->\r\n        <div class=\"tw-flex-1 tw-overflow-auto tw-p-6\">\r\n          <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-2 tw-gap-6\">\r\n            \r\n            <!-- Request Information Card -->\r\n            <div class=\"tw-bg-white tw-rounded-lg tw-shadow tw-p-6\">\r\n              <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 tw-mb-4 tw-flex tw-items-center tw-gap-2\">\r\n                <cide-ele-icon class=\"tw-text-blue-500\">info</cide-ele-icon>\r\n                Request Information\r\n              </h3>\r\n              <div class=\"tw-space-y-4\">\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Request Number</label>\r\n                  <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-mt-1\">{{ req.abnr_request_number || 'N/A' }}</p>\r\n                </div>\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Purpose</label>\r\n                  <p class=\"tw-text-sm tw-text-gray-900 tw-mt-1\">{{ req.abnr_purpose || 'N/A' }}</p>\r\n                </div>\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Request Date</label>\r\n                  <p class=\"tw-text-sm tw-text-gray-900 tw-mt-1\">{{ req.abnr_request_date | date:'MMM dd, yyyy' }}</p>\r\n                </div>\r\n                @if (req.abnr_completed_date) {\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Completed Date</label>\r\n                  <p class=\"tw-text-sm tw-text-gray-900 tw-mt-1\">{{ req.abnr_completed_date | date:'MMM dd, yyyy' }}</p>\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n\r\n            <!-- Student Information Card -->\r\n            <div class=\"tw-bg-white tw-rounded-lg tw-shadow tw-p-6\">\r\n              <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 tw-mb-4 tw-flex tw-items-center tw-gap-2\">\r\n                <cide-ele-icon class=\"tw-text-purple-500\">person</cide-ele-icon>\r\n                Student Information\r\n              </h3>\r\n              <div class=\"tw-space-y-4\">\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Student Name</label>\r\n                  <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-mt-1\">{{ getStudentName() }}</p>\r\n                </div>\r\n                @if (req.abnr_student_id) {\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Student ID</label>\r\n                  <p class=\"tw-text-sm tw-text-gray-900 tw-mt-1\">{{ req.abnr_student_id }}</p>\r\n                </div>\r\n                }\r\n                @if (req.abnr_student_id_auth?.user_emailid) {\r\n                <div>\r\n                  <label class=\"tw-text-xs tw-font-medium tw-text-gray-500 tw-uppercase tw-tracking-wide\">Email</label>\r\n                  <p class=\"tw-text-sm tw-text-gray-900 tw-mt-1\">{{ req.abnr_student_id_auth.user_emailid }}</p>\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n\r\n            <!-- File Downloads Card -->\r\n            @if (canDownload() && (hasSoftCopy() || hasStampedCopy())) {\r\n            <div class=\"tw-bg-white tw-rounded-lg tw-shadow tw-p-6\">\r\n              <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 tw-mb-4 tw-flex tw-items-center tw-gap-2\">\r\n                <cide-ele-icon class=\"tw-text-green-500\">download</cide-ele-icon>\r\n                Certificate Downloads\r\n              </h3>\r\n              <div class=\"tw-space-y-3\">\r\n                @if (hasSoftCopy()) {\r\n                <div class=\"tw-flex tw-items-center tw-justify-between tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\r\n                  <div class=\"tw-flex tw-items-center tw-space-x-3\">\r\n                    <cide-ele-icon class=\"tw-text-blue-500\">description</cide-ele-icon>\r\n                    <div>\r\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900\">Soft Copy Certificate</p>\r\n                      <p class=\"tw-text-xs tw-text-gray-500\">Generated certificate (HTML/PDF)</p>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n                    <button cideEleButton variant=\"ghost\" size=\"sm\" leftIcon=\"visibility\" (click)=\"viewCertificate()\">\r\n                      View\r\n                    </button>\r\n                    <button cideEleButton variant=\"primary\" size=\"sm\" leftIcon=\"download\" (click)=\"downloadCertificate('soft-copy')\">\r\n                      Download\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                }\r\n                @if (hasStampedCopy()) {\r\n                <div class=\"tw-flex tw-items-center tw-justify-between tw-p-3 tw-bg-gray-50 tw-rounded-lg\">\r\n                  <div class=\"tw-flex tw-items-center tw-space-x-3\">\r\n                    <cide-ele-icon class=\"tw-text-green-500\">stamp</cide-ele-icon>\r\n                    <div>\r\n                      <p class=\"tw-text-sm tw-font-medium tw-text-gray-900\">Stamped Copy</p>\r\n                      <p class=\"tw-text-xs tw-text-gray-500\">Physical stamped certificate scan</p>\r\n                    </div>\r\n                  </div>\r\n                  <button cideEleButton variant=\"primary\" size=\"sm\" leftIcon=\"download\" (click)=\"downloadCertificate('stamped-copy')\">\r\n                    Download\r\n                  </button>\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n            }\r\n\r\n            <!-- Workflow History Card -->\r\n            <div class=\"tw-bg-white tw-rounded-lg tw-shadow tw-p-6 lg:tw-col-span-2\">\r\n              <h3 class=\"tw-text-lg tw-font-semibold tw-text-gray-900 tw-mb-4 tw-flex tw-items-center tw-gap-2\">\r\n                <cide-ele-icon class=\"tw-text-orange-500\">history</cide-ele-icon>\r\n                Workflow History\r\n              </h3>\r\n              @if (loadingHistory()) {\r\n                <div class=\"tw-text-center tw-py-8\">\r\n                  <cide-ele-icon class=\"tw-text-4xl tw-text-gray-300 tw-animate-spin\">refresh</cide-ele-icon>\r\n                  <p class=\"tw-text-sm tw-text-gray-500 tw-mt-2\">Loading history...</p>\r\n                </div>\r\n              } @else if (history().length === 0) {\r\n                <div class=\"tw-text-center tw-py-8\">\r\n                  <cide-ele-icon class=\"tw-text-4xl tw-text-gray-300\">history</cide-ele-icon>\r\n                  <p class=\"tw-text-sm tw-text-gray-500 tw-mt-2\">No workflow history available</p>\r\n                </div>\r\n              } @else {\r\n                <div class=\"tw-space-y-4\">\r\n                  @for (item of history(); track item._id || $index) {\r\n                  <div class=\"tw-flex tw-items-start tw-space-x-4 tw-p-4 tw-border-l-4 tw-border-blue-500 tw-bg-gray-50 tw-rounded-r-lg\">\r\n                    <cide-ele-icon class=\"tw-text-blue-500 tw-mt-1\">circle</cide-ele-icon>\r\n                    <div class=\"tw-flex-1\">\r\n                      <div class=\"tw-flex tw-items-center tw-justify-between\">\r\n                        <p class=\"tw-text-sm tw-font-medium tw-text-gray-900\">{{ item.action_type || 'Action' }}</p>\r\n                        @if (item.action_date) {\r\n                        <p class=\"tw-text-xs tw-text-gray-500\">{{ item.action_date | date:'MMM dd, yyyy HH:mm' }}</p>\r\n                        }\r\n                      </div>\r\n                      @if (item.comments) {\r\n                      <p class=\"tw-text-xs tw-text-gray-600 tw-mt-1\">{{ item.comments }}</p>\r\n                      }\r\n                      @if (item.action_by) {\r\n                      <p class=\"tw-text-xs tw-text-gray-500 tw-mt-1\">By: {{ item.action_by }}</p>\r\n                      }\r\n                    </div>\r\n                  </div>\r\n                  }\r\n                </div>\r\n              }\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n</cide-lyt-shared-wrapper>\r\n"],"names":[],"mappings":"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"}