web-mojo 2.1.1087 → 2.1.1091

package/dist/admin.es.js

@@ -1,16 +1,16 @@
 import { P as Page, C as ContextMenu, a as Group, G as GroupList, b as GroupForms, f as UserDevice, i as UserDeviceLocationList, g as UserDeviceList, U as User, e as UserDataView, d as UserForms, c as UserList } from "./chunks/ContextMenu-Cvls3QC_.js";
 import { V as View, M as MOJOUtils, r as rest } from "./chunks/Rest-DpbPbmra.js";
 import "./chunks/WebSocketClient-DghNkEyO.js";
-import { D as Dialog$1 } from "./chunks/Dialog-DHUsZ92-.js";
-import { W } from "./chunks/Dialog-DHUsZ92-.js";
-import { M as MetricsChart, c as MetricsMiniChartWidget, P as PieChart } from "./chunks/MetricsMiniChartWidget-BKbFGvXG.js";
-import { b as TablePage, j as EmailDomainForms, i as EmailDomainList, E as EmailDomain, m as MailboxForms, l as MailboxList, k as Mailbox, q as EmailTemplate, c as TabView, s as EmailTemplateForms, r as EmailTemplateList, I as IncidentEvent, A as IncidentEventForms, z as IncidentEventList, v as FileManagerForms, u as FileManagerList, w as File, T as TableView, y as FileForms, x as FileList, au as GeoLocatedIP, ae as LogList, av as GeoLocatedIPList, af as MemberList, ax as TicketList, D as IncidentList, Y as IncidentStats, O as IncidentHistoryList, N as IncidentHistory, B as Incident, C as ChatView, G as IncidentForms, a2 as Job, a8 as JobEventList, a6 as JobLogList, a4 as JobForms, a3 as JobList, ab as JobRunnerList, a9 as JobsEngineStats, ac as JobRunnerForms, aa as JobRunner, ad as Log, M as Member, ag as MemberForms, ah as MetricsPermission, aj as MetricsForms, ai as MetricsPermissionList, as as PushConfigForms, ap as PushConfigList, ar as PushDeliveryList, al as PushDeviceList, at as PushTemplateForms, an as PushTemplateList, R as RuleSet, _ as MatchByOptions, Z as BundleByOptions, W as RuleList, Q as RuleSetList, h as S3BucketForms, g as S3BucketList, n as SentMessage, o as SentMessageList, az as TicketNoteList, ay as TicketNote, aw as Ticket, aA as TicketForms, aB as TicketCategories } from "./chunks/ChatView-D-5lHZ5H.js";
+import { D as Dialog$1 } from "./chunks/Dialog-DvSrCOj1.js";
+import { W } from "./chunks/Dialog-DvSrCOj1.js";
+import { M as MetricsChart, c as MetricsMiniChartWidget, P as PieChart } from "./chunks/MetricsMiniChartWidget-Z-Iz-gxt.js";
+import { b as TablePage, j as EmailDomainForms, i as EmailDomainList, E as EmailDomain, m as MailboxForms, l as MailboxList, k as Mailbox, q as EmailTemplate, c as TabView, s as EmailTemplateForms, r as EmailTemplateList, I as IncidentEvent, A as IncidentEventForms, z as IncidentEventList, v as FileManagerForms, u as FileManagerList, w as File, T as TableView, y as FileForms, x as FileList, au as GeoLocatedIP, ae as LogList, av as GeoLocatedIPList, af as MemberList, ax as TicketList, D as IncidentList, Y as IncidentStats, O as IncidentHistoryList, N as IncidentHistory, B as Incident, C as ChatView, G as IncidentForms, a2 as Job, a8 as JobEventList, a6 as JobLogList, a4 as JobForms, a3 as JobList, ab as JobRunnerList, a9 as JobsEngineStats, ac as JobRunnerForms, aa as JobRunner, ad as Log, M as Member, ag as MemberForms, ah as MetricsPermission, aj as MetricsForms, ai as MetricsPermissionList, as as PushConfigForms, ap as PushConfigList, ar as PushDeliveryList, al as PushDeviceList, at as PushTemplateForms, an as PushTemplateList, R as RuleSet, _ as MatchByOptions, Z as BundleByOptions, W as RuleList, Q as RuleSetList, h as S3BucketForms, g as S3BucketList, n as SentMessage, o as SentMessageList, az as TicketNoteList, ay as TicketNote, aw as Ticket, aA as TicketForms, aB as TicketCategories } from "./chunks/ChatView-Ddginkt8.js";
 import DataView from "./chunks/DataView-QXyfcg2M.js";
 import { C as Collection, M as Model } from "./chunks/Collection-CsAk0UhA.js";
-import { L as LightboxGallery, P as PDFViewer } from "./chunks/PDFViewer-BIBNhuWY.js";
+import { L as LightboxGallery, P as PDFViewer } from "./chunks/PDFViewer-Bq55sL4x.js";
 import { a as applyFileDropMixin, F as FormView } from "./chunks/FormView-DGRmcKUG.js";
 import { MapView } from "./map.es.js";
-import { B, a, V, b, c, d } from "./chunks/version-Dtwh-YkD.js";
+import { B, a, V, b, c, d } from "./chunks/version-EBP8p8_k.js";
 class AdminHeaderView extends View {
   constructor(options = {}) {
     super({
@@ -1517,9 +1517,13 @@ class FileTablePage extends TablePage {
       pageName: "Manage Files",
       router: "admin/files",
       Collection: FileList,
-      formCreate: FileForms.create,
+      // Don't use formCreate - we have custom file upload handling
       formEdit: FileForms.edit,
       itemViewClass: FileView,
+      // Custom add handler for file uploads
+      onAdd: async (event) => {
+        await this.handleFileUpload(event);
+      },
       viewDialogOptions: {
         header: false,
         size: "xl"
@@ -1599,71 +1603,73 @@ class FileTablePage extends TablePage {
     });
   }
   /**
-   * Override the default add action to handle file uploads
-   * This ensures both button clicks and drag-drop use the same upload flow
+   * Handle file upload via file picker
+   * Opens native file picker and uses same upload flow as drag-drop
    */
-  async onActionAdd(event, element) {
-    event.preventDefault();
-    const Dialog2 = (await import("./chunks/Dialog-DHUsZ92-.js").then((n) => n.a)).default;
-    const formData = await Dialog2.showForm({
-      title: "Upload File",
-      size: "md",
-      fields: [
-        {
-          type: "file",
-          name: "file",
-          label: "Select File",
-          required: true,
-          accept: "*/*",
-          help: "Choose a file to upload (max 100MB)"
-        },
-        {
-          type: "text",
-          name: "description",
-          label: "Description (optional)",
-          placeholder: "Enter a description for this file",
-          cols: 12
+  async handleFileUpload(event) {
+    if (event) event.preventDefault();
+    const fileInput = document.createElement("input");
+    fileInput.type = "file";
+    fileInput.accept = "*/*";
+    fileInput.multiple = false;
+    fileInput.style.display = "none";
+    fileInput.addEventListener("change", async (e) => {
+      const file = e.target.files[0];
+      if (!file) {
+        return;
+      }
+      const maxSize = 100 * 1024 * 1024;
+      if (file.size > maxSize) {
+        this.showError(`File size (${this._formatFileSize(file.size)}) exceeds maximum (${this._formatFileSize(maxSize)})`);
+        return;
+      }
+      try {
+        const fileModel = new File();
+        let extra = {};
+        if (this.options.requiresGroup && this.getApp().activeGroup) {
+          extra.group = this.getApp().activeGroup.id;
         }
-      ]
-    });
-    if (!formData) {
-      return;
-    }
-    const file = formData.file;
-    if (!file || !(file instanceof File)) {
-      this.showError("No file selected");
-      return;
-    }
-    console.log(`File Selected: ${file.name} (${file.type}) (${file.size} bytes)`);
-    try {
-      const fileModel = new File();
-      let extra = {};
-      if (this.options.requiresGroup && this.getApp().activeGroup) {
-        extra.group = this.getApp().activeGroup.id;
+        const upload = fileModel.upload({
+          file,
+          name: file.name,
+          description: `File uploaded on ${(/* @__PURE__ */ new Date()).toLocaleDateString()}`,
+          showToast: true,
+          onProgress: (progressInfo) => {
+            console.log(`Upload progress: ${progressInfo.percentage}%`);
+          },
+          onComplete: (result) => {
+            console.log("Upload completed:", result);
+            this.refresh();
+          },
+          onError: (error) => {
+            console.error("Upload failed:", error);
+            this.showError("Upload failed: " + error.message);
+          },
+          ...extra
+        });
+        await upload;
+      } catch (error) {
+        console.error("Error starting file upload:", error);
+        this.showError("Failed to start file upload: " + error.message);
+      } finally {
+        fileInput.remove();
       }
-      const upload = fileModel.upload({
-        file,
-        name: file.name,
-        description: formData.description || `File uploaded on ${(/* @__PURE__ */ new Date()).toLocaleDateString()}`,
-        showToast: true,
-        onProgress: (progressInfo) => {
-          console.log(`Upload progress: ${progressInfo.percentage}%`);
-        },
-        onComplete: (result) => {
-          console.log("Upload completed:", result);
-          this.refresh();
-        },
-        onError: (error) => {
-          console.error("Upload failed:", error);
-          this.showError("Upload failed: " + error.message);
-        },
-        ...extra
-      });
-      await upload;
-    } catch (error) {
-      console.error("Error starting file upload:", error);
-      this.showError("Failed to start file upload: " + error.message);
-    }
+    });
+    document.body.appendChild(fileInput);
+    fileInput.click();
+  }
+  /**
+   * Format file size for display
+   * @param {number} bytes - File size in bytes
+   * @returns {string} Formatted file size
+   * @private
+   */
+  _formatFileSize(bytes) {
+    if (bytes === 0) return "0 Bytes";
+    const k = 1024;
+    const sizes = ["Bytes", "KB", "MB", "GB"];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
   }
   async onFileDrop(files, event, validation) {
     const file = files[0];