From ccd24901642fcf3c4fa7a7876fd807c258061933 Mon Sep 17 00:00:00 2001 From: chark1es Date: Sun, 16 Feb 2025 16:53:02 -0800 Subject: [PATCH] update imports --- .../dashboard/Officer_EventManagement.astro | 236 +++++++++++------- .../Officer_EventManagement/Attendees.tsx | 4 +- .../Officer_EventManagement/EventEditor.tsx | 10 +- .../pocketbase/Authentication.ts | 0 .../pocketbase/FileManager.ts | 0 src/{components => scripts}/pocketbase/Get.ts | 0 .../pocketbase/SendLog.ts | 0 .../pocketbase/Update.ts | 0 8 files changed, 152 insertions(+), 98 deletions(-) rename src/{components => scripts}/pocketbase/Authentication.ts (100%) rename src/{components => scripts}/pocketbase/FileManager.ts (100%) rename src/{components => scripts}/pocketbase/Get.ts (100%) rename src/{components => scripts}/pocketbase/SendLog.ts (100%) rename src/{components => scripts}/pocketbase/Update.ts (100%) diff --git a/src/components/dashboard/Officer_EventManagement.astro b/src/components/dashboard/Officer_EventManagement.astro index e92f991..b9726e7 100644 --- a/src/components/dashboard/Officer_EventManagement.astro +++ b/src/components/dashboard/Officer_EventManagement.astro @@ -1,7 +1,7 @@ --- import { Icon } from "astro-icon/components"; -import { Get } from "../pocketbase/Get"; -import { Authentication } from "../pocketbase/Authentication"; +import { Get } from "../../scripts/pocketbase/Get"; +import { Authentication } from "../../scripts/pocketbase/Authentication"; import EventEditor from "./Officer_EventManagement/EventEditor"; import FilePreview from "./Officer_EventManagement/FilePreview"; import Attendees from "./Officer_EventManagement/Attendees"; @@ -649,7 +649,7 @@ const currentPage = eventResponse.page;
@@ -694,9 +694,22 @@ const currentPage = eventResponse.page;

-
@@ -1782,7 +1795,7 @@ const currentPage = eventResponse.page; // Update the showFilePreview function window.showFilePreview = function (file: { url: string; name: string }) { - console.log('showFilePreview called with:', file); + console.log("showFilePreview called with:", file); window.previewFile(file.url, file.name); }; @@ -1814,46 +1827,54 @@ const currentPage = eventResponse.page; // Universal file preview function window.previewFile = function (url: string, filename: string) { - console.log('previewFile called with:', { url, filename }); - const modal = document.getElementById("filePreviewModal") as HTMLDialogElement; - const filePreview = document.getElementById("officerFilePreview") as any; + console.log("previewFile called with:", { url, filename }); + const modal = document.getElementById( + "filePreviewModal" + ) as HTMLDialogElement; + const filePreview = document.getElementById( + "officerFilePreview" + ) as any; const previewFileName = document.getElementById("previewFileName"); - + if (filePreview && modal && previewFileName) { - console.log('Found all required elements'); + console.log("Found all required elements"); // Update the filename display previewFileName.textContent = filename; - + // Show the modal modal.showModal(); // Update the preview component - console.log('Dispatching updateFilePreview event'); + console.log("Dispatching updateFilePreview event"); const event = new CustomEvent("updateFilePreview", { - detail: { url, filename } + detail: { url, filename }, }); filePreview.dispatchEvent(event); } else { - console.error('Missing required elements:', { + console.error("Missing required elements:", { modal: !!modal, filePreview: !!filePreview, - previewFileName: !!previewFileName + previewFileName: !!previewFileName, }); } }; // Close file preview window.closeFilePreview = function () { - console.log('closeFilePreview called'); - const modal = document.getElementById("filePreviewModal") as HTMLDialogElement; - const filePreview = document.getElementById("officerFilePreview") as any; + console.log("closeFilePreview called"); + const modal = document.getElementById( + "filePreviewModal" + ) as HTMLDialogElement; + const filePreview = document.getElementById( + "officerFilePreview" + ) as any; const previewFileName = document.getElementById("previewFileName"); if (modal && filePreview && previewFileName) { - console.log('Resetting preview and closing modal'); + console.log("Resetting preview and closing modal"); // Reset the preview const event = new CustomEvent("updateFilePreview", { - detail: { url: "", filename: "" } + detail: { url: "", filename: "" }, }); filePreview.dispatchEvent(event); previewFileName.textContent = ""; @@ -1863,15 +1884,17 @@ const currentPage = eventResponse.page; // Close event details modal window.closeEventDetailsModal = function () { - const modal = document.getElementById("eventDetailsModal") as HTMLDialogElement; + const modal = document.getElementById( + "eventDetailsModal" + ) as HTMLDialogElement; const filesContent = document.getElementById("filesContent"); const attendeesContent = document.getElementById("attendeesContent"); if (modal) { // Reset tab states if (filesContent && attendeesContent) { - filesContent.classList.remove('hidden'); - attendeesContent.classList.add('hidden'); + filesContent.classList.remove("hidden"); + attendeesContent.classList.add("hidden"); } // Close the modal @@ -1882,11 +1905,17 @@ const currentPage = eventResponse.page; // Update all file preview buttons to use the universal preview function updateFilePreviewButtons(files: string[], eventId: string) { return files - .map( - (filename) => { - const fileUrl = fileManager.getFileUrl("events", eventId, filename); - const previewData = JSON.stringify({ url: fileUrl, name: filename }).replace(/'/g, "\\'"); - return ` + .map((filename) => { + const fileUrl = fileManager.getFileUrl( + "events", + eventId, + filename + ); + const previewData = JSON.stringify({ + url: fileUrl, + name: filename, + }).replace(/'/g, "\\'"); + return `
${filename} @@ -1912,17 +1941,21 @@ const currentPage = eventResponse.page;
`; - } - ) + }) .join(""); } // Update the openDetailsModal function to use the universal preview - window.openDetailsModal = function (event: Event, activeTab: string = 'files') { - const modal = document.getElementById("eventDetailsModal") as HTMLDialogElement; + window.openDetailsModal = function ( + event: Event, + activeTab: string = "files" + ) { + const modal = document.getElementById( + "eventDetailsModal" + ) as HTMLDialogElement; const filesContent = document.getElementById("filesContent"); const attendeesContent = document.getElementById("attendeesContent"); - const tabs = document.querySelectorAll('.tabs .tab'); + const tabs = document.querySelectorAll(".tabs .tab"); if (!modal || !filesContent || !attendeesContent || !tabs) return; @@ -1945,43 +1978,50 @@ const currentPage = eventResponse.page; } // Update Attendees component props initially - const attendeesComponent = attendeesContent.querySelector('astro-island'); + const attendeesComponent = + attendeesContent.querySelector("astro-island"); if (attendeesComponent) { - const component = attendeesComponent.querySelector('[data-astro-cid]'); + const component = + attendeesComponent.querySelector("[data-astro-cid]"); if (component) { - component.setAttribute('eventId', event.id); - component.setAttribute('attendees', JSON.stringify(event.attendees || [])); + component.setAttribute("eventId", event.id); + component.setAttribute( + "attendees", + JSON.stringify(event.attendees || []) + ); } } // Show the requested tab - const targetTab = Array.from(tabs).find(tab => (tab as HTMLElement).dataset.tab === activeTab); + const targetTab = Array.from(tabs).find( + (tab) => (tab as HTMLElement).dataset.tab === activeTab + ); if (targetTab) { - tabs.forEach(t => t.classList.remove('tab-active')); - targetTab.classList.add('tab-active'); - - if (activeTab === 'files') { - filesContent.classList.remove('hidden'); - attendeesContent.classList.add('hidden'); + tabs.forEach((t) => t.classList.remove("tab-active")); + targetTab.classList.add("tab-active"); + + if (activeTab === "files") { + filesContent.classList.remove("hidden"); + attendeesContent.classList.add("hidden"); } else { - filesContent.classList.add('hidden'); - attendeesContent.classList.remove('hidden'); + filesContent.classList.add("hidden"); + attendeesContent.classList.remove("hidden"); } } // Add tab functionality - tabs.forEach(tab => { - tab.addEventListener('click', () => { + tabs.forEach((tab) => { + tab.addEventListener("click", () => { const tabName = (tab as HTMLElement).dataset.tab; - tabs.forEach(t => t.classList.remove('tab-active')); - tab.classList.add('tab-active'); - - if (tabName === 'files') { - filesContent.classList.remove('hidden'); - attendeesContent.classList.add('hidden'); + tabs.forEach((t) => t.classList.remove("tab-active")); + tab.classList.add("tab-active"); + + if (tabName === "files") { + filesContent.classList.remove("hidden"); + attendeesContent.classList.add("hidden"); } else { - filesContent.classList.add('hidden'); - attendeesContent.classList.remove('hidden'); + filesContent.classList.add("hidden"); + attendeesContent.classList.remove("hidden"); } }); }); @@ -2330,51 +2370,61 @@ const currentPage = eventResponse.page; }; // Create a custom event for file preview state management - const FILE_PREVIEW_STATE_CHANGE = 'filePreviewStateChange'; + const FILE_PREVIEW_STATE_CHANGE = "filePreviewStateChange"; // Universal file preview function for officer section window.previewFileOfficer = function (url: string, filename: string) { - console.log('previewFileOfficer called with:', { url, filename }); - const modal = document.getElementById("filePreviewModal") as HTMLDialogElement; + console.log("previewFileOfficer called with:", { url, filename }); + const modal = document.getElementById( + "filePreviewModal" + ) as HTMLDialogElement; const previewFileName = document.getElementById("previewFileName"); - + if (modal && previewFileName) { - console.log('Found all required elements'); + console.log("Found all required elements"); // Update the filename display previewFileName.textContent = filename; - + // Show the modal modal.showModal(); // Dispatch state change event - console.log('Dispatching state change event'); - window.dispatchEvent(new CustomEvent(FILE_PREVIEW_STATE_CHANGE, { - detail: { url, filename } - })); + console.log("Dispatching state change event"); + window.dispatchEvent( + new CustomEvent(FILE_PREVIEW_STATE_CHANGE, { + detail: { url, filename }, + }) + ); } else { - console.error('Missing required elements:', { + console.error("Missing required elements:", { modal: !!modal, - previewFileName: !!previewFileName + previewFileName: !!previewFileName, }); } }; // Close file preview for officer section window.closeFilePreviewOfficer = function () { - console.log('closeFilePreviewOfficer called'); - const modal = document.getElementById("filePreviewModal") as HTMLDialogElement; + console.log("closeFilePreviewOfficer called"); + const modal = document.getElementById( + "filePreviewModal" + ) as HTMLDialogElement; const previewContent = document.getElementById("previewContent"); const previewFileName = document.getElementById("previewFileName"); if (modal && previewContent && previewFileName) { - console.log('Resetting preview and closing modal'); + console.log("Resetting preview and closing modal"); // Reset the preview - const filePreview = previewContent.querySelector('astro-island') as any; + const filePreview = previewContent.querySelector( + "astro-island" + ) as any; if (filePreview) { - const component = filePreview.querySelector('[data-astro-cid]') as any; + const component = filePreview.querySelector( + "[data-astro-cid]" + ) as any; if (component) { - component.setAttribute('url', ''); - component.setAttribute('filename', ''); + component.setAttribute("url", ""); + component.setAttribute("filename", ""); } } previewFileName.textContent = ""; @@ -2383,26 +2433,28 @@ const currentPage = eventResponse.page; }; // Update the showFilePreview function for officer section - window.showFilePreviewOfficer = function (file: { url: string; name: string }) { - console.log('showFilePreviewOfficer called with:', file); + window.showFilePreviewOfficer = function (file: { + url: string; + name: string; + }) { + console.log("showFilePreviewOfficer called with:", file); window.previewFileOfficer(file.url, file.name); }; // Make helper functions available globally window.updateFilePreviewButtons = updateFilePreviewButtons; - window.previewFileOfficer = previewFileOfficer; - window.closeFilePreviewOfficer = closeFilePreviewOfficer; - window.showFilePreviewOfficer = showFilePreviewOfficer; // Add openAttendeesModal function window.openAttendeesModal = function (event: Event) { - console.log('Opening attendees modal for event:', event.id); + console.log("Opening attendees modal for event:", event.id); - const modal = document.getElementById("attendeesModal") as HTMLDialogElement; + const modal = document.getElementById( + "attendeesModal" + ) as HTMLDialogElement; const modalTitle = document.getElementById("attendeesModalTitle"); if (!modal || !modalTitle) { - console.error('Missing required elements'); + console.error("Missing required elements"); return; } @@ -2410,12 +2462,14 @@ const currentPage = eventResponse.page; modalTitle.textContent = `Attendees - ${event.event_name}`; // Dispatch custom event with event data - window.dispatchEvent(new CustomEvent('updateAttendees', { - detail: { - eventId: event.id, - eventName: event.event_name - } - })); + window.dispatchEvent( + new CustomEvent("updateAttendees", { + detail: { + eventId: event.id, + eventName: event.event_name, + }, + }) + ); // Show modal modal.showModal(); diff --git a/src/components/dashboard/Officer_EventManagement/Attendees.tsx b/src/components/dashboard/Officer_EventManagement/Attendees.tsx index b3c50e9..23b519d 100644 --- a/src/components/dashboard/Officer_EventManagement/Attendees.tsx +++ b/src/components/dashboard/Officer_EventManagement/Attendees.tsx @@ -1,6 +1,6 @@ import { useEffect, useState } from 'react'; -import { Get } from '../../pocketbase/Get'; -import { Authentication } from '../../pocketbase/Authentication'; +import { Get } from '../../../scripts/pocketbase/Get'; +import { Authentication } from '../../../scripts/pocketbase/Authentication'; // Add HighlightText component const HighlightText = ({ text, searchTerms }: { text: string | number | null | undefined, searchTerms: string[] }) => { diff --git a/src/components/dashboard/Officer_EventManagement/EventEditor.tsx b/src/components/dashboard/Officer_EventManagement/EventEditor.tsx index 354dd1d..005ba5f 100644 --- a/src/components/dashboard/Officer_EventManagement/EventEditor.tsx +++ b/src/components/dashboard/Officer_EventManagement/EventEditor.tsx @@ -1,9 +1,9 @@ import React, { useState, useEffect, useCallback, useMemo, memo } from "react"; -import { Get } from "../../pocketbase/Get"; -import { Authentication } from "../../pocketbase/Authentication"; -import { Update } from "../../pocketbase/Update"; -import { FileManager } from "../../pocketbase/FileManager"; -import { SendLog } from "../../pocketbase/SendLog"; +import { Get } from "../../../scripts/pocketbase/Get"; +import { Authentication } from "../../../scripts/pocketbase/Authentication"; +import { Update } from "../../../scripts/pocketbase/Update"; +import { FileManager } from "../../../scripts/pocketbase/FileManager"; +import { SendLog } from "../../../scripts/pocketbase/SendLog"; import FilePreview from "./FilePreview"; // Extend Window interface diff --git a/src/components/pocketbase/Authentication.ts b/src/scripts/pocketbase/Authentication.ts similarity index 100% rename from src/components/pocketbase/Authentication.ts rename to src/scripts/pocketbase/Authentication.ts diff --git a/src/components/pocketbase/FileManager.ts b/src/scripts/pocketbase/FileManager.ts similarity index 100% rename from src/components/pocketbase/FileManager.ts rename to src/scripts/pocketbase/FileManager.ts diff --git a/src/components/pocketbase/Get.ts b/src/scripts/pocketbase/Get.ts similarity index 100% rename from src/components/pocketbase/Get.ts rename to src/scripts/pocketbase/Get.ts diff --git a/src/components/pocketbase/SendLog.ts b/src/scripts/pocketbase/SendLog.ts similarity index 100% rename from src/components/pocketbase/SendLog.ts rename to src/scripts/pocketbase/SendLog.ts diff --git a/src/components/pocketbase/Update.ts b/src/scripts/pocketbase/Update.ts similarity index 100% rename from src/components/pocketbase/Update.ts rename to src/scripts/pocketbase/Update.ts