web-mojo 2.1.867 → 2.1.917

package/dist/admin.es.js

@@ -1,13 +1,13 @@
-import { P as Page } from "./chunks/Page-CeYPFh_j.js";
-import { V as View, h as MOJOUtils } from "./chunks/WebApp-DLAySO90.js";
-import { B, b, a, c, e, f, W } from "./chunks/WebApp-DLAySO90.js";
-import Dialog$1 from "./chunks/Dialog-CQA_WzmY.js";
-import { M as MetricsChart, c as MetricsMiniChartWidget, P as PieChart } from "./chunks/MetricsMiniChartWidget-Dz2d0GG2.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-8wuIN1zH.js";
-import DataView from "./chunks/DataView-DhbOr4Wm.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-DPxZgf69.js";
-import { L as LightboxGallery, P as PDFViewer } from "./chunks/PDFViewer-BJT0-zQL.js";
-import { a as applyFileDropMixin, F as FormView } from "./chunks/FormView-DbPm-jDU.js";
+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";
 class AdminHeaderView extends View {
   constructor(options = {}) {
     super({
@@ -1590,7 +1590,7 @@ class FileTablePage extends TablePage {
    */
   async onActionAdd(event, element) {
     event.preventDefault();
-    const Dialog2 = (await import("./chunks/Dialog-CQA_WzmY.js")).default;
+    const Dialog2 = (await import("./chunks/Dialog-D9qIh5Jb.js")).default;
     const formData = await Dialog2.showForm({
       title: "Upload File",
       size: "md",
@@ -1686,6 +1686,185 @@ 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({
@@ -1720,36 +1899,99 @@ class GeoIPView extends View {
                     </div>
                 </div>
 
-                <!-- Body -->
-                <div data-container="geoip-data-view"></div>
+                <!-- Tabs -->
+                <div data-container="geoip-tabs"></div>
             </div>
         `;
   }
   async onInit() {
-    this.dataView = new DataView({
-      containerId: "geoip-data-view",
+    this.detailsView = new DataView({
       model: this.model,
-      className: "p-3 border rounded",
+      className: "p-3",
       showEmptyValues: true,
       emptyValueText: "—",
       columns: 2,
       fields: [
-        { name: "id", label: "ID" },
-        { name: "subnet", label: "Subnet" },
-        { name: "country_code", label: "Country Code" },
-        { name: "region", label: "Region" },
-        { name: "city", label: "City" },
-        { name: "postal_code", label: "Postal Code" },
-        { name: "latitude", label: "Latitude" },
-        { name: "longitude", label: "Longitude" },
-        { name: "timezone", label: "Timezone" },
-        { name: "created", label: "Created", format: "datetime" },
-        { name: "modified", label: "Last Modified", format: "datetime" },
-        { name: "expires_at", label: "Expires", format: "datetime" }
+        { name: "ip_address", label: "IP Address", cols: 4 },
+        { name: "subnet", label: "Subnet", cols: 4 },
+        { name: "country_name", label: "Country", cols: 4 },
+        { name: "country_code", label: "Country Code", cols: 4 },
+        { name: "region", label: "Region", cols: 4 },
+        { name: "city", label: "City", cols: 4 },
+        { name: "postal_code", label: "Postal Code", cols: 4 },
+        { name: "timezone", label: "Timezone", cols: 4 },
+        { name: "latitude", label: "Latitude", cols: 4 },
+        { name: "longitude", label: "Longitude", cols: 4 }
       ]
     });
-    this.addChild(this.dataView);
+    this.securityView = new DataView({
+      model: this.model,
+      className: "p-3",
+      showEmptyValues: true,
+      emptyValueText: "—",
+      columns: 2,
+      fields: [
+        { name: "threat_level", label: "Threat Level", cols: 4 },
+        { name: "is_tor", label: "TOR Exit Node", cols: 4 },
+        { name: "is_vpn", label: "VPN", formatter: "yesnoicon", cols: 4 },
+        { name: "is_proxy", label: "Proxy", formatter: "yesnoicon", cols: 4 },
+        { name: "is_cloud", label: "Cloud Provider", formatter: "yesnoicon", cols: 4 },
+        { name: "is_datacenter", label: "Datacenter", formatter: "yesnoicon", cols: 4 },
+        { name: "asn", label: "ASN", cols: 4 },
+        { name: "asn_org", label: "ASN Organization", cols: 4 },
+        { name: "isp", label: "ISP", cols: 4 },
+        { name: "connection_type", label: "Connection Type", cols: 6 }
+      ]
+    });
+    this.metadataView = new DataView({
+      model: this.model,
+      className: "p-3",
+      showEmptyValues: true,
+      emptyValueText: "—",
+      columns: 2,
+      fields: [
+        { name: "id", label: "Record ID", cols: 6 },
+        { name: "provider", label: "Data Provider", formatter: "capitalize", cols: 6 },
+        { name: "created", label: "Created", formatter: "datetime", cols: 6 },
+        { name: "modified", label: "Last Modified", formatter: "datetime", cols: 6 },
+        { name: "expires_at", label: "Expires", formatter: "datetime", cols: 12 }
+      ]
+    });
+    const tabs = {
+      "Location": this.detailsView,
+      "Security": this.securityView,
+      "Metadata": this.metadataView
+    };
+    if (this.hasCoordinates) {
+      const lat = this.model.get("latitude");
+      const lng = this.model.get("longitude");
+      const city = this.model.get("city") || "Unknown";
+      const region = this.model.get("region") || "";
+      const country = this.model.get("country_name") || "";
+      const locationStr = [city, region, country].filter(Boolean).join(", ");
+      this.mapView = new MapView({
+        markers: [{
+          lat,
+          lng,
+          popup: `<strong>${this.model.get("ip_address")}</strong><br>${locationStr}`
+        }],
+        tileLayer: "light",
+        zoom: 4,
+        height: 450
+      });
+      tabs["Map"] = this.mapView;
+    }
+    this.tabView = new TabView({
+      containerId: "geoip-tabs",
+      tabs,
+      activeTab: this.hasCoordinates ? "Map" : "Location"
+    });
+    this.addChild(this.tabView);
     const menuItems = [
+      { label: "Edit Location", action: "edit-location", icon: "bi-geo-alt" },
+      { label: "Edit Security", action: "edit-security", icon: "bi-shield-lock" },
+      { label: "Edit Network", action: "edit-network", icon: "bi-diagram-3" },
+      { type: "divider" },
       { label: "Refresh Geolocation", action: "refresh-geoip", icon: "bi-arrow-clockwise" }
     ];
     if (this.hasCoordinates) {
@@ -1774,8 +2016,41 @@ class GeoIPView extends View {
     });
     this.addChild(geoIPMenu);
   }
+  async onActionEditLocation() {
+    const resp = await Dialog$1.showModelForm({
+      title: `Edit Location - ${this.model.get("ip_address")}`,
+      model: this.model,
+      formConfig: GeoLocatedIP.EDIT_LOCATION_FORM
+    });
+    if (resp) {
+      await this.render();
+      this.getApp()?.toast?.success("Location updated successfully");
+    }
+  }
+  async onActionEditSecurity() {
+    const resp = await Dialog$1.showModelForm({
+      title: `Edit Security - ${this.model.get("ip_address")}`,
+      model: this.model,
+      formConfig: GeoLocatedIP.EDIT_SECURITY_FORM
+    });
+    if (resp) {
+      await this.render();
+      this.getApp()?.toast?.success("Security settings updated successfully");
+    }
+  }
+  async onActionEditNetwork() {
+    const resp = await Dialog$1.showModelForm({
+      title: `Edit Network - ${this.model.get("ip_address")}`,
+      model: this.model,
+      formConfig: GeoLocatedIP.EDIT_NETWORK_FORM
+    });
+    if (resp) {
+      await this.render();
+      this.getApp()?.toast?.success("Network information updated successfully");
+    }
+  }
   async onActionRefreshGeoip() {
-    console.log("Refreshing GeoIP for:", this.model.get("ip_address"));
+    await this.model.save({ refresh: true });
     this.getApp()?.toast?.info("Refresh request sent for " + this.model.get("ip_address"));
   }
   async onActionViewOnMap() {
@@ -1826,20 +2101,19 @@ class GeoLocatedIPTablePage extends TablePage {
       pageName: "GeoIP Cache",
       router: "admin/system/geoip",
       Collection: GeoLocatedIPList,
-      itemViewClass: GeoIPView,
+      itemView: GeoIPView,
       viewDialogOptions: {
         header: false,
-        size: "lg"
+        size: "xl"
       },
       // Column definitions
       columns: [
-        { key: "id", label: "ID", width: "70px", sortable: true, class: "text-muted" },
         { key: "ip_address", label: "IP Address", sortable: true },
         { key: "city", label: "City", sortable: true, formatter: "default('—')" },
         { key: "region", label: "Region", sortable: true, formatter: "default('—')" },
         { key: "country_name", label: "Country", sortable: true, formatter: "default('—')" },
-        { key: "provider", label: "Provider", sortable: true },
-        { key: "is_expired", label: "Expired", formatter: "boolean|badge" }
+        { key: "isp", label: "ISP", sortable: true, formatter: "default('—')" },
+        { key: "threat_level", label: "Threat", formatter: "default('—')" }
       ],
       // Table features
       selectable: true,
@@ -1847,6 +2121,9 @@ class GeoLocatedIPTablePage extends TablePage {
       sortable: true,
       filterable: true,
       paginated: true,
+      // Actions
+      // actions: ['view', 'edit', 'delete'],
+      clickAction: "view",
       // Toolbar
       showRefresh: true,
       showAdd: false,