web-mojo 2.1.917 → 2.1.954

package/dist/admin.es.js

@@ -1,13 +1,15 @@
-import { P as Page } from "./chunks/Page-CFzSUQLz.js";
-import { V as View, h as MOJOUtils } from "./chunks/WebApp-MzDCFzar.js";
-import { B, b, a, c, e, f, W } from "./chunks/WebApp-MzDCFzar.js";
-import Dialog$1 from "./chunks/Dialog-D9qIh5Jb.js";
-import { M as MetricsChart, c as MetricsMiniChartWidget, P as PieChart } from "./chunks/MetricsMiniChartWidget-CoapKHw0.js";
-import { b as TablePage, k as EmailDomainForms, j as EmailDomainList, E as EmailDomain, n as MailboxForms, m as MailboxList, l as Mailbox, r as EmailTemplate, d as TabView, t as EmailTemplateForms, s as EmailTemplateList, I as IncidentEvent, B as IncidentEventForms, A as IncidentEventList, w as FileManagerForms, v as FileManagerList, x as File, T as TableView, z as FileForms, y as FileList, av as GeoLocatedIP, aw as GeoLocatedIPList, ag as MemberList, af as LogList, ay as TicketList, G as IncidentList, _ as IncidentStats, R as IncidentHistoryList, Q as IncidentHistory, D as Incident, C as ChatView, H as IncidentForms, a3 as Job, a9 as JobEventList, a7 as JobLogList, a5 as JobForms, a4 as JobList, ac as JobRunnerList, aa as JobsEngineStats, ad as JobRunnerForms, ab as JobRunner, ae as Log, M as Member, ah as MemberForms, ai as MetricsPermission, ak as MetricsForms, aj as MetricsPermissionList, at as PushConfigForms, aq as PushConfigList, as as PushDeliveryList, am as PushDeviceList, au as PushTemplateForms, ao as PushTemplateList, U as RuleSet, a0 as MatchByOptions, $ as BundleByOptions, Y as RuleList, V as RuleSetList, i as S3BucketForms, h as S3BucketList, o as SentMessage, p as SentMessageList, aA as TicketNoteList, az as TicketNote, ax as Ticket, aB as TicketForms, aC as TicketCategories } from "./chunks/ChatView-D9hJ2u6c.js";
-import DataView from "./chunks/DataView-BDUCD0q0.js";
-import { b as ContextMenu, C as Collection, a as Group, G as GroupList, c as GroupForms, g as UserDevice, j as UserDeviceLocationList, h as UserDeviceList, U as User, f as UserDataView, e as UserForms, d as UserList } from "./chunks/ContextMenu-BlmrYFlZ.js";
-import { L as LightboxGallery, P as PDFViewer } from "./chunks/PDFViewer-BXcYgXKx.js";
-import { a as applyFileDropMixin, F as FormView } from "./chunks/FormView-Bq74K6dj.js";
+import { P as Page } from "./chunks/Page-Deq4y2Kq.js";
+import { V as View, M as MOJOUtils } from "./chunks/Rest-CS4jRCAs.js";
+import Dialog$1 from "./chunks/Dialog-C2mRUxga.js";
+import { M as MetricsChart, c as MetricsMiniChartWidget, P as PieChart } from "./chunks/MetricsMiniChartWidget-Y70IHFIe.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, at as GeoLocatedIP, au as GeoLocatedIPList, ae as MemberList, ad as LogList, aw as TicketList, D as IncidentList, Y as IncidentStats, O as IncidentHistoryList, N as IncidentHistory, B as Incident, C as ChatView, G as IncidentForms, a1 as Job, a7 as JobEventList, a5 as JobLogList, a3 as JobForms, a2 as JobList, aa as JobRunnerList, a8 as JobsEngineStats, ab as JobRunnerForms, a9 as JobRunner, ac as Log, M as Member, af as MemberForms, ag as MetricsPermission, ai as MetricsForms, ah as MetricsPermissionList, ar as PushConfigForms, ao as PushConfigList, aq as PushDeliveryList, ak as PushDeviceList, as as PushTemplateForms, am 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, ay as TicketNoteList, ax as TicketNote, av as Ticket, az as TicketForms, aA as TicketCategories } from "./chunks/ChatView-Dcz7LkwL.js";
+import DataView from "./chunks/DataView-OUqaLmGB.js";
+import { 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-ixMyAUGS.js";
+import { C as Collection } from "./chunks/Collection-OP7c9Zyu.js";
+import { L as LightboxGallery, P as PDFViewer } from "./chunks/PDFViewer-DkbYnnoV.js";
+import { a as applyFileDropMixin, F as FormView } from "./chunks/FormView-HWvIdFkB.js";
+import { MapView } from "./map.es.js";
+import { B, a, V, b, c, d, W } from "./chunks/WebApp-BVGZC2rj.js";
 class AdminHeaderView extends View {
   constructor(options = {}) {
     super({
@@ -1590,7 +1592,7 @@ class FileTablePage extends TablePage {
    */
   async onActionAdd(event, element) {
     event.preventDefault();
-    const Dialog2 = (await import("./chunks/Dialog-D9qIh5Jb.js")).default;
+    const Dialog2 = (await import("./chunks/Dialog-C2mRUxga.js")).default;
     const formData = await Dialog2.showForm({
       title: "Upload File",
       size: "md",
@@ -1686,185 +1688,6 @@ class FileTablePage extends TablePage {
   }
 }
 applyFileDropMixin(FileTablePage);
-class MapView extends View {
-  constructor(options = {}) {
-    super({
-      className: "map-view",
-      ...options
-    });
-    this.markers = options.markers || [];
-    this.center = options.center || null;
-    this.zoom = options.zoom || 13;
-    this.height = options.height || 400;
-    this.showZoomControl = options.showZoomControl !== false;
-    this.tileLayer = options.tileLayer || "osm";
-    this.map = null;
-    this.leafletMarkers = [];
-    this.template = `
-            <div class="map-container">
-                <div id="map-{{id}}" style="height: {{height}}px; width: 100%; border-radius: 0.375rem; border: 1px solid #dee2e6;"></div>
-            </div>
-        `;
-  }
-  async onAfterRender() {
-    await this.loadLeaflet();
-    await this.initializeMap();
-  }
-  async loadLeaflet() {
-    if (window.L) return;
-    const cssLoaded = new Promise((resolve) => {
-      const link = document.createElement("link");
-      link.rel = "stylesheet";
-      link.href = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.css";
-      link.onload = resolve;
-      link.onerror = resolve;
-      document.head.appendChild(link);
-    });
-    const jsLoaded = new Promise((resolve, reject) => {
-      const script = document.createElement("script");
-      script.src = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.js";
-      script.onload = resolve;
-      script.onerror = reject;
-      document.head.appendChild(script);
-    });
-    await Promise.all([cssLoaded, jsLoaded]);
-  }
-  getTileLayerUrl() {
-    const tileLayers = {
-      // Standard street maps
-      osm: {
-        url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
-        attribution: "© OpenStreetMap contributors",
-        maxZoom: 19
-      },
-      // Satellite imagery
-      satellite: {
-        url: "https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
-        attribution: "© Esri",
-        maxZoom: 19
-      },
-      // Terrain and topographic
-      terrain: {
-        url: "https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png",
-        attribution: "© OpenTopoMap contributors",
-        maxZoom: 17
-      },
-      // Dark mode styles
-      dark: {
-        url: "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png",
-        attribution: "© OpenStreetMap contributors © CARTO",
-        maxZoom: 20
-      },
-      // Light/minimal styles
-      light: {
-        url: "https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png",
-        attribution: "© OpenStreetMap contributors © CARTO",
-        maxZoom: 20
-      },
-      // Watercolor artistic style
-      watercolor: {
-        url: "https://tiles.stadiamaps.com/tiles/stamen_watercolor/{z}/{x}/{y}.jpg",
-        attribution: "© Stadia Maps © Stamen Design © OpenStreetMap contributors",
-        maxZoom: 16
-      },
-      // Black and white
-      bw: {
-        url: "https://{s}.basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}{r}.png",
-        attribution: "© OpenStreetMap contributors © CARTO",
-        maxZoom: 20
-      },
-      // Streets with labels
-      streets: {
-        url: "https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png",
-        attribution: "© OpenStreetMap contributors © CARTO",
-        maxZoom: 20
-      }
-    };
-    return tileLayers[this.tileLayer] || tileLayers.osm;
-  }
-  async initializeMap() {
-    const mapElement = this.element.querySelector(`#map-${this.id}`);
-    if (!mapElement || !window.L) return;
-    let mapCenter = this.center;
-    if (!mapCenter && this.markers.length > 0) {
-      mapCenter = [this.markers[0].lat, this.markers[0].lng];
-    }
-    if (!mapCenter) {
-      mapCenter = [0, 0];
-    }
-    this.map = window.L.map(mapElement, {
-      center: mapCenter,
-      zoom: this.zoom,
-      zoomControl: this.showZoomControl
-    });
-    const tileConfig = this.getTileLayerUrl();
-    window.L.tileLayer(tileConfig.url, {
-      attribution: tileConfig.attribution,
-      maxZoom: tileConfig.maxZoom
-    }).addTo(this.map);
-    this.addMarkers(this.markers);
-    if (this.markers.length > 1) {
-      this.fitBounds();
-    }
-    setTimeout(() => {
-      if (this.map) {
-        this.map.invalidateSize();
-      }
-    }, 300);
-  }
-  addMarkers(markers) {
-    if (!this.map || !Array.isArray(markers)) return;
-    markers.forEach((markerData) => {
-      const { lat, lng, popup, icon } = markerData;
-      if (!lat || !lng) return;
-      const markerOptions = {};
-      if (icon) {
-        markerOptions.icon = window.L.icon(icon);
-      }
-      const marker = window.L.marker([lat, lng], markerOptions).addTo(this.map);
-      if (popup) {
-        marker.bindPopup(popup);
-      }
-      this.leafletMarkers.push(marker);
-    });
-  }
-  fitBounds() {
-    if (!this.map || this.leafletMarkers.length === 0) return;
-    const group = new window.L.featureGroup(this.leafletMarkers);
-    this.map.fitBounds(group.getBounds().pad(0.1));
-  }
-  updateMarkers(newMarkers) {
-    this.clearMarkers();
-    this.markers = newMarkers;
-    this.addMarkers(newMarkers);
-    if (newMarkers.length > 1) {
-      this.fitBounds();
-    } else if (newMarkers.length === 1) {
-      this.map.setView([newMarkers[0].lat, newMarkers[0].lng], this.zoom);
-    }
-  }
-  clearMarkers() {
-    this.leafletMarkers.forEach((marker) => {
-      this.map.removeLayer(marker);
-    });
-    this.leafletMarkers = [];
-  }
-  setView(lat, lng, zoom = null) {
-    if (!this.map) return;
-    this.map.setView([lat, lng], zoom || this.zoom);
-  }
-  setZoom(zoom) {
-    if (!this.map) return;
-    this.map.setZoom(zoom);
-  }
-  async onBeforeDestroy() {
-    if (this.map) {
-      this.map.remove();
-      this.map = null;
-    }
-    await super.onBeforeDestroy();
-  }
-}
 class GeoIPView extends View {
   constructor(options = {}) {
     super({
@@ -2216,7 +2039,12 @@ class GroupView extends View {
         { key: "user.display_name", label: "User", sortable: true },
         { key: "user.email", label: "Email", sortable: true },
         { key: "created", label: "Date Joined", formatter: "date", sortable: true }
-      ]
+      ],
+      showAdd: true,
+      addButtonLabel: "Invite",
+      onAdd: async (event) => {
+        this.onInviteClick(event);
+      }
     });
     const childrenCollection = new GroupList({
       params: { parent: this.model.get("id"), size: 5 }
@@ -2304,6 +2132,37 @@ class GroupView extends View {
     console.log("TODO: View parent group", parentId);
     this.emit("view-parent-group", { groupId: parentId });
   }
+  async onInviteClick(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    const app = this.getApp();
+    const data = await app.showForm({
+      title: "Invite User To " + this.model.get("name"),
+      fields: [
+        {
+          type: "email",
+          name: "email",
+          label: "Email",
+          required: true,
+          columns: 12
+        }
+      ]
+    });
+    if (data && data.email) {
+      app.showLoading();
+      const resp = await app.rest.POST("/api/group/member/invite", {
+        group: this.model.id,
+        email: data.email
+      });
+      app.hideLoading();
+      if (resp.success) {
+        app.toast.success("User invited successfully");
+        this.membersView.collection.fetch();
+      } else {
+        app.toast.error("Failed to invite user");
+      }
+    }
+  }
 }
 Group.VIEW_CLASS = GroupView;
 class GroupTablePage extends TablePage {
@@ -2329,23 +2188,15 @@ class GroupTablePage extends TablePage {
         {
           key: "id",
           label: "ID",
-          width: "60px",
           sortable: true,
           class: "text-muted"
         },
         {
-          key: "is_active|yesnoicon",
-          label: "Enabled",
-          visibility: "lg"
-        },
-        {
-          label: "Avatar",
-          key: 'avatar|avatar("sm", "rounded")',
-          sortable: false,
-          visibility: "lg"
+          key: "name",
+          label: "Display Name"
         },
         {
-          key: "kind",
+          key: "kind|badge",
           label: "Kind",
           filter: {
             type: "select",
@@ -2353,14 +2204,16 @@ class GroupTablePage extends TablePage {
           }
         },
         {
-          key: "name",
-          label: "Display Name"
+          key: "is_active|yesnoicon",
+          label: "Enabled",
+          visibility: "lg"
         },
         {
           key: "parent.name",
           label: "Parent",
-          formatter: "default('No Parent')",
-          visibility: "md"
+          formatter: "default('-')",
+          visibility: "md",
+          class: "text-muted fs-8"
         },
         {
           key: "created",
@@ -2368,6 +2221,13 @@ class GroupTablePage extends TablePage {
           className: "text-muted fs-8",
           formatter: "epoch|datetime",
           visibility: "lg"
+        },
+        {
+          key: "last_activity",
+          label: "Activity",
+          className: "text-muted fs-8",
+          formatter: "relative",
+          visibility: "lg"
         }
       ],
       filters: [
@@ -4682,7 +4542,7 @@ class LogView extends View {
     try {
       const parsed = JSON.parse(logContent);
       formattedLog = JSON.stringify(parsed, null, 2);
-    } catch (e2) {
+    } catch (e) {
     }
     this.logContentView = new View({
       template: `
@@ -8273,10 +8133,22 @@ class UserView extends View {
     console.log("TODO: reset password");
   }
   async onActionDeactivateUser() {
-    console.log("TODO: deactivate user");
+    const res = await Dialog$1.confirm("Are you sure you want to disable this user?");
+    if (res) {
+      await this.model.save({ is_active: false });
+      this.getApp().toast.success("Member disable");
+    } else {
+      this.getApp().toast.error("Member disable failed");
+    }
   }
   async onActionActivateUser() {
-    console.log("TODO: activate user");
+    const res = await Dialog$1.confirm("Are you sure you want to enable this user?");
+    if (res) {
+      await this.model.save({ is_active: true });
+      this.getApp().toast.success("Member enabled");
+    } else {
+      this.getApp().toast.error("Member enable failed");
+    }
   }
   // Action handlers for table interactions
   async onActionViewGroup(action, event, element) {
@@ -8321,38 +8193,93 @@ class UserTablePage extends TablePage {
       Collection: UserList,
       viewDialogOptions: { header: false },
       defaultQuery: {
-        sort: "-last_activity"
+        sort: "-last_activity",
+        is_active: true
       },
       // Column definitions
       columns: [
         {
           key: "id",
           label: "ID",
-          width: "60px",
           sortable: true,
           class: "text-muted"
         },
+        // {
+        //     label: 'Avatar',
+        //     key: 'avatar|avatar("sm")',
+        //     sortable: false,
+        //     visibility: 'md'
+        // },
+        {
+          key: "display_name|tooltip:model.username",
+          label: "Display Name"
+        },
         {
-          label: "Avatar",
-          key: 'avatar|avatar("sm")',
+          label: "Info",
+          key: "permissions.manage_users",
+          template: `
+                    {{^model.is_active}}<span class="text-danger">DISABLED</span> {{/model.is_active}}
+                    {{#model.permissions.manage_users}}{{{model.permissions.manage_users|yesnoicon('bi bi-person-gear text-danger')|tooltip('Manage Users')}}} {{/model.permissions.manage_users}}
+                    {{#model.permissions.manage_groups}}{{{model.permissions.manage_groups|yesnoicon('bi bi-building-gear text-primary')|tooltip('Manage Groups')}}} {{/model.permissions.manage_groups}}
+                    {{#model.permissions.view_global}}{{{model.permissions.view_global|yesnoicon('bi bi-globe text-secondary')|tooltip('View Global Menu')}}} {{/model.permissions.view_global}}
+                    {{#model.permissions.view_admin}}{{{model.permissions.view_admin|yesnoicon('bi bi-wrench text-secondary')|tooltip('View Admin Menu')}}} {{/model.permissions.view_admin}}
+                    `,
           sortable: false
         },
         {
-          key: "display_name|tooltip:model.email",
-          label: "Display Name"
+          key: "email",
+          label: "Email",
+          visibility: "xl",
+          className: "text-muted fs-8"
         },
+        // {
+        //     key: 'username',
+        //     label: 'Username',
+        //     visibility: 'xl',
+        //     className: 'text-muted fs-8',
+        // },
         {
-          key: "username",
-          label: "Username"
+          key: "last_activity",
+          label: "Last Activity",
+          formatter: "relative",
+          className: "text-muted fs-8"
+        }
+      ],
+      filters: [
+        {
+          key: "is_active",
+          label: "Active",
+          type: "boolean",
+          defaultValue: true
         },
         {
           key: "email",
-          label: "Email"
+          label: "Email",
+          type: "text",
+          defaultValue: ""
+        },
+        {
+          key: "username",
+          label: "Username",
+          type: "text",
+          defaultValue: ""
+        },
+        {
+          key: "locations__ip_address",
+          label: "IP Address",
+          type: "text",
+          defaultValue: ""
         },
         {
           key: "last_activity",
-          label: "Last Activity",
-          formatter: "epoch|datetime"
+          type: "daterange",
+          startName: "dr_start",
+          endName: "dr_end",
+          fieldName: "dr_field",
+          label: "Date Range",
+          format: "YYYY-MM-DD",
+          displayFormat: "MMM DD, YYYY",
+          separator: " to "
         }
       ],
       // Table features
@@ -8391,17 +8318,6 @@ class UserTablePage extends TablePage {
           label: "Send Invite"
         }
       ],
-      batchBarLocation: "top",
-      batchActions: [
-        {
-          icon: "bi-x-circle",
-          action: "disable-users",
-          label: "Disable Users",
-          handler: async (items, event, el) => {
-            console.log("ADMIN CLICKED", items, this);
-          }
-        }
-      ],
       // Table display options (for HTML table styling)
       tableOptions: {
         striped: true,
@@ -8412,14 +8328,14 @@ class UserTablePage extends TablePage {
     });
   }
   async onActionEditPermissions(event, element) {
+    event.preventDefault();
     const item = this.collection.get(element.dataset.id);
-    const result = await Dialog$1.showModelForm({
+    await Dialog$1.showModelForm({
       model: item,
       size: "lg",
       title: `Edit Permissions for "${item._.username}"`,
       fields: UserForms.permissions.fields
     });
-    console.log(result);
   }
   async onActionChangePassword(event, element) {
     const item = this.collection.get(element.dataset.id);
@@ -8550,12 +8466,6 @@ function registerAdminPages(app, addToMenu = true) {
           icon: "bi-diagram-3",
           permissions: ["manage_groups"]
         },
-        {
-          text: "Members",
-          route: "?page=admin/members",
-          icon: "bi-person-badge",
-          permissions: ["manage_groups"]
-        },
         {
           text: "Incidents & Tickets",
           route: null,
@@ -8761,11 +8671,11 @@ export {
   UserDeviceTablePage,
   UserTablePage,
   UserView,
-  b as VERSION,
-  a as VERSION_INFO,
-  c as VERSION_MAJOR,
-  e as VERSION_MINOR,
-  f as VERSION_REVISION,
+  a as VERSION,
+  V as VERSION_INFO,
+  b as VERSION_MAJOR,
+  c as VERSION_MINOR,
+  d as VERSION_REVISION,
   W as WebApp,
   registerAdminPages
 };