web-mojo 2.1.175 → 2.1.244

package/dist/admin.es.js

@@ -1,14 +1,14 @@
-import { P as Page } from "./chunks/Page-tbcVc_Wl.js";
-import { V as View, h as MOJOUtils } from "./chunks/WebApp-B2r2EDj7.js";
-import { B, b, a, c, e, f, W } from "./chunks/WebApp-B2r2EDj7.js";
-import Dialog$1 from "./chunks/Dialog-eoLNdg-d.js";
-import { M as MetricsChart, P as PieChart } from "./chunks/MetricsChart-DY1w4wC-.js";
-import { b as TablePage, i as EmailDomainForms, h as EmailDomainList, E as EmailDomain, l as MailboxForms, k as MailboxList, j as Mailbox, p as EmailTemplate, d as TabView, r as EmailTemplateForms, q as EmailTemplateList, I as IncidentEvent, z as IncidentEventForms, y as IncidentEventList, u as FileManagerForms, t as FileManagerList, v as File, T as TableView, x as FileForms, w as FileList, am as GeoLocatedIP, an as GeoLocatedIPList, a7 as MemberList, a6 as LogList, ap as TicketList, B as IncidentList, V as IncidentStats, N as IncidentHistoryList, K as IncidentHistory, F as FilePreviewView, A as Incident, C as IncidentForms, W as Job, a0 as JobEventList, _ as JobLogList, Y as JobForms, X as JobList, a3 as JobRunnerList, a1 as JobsEngineStats, a4 as JobRunnerForms, a2 as JobRunner, a5 as Log, M as Member, a8 as MemberForms, a9 as MetricsPermission, ab as MetricsForms, aa as MetricsPermissionList, ak as PushConfigForms, ah as PushConfigList, aj as PushDeliveryList, ad as PushDeviceList, al as PushTemplateForms, af as PushTemplateList, R as RuleSet, U as RuleList, O as RuleSetList, g as S3BucketForms, f as S3BucketList, m as SentMessage, n as SentMessageList, ar as TicketNoteList, aq as TicketNote, ao as Ticket, as as TicketForms } from "./chunks/FilePreviewView-Crpalaos.js";
-import DataView from "./chunks/DataView-UjG66gmW.js";
-import { C as ContextMenu } from "./chunks/ContextMenu-CuTbtePk.js";
-import { C as Collection, 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/User-DI3U4oRV.js";
-import { L as LightboxGallery, P as PDFViewer } from "./chunks/PDFViewer-CYaI8u8I.js";
-import { a as applyFileDropMixin } from "./chunks/FormView-fUbbKQQU.js";
+import { P as Page } from "./chunks/Page-CouRTtLr.js";
+import { V as View, h as MOJOUtils } from "./chunks/WebApp-CR6b7HZz.js";
+import { B, b, a, c, e, f, W } from "./chunks/WebApp-CR6b7HZz.js";
+import Dialog$1 from "./chunks/Dialog-DWDn0XUt.js";
+import { M as MetricsChart, P as PieChart } from "./chunks/MetricsChart-D1n5a4YY.js";
+import { b as TablePage, i as EmailDomainForms, h as EmailDomainList, E as EmailDomain, l as MailboxForms, k as MailboxList, j as Mailbox, p as EmailTemplate, d as TabView, r as EmailTemplateForms, q as EmailTemplateList, I as IncidentEvent, z as IncidentEventForms, y as IncidentEventList, u as FileManagerForms, t as FileManagerList, v as File, T as TableView, x as FileForms, w as FileList, am as GeoLocatedIP, an as GeoLocatedIPList, a7 as MemberList, a6 as LogList, ap as TicketList, B as IncidentList, V as IncidentStats, N as IncidentHistoryList, K as IncidentHistory, F as FilePreviewView, A as Incident, C as IncidentForms, W as Job, a0 as JobEventList, _ as JobLogList, Y as JobForms, X as JobList, a3 as JobRunnerList, a1 as JobsEngineStats, a4 as JobRunnerForms, a2 as JobRunner, a5 as Log, M as Member, a8 as MemberForms, a9 as MetricsPermission, ab as MetricsForms, aa as MetricsPermissionList, ak as PushConfigForms, ah as PushConfigList, aj as PushDeliveryList, ad as PushDeviceList, al as PushTemplateForms, af as PushTemplateList, R as RuleSet, U as RuleList, O as RuleSetList, g as S3BucketForms, f as S3BucketList, m as SentMessage, n as SentMessageList, ar as TicketNoteList, aq as TicketNote, ao as Ticket, as as TicketForms } from "./chunks/FilePreviewView-CCngMe-J.js";
+import DataView from "./chunks/DataView-COXtv8kh.js";
+import { C as ContextMenu } from "./chunks/ContextMenu-CPQ_ZrT6.js";
+import { C as Collection, 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/User-DzR9RPjg.js";
+import { L as LightboxGallery, P as PDFViewer } from "./chunks/PDFViewer-DGAtX0Ms.js";
+import { a as applyFileDropMixin } from "./chunks/FormView-GxoZ1H6P.js";
 class AdminHeaderView extends View {
   constructor(options = {}) {
     super({
@@ -2169,6 +2169,7 @@ class ChatInputView extends View {
       ...options
     });
     this.uploads = [];
+    this.buttonText = options.buttonText || "Send";
   }
   getTemplate() {
     return `
@@ -2176,7 +2177,7 @@ class ChatInputView extends View {
                 <textarea class="form-control" placeholder="Type a message..." rows="3"></textarea>
                 <div class="d-flex justify-content-between align-items-center mt-2">
                     <small class="text-muted">Drag & drop files to attach.</small>
-                    <button class="btn btn-primary" data-action="send-message">Send</button>
+                    <button class="btn btn-primary" data-action="send-message">${this.buttonText}</button>
                 </div>
                 <div class="uploads-container mt-2"></div>
             </div>
@@ -2218,6 +2219,7 @@ class ChatView extends View {
     });
     this.adapter = options.adapter;
     this.items = [];
+    this.inputButtonText = options.inputButtonText || "Send";
   }
   getTemplate() {
     return `
@@ -2236,14 +2238,16 @@ class ChatView extends View {
       messageView.render(true, historyContainer);
     });
     const inputContainer = this.element.querySelector(".chat-input-container");
-    this.inputView = new ChatInputView();
-    this.addChild(this.inputView);
+    if (!this.inputView) {
+      this.inputView = new ChatInputView({ buttonText: this.inputButtonText });
+      this.addChild(this.inputView);
+      this.inputView.on("note:submit", async (data) => {
+        await this.adapter.addNote(data);
+        this.items = await this.adapter.fetch();
+        this.render();
+      });
+    }
     this.inputView.render(true, inputContainer);
-    this.inputView.on("note:submit", async (data) => {
-      await this.adapter.addNote(data);
-      this.items = await this.adapter.fetch();
-      this.render();
-    });
   }
 }
 class IncidentView extends View {
@@ -6887,8 +6891,8 @@ class TicketNoteAdapter {
       type: "user_comment",
       // Ticket notes are always user comments
       author: {
-        name: note.get("author.display_name") || "System",
-        avatarUrl: note.get("author.avatar.url")
+        name: note.get("user.display_name") || "System",
+        avatarUrl: note.get("user.avatar.url")
       },
       timestamp: note.get("created"),
       content: note.get("note"),
@@ -6896,12 +6900,12 @@ class TicketNoteAdapter {
     };
   }
   async addNote(data) {
-    const note = new TicketNote({
-      ticket: this.ticketId,
+    const note = new TicketNote();
+    const resp = await note.save({
+      parent: this.ticketId,
       note: data.text,
       media: data.files && data.files.length > 0 ? data.files[0].id : null
     });
-    const resp = await note.save();
     if (resp.success) {
       await this.collection.fetch();
     }
@@ -6916,31 +6920,79 @@ class TicketView extends View {
     });
     this.model = options.model || new Ticket(options.data || {});
     this.template = `
-            <div class="ticket-view-container p-3">
-                <!-- Header -->
-                <div class="d-flex justify-content-between align-items-center mb-4">
-                    <div>
-                        <h3 class="mb-1">Ticket #{{model.id}}: {{model.title}}</h3>
-                        <span class="badge {{model.status|badge}}">{{model.status|capitalize}}</span>
-                        <span class="ms-2">Priority: {{model.priority}}</span>
+            <div class="ticket-view-container">
+                <!-- Ticket Header -->
+                <div class="d-flex justify-content-between align-items-start mb-4">
+                    <!-- Left Side: Primary Identity -->
+                    <div class="d-flex align-items-center gap-3">
+                        <div class="avatar-placeholder rounded-circle bg-light d-flex align-items-center justify-content-center" style="width: 80px; height: 80px;">
+                            <i class="bi bi-ticket-perforated text-secondary" style="font-size: 40px;"></i>
+                        </div>
+                        <div>
+                            <h3 class="mb-1">{{model.title|truncate(50)|default('Untitled Ticket')}}</h3>
+                            <div class="text-muted small">
+                                <span>Ticket #{{model.id}}</span>
+                                <span class="mx-2">|</span>
+                                <span>Priority: {{model.priority|capitalize}}</span>
+                                {{#model.assignee}}
+                                    <span class="mx-2">|</span>
+                                    <span>Assigned to: {{model.assignee.display_name}}</span>
+                                {{/model.assignee}}
+                            </div>
+                            {{#model.incident}}
+                                <div class="text-muted small mt-1">
+                                    <i class="bi bi-exclamation-triangle"></i> Related to incident: {{model.incident}}
+                                </div>
+                            {{/model.incident}}
+                        </div>
                     </div>
-                    <div data-container="ticket-context-menu"></div>
-                </div>
 
-                <div class="row">
-                    <div class="col-md-8">
-                        <h5>Description</h5>
-                        <div class="border p-3 rounded bg-light mb-4">{{{model.description}}}</div>
-                    </div>
-                    <div class="col-md-4">
-                        <h5>Details</h5>
-                        <div data-container="details-view"></div>
+                    <!-- Right Side: Status & Actions -->
+                    <div class="d-flex align-items-start gap-4">
+                        <div class="text-end">
+                            <div class="d-flex align-items-center gap-2">
+                                <span class="badge {{model.status|badgeClass}}">{{model.status|capitalize}}</span>
+                            </div>
+                            {{#model.created}}
+                                <div class="text-muted small mt-1">Created {{model.created|relative}}</div>
+                            {{/model.created}}
+                            {{#model.modified}}
+                                <div class="text-muted small">Updated {{model.modified|relative}}</div>
+                            {{/model.modified}}
+                        </div>
+                        <div data-container="ticket-context-menu"></div>
                     </div>
                 </div>
+
+                <!-- Content Area -->
                 <div class="row">
-                    <div class="col-12">
-                        <h5>Activity & Notes</h5>
-                        <div data-container="chat-view"></div>
+                    <div class="col-lg-8">
+                        <!-- Description Section -->
+                        <div class="mb-4">
+                            <h5 class="border-bottom pb-2 mb-3">Description</h5>
+                            <div class="border rounded p-3 bg-light">
+                                {{#model.description}}
+                                    {{{model.description}}}
+                                {{/model.description}}
+                                {{^model.description}}
+                                    <em class="text-muted">No description provided</em>
+                                {{/model.description}}
+                            </div>
+                        </div>
+
+                        <!-- Activity & Notes Section -->
+                        <div>
+                            <h5 class="border-bottom pb-2 mb-3">Activity & Notes</h5>
+                            <div data-container="chat-view"></div>
+                        </div>
+                    </div>
+                    
+                    <div class="col-lg-4">
+                        <!-- Details Sidebar -->
+                        <div class="border rounded p-3 bg-light">
+                            <h5 class="mb-3">Ticket Details</h5>
+                            <div data-container="details-view"></div>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -6961,29 +7013,153 @@ class TicketView extends View {
     const adapter = new TicketNoteAdapter(this.model.get("id"));
     this.chatView = new ChatView({
       containerId: "chat-view",
-      adapter
+      adapter,
+      inputButtonText: "Add Note"
     });
     this.addChild(this.chatView);
-    const contextMenu = new ContextMenu({
+    const ticketMenu = new ContextMenu({
       containerId: "ticket-context-menu",
+      className: "context-menu-view header-menu-absolute",
       context: this.model,
       config: {
         icon: "bi-three-dots-vertical",
         items: [
+          { label: "Edit Ticket", action: "edit-ticket", icon: "bi-pencil" },
           { label: "Change Status", action: "change-status", icon: "bi-tag" },
           { label: "Set Priority", action: "set-priority", icon: "bi-flag" },
-          { label: "Assign User", action: "assign-user", icon: "bi-person" }
+          { label: "Assign User", action: "assign-user", icon: "bi-person" },
+          { type: "divider" },
+          { label: "Close Ticket", action: "close-ticket", icon: "bi-x-circle" }
         ]
       }
     });
-    this.addChild(contextMenu);
+    this.addChild(ticketMenu);
+  }
+  // Context Menu Action Handlers
+  async onActionEditTicket() {
+    const resp = await Dialog$1.showModelForm({
+      title: `Edit Ticket #${this.model.get("id")} - ${this.model.get("title")}`,
+      model: this.model,
+      size: "lg",
+      fields: [
+        { name: "title", label: "Title", type: "text", required: true },
+        { name: "description", label: "Description", type: "textarea", rows: 4 },
+        {
+          name: "status",
+          label: "Status",
+          type: "select",
+          options: ["open", "in_progress", "pending", "resolved", "closed"]
+        },
+        {
+          name: "priority",
+          label: "Priority",
+          type: "select",
+          options: ["low", "normal", "high", "urgent"]
+        },
+        { name: "assignee_id", label: "Assignee", type: "user_select" }
+      ]
+    });
+    if (resp) {
+      this.render();
+    }
+  }
+  async onActionChangeStatus() {
+    const statuses = ["open", "in_progress", "pending", "resolved", "closed"];
+    const currentStatus = this.model.get("status");
+    const result = await Dialog$1.showForm({
+      title: "Change Ticket Status",
+      size: "sm",
+      fields: [
+        {
+          name: "status",
+          label: "New Status",
+          type: "select",
+          options: statuses.map((s) => ({ value: s, label: s.replace("_", " ").toUpperCase() })),
+          value: currentStatus,
+          required: true
+        }
+      ]
+    });
+    if (result) {
+      try {
+        await this.model.save({ status: result.status });
+        this.render();
+      } catch (error) {
+        Dialog$1.alert({
+          type: "error",
+          title: "Error",
+          message: "Failed to update ticket status: " + error.message
+        });
+      }
+    }
+  }
+  async onActionSetPriority() {
+    const priorities = ["low", "normal", "high", "urgent"];
+    const currentPriority = this.model.get("priority");
+    const result = await Dialog$1.showForm({
+      title: "Set Ticket Priority",
+      size: "sm",
+      fields: [
+        {
+          name: "priority",
+          label: "Priority Level",
+          type: "select",
+          options: priorities.map((p) => ({ value: p, label: p.toUpperCase() })),
+          value: currentPriority,
+          required: true
+        }
+      ]
+    });
+    if (result) {
+      try {
+        await this.model.save({ priority: result.priority });
+        this.render();
+      } catch (error) {
+        Dialog$1.alert({
+          type: "error",
+          title: "Error",
+          message: "Failed to update ticket priority: " + error.message
+        });
+      }
+    }
+  }
+  async onActionAssignUser() {
+    console.log("TODO: Implement assign user dialog with user selector");
+    Dialog$1.alert({
+      title: "Coming Soon",
+      message: "User assignment feature will be implemented soon."
+    });
+  }
+  async onActionCloseTicket() {
+    const confirmed = await Dialog$1.confirm({
+      title: "Close Ticket",
+      message: `Are you sure you want to close ticket #${this.model.get("id")}?`,
+      confirmText: "Close Ticket",
+      confirmClass: "btn-warning"
+    });
+    if (confirmed) {
+      try {
+        await this.model.save({ status: "closed" });
+        this.render();
+        Dialog$1.alert({
+          type: "success",
+          title: "Success",
+          message: "Ticket has been closed successfully."
+        });
+      } catch (error) {
+        Dialog$1.alert({
+          type: "error",
+          title: "Error",
+          message: "Failed to close ticket: " + error.message
+        });
+      }
+    }
   }
 }
 Ticket.VIEW_CLASS = TicketView;
 class TicketTablePage extends TablePage {
   constructor(options = {}) {
     super({
-      ...options,
       name: "admin_tickets",
       pageName: "Tickets",
       router: "admin/tickets",
@@ -6998,8 +7174,22 @@ class TicketTablePage extends TablePage {
       // Column definitions
       columns: [
         { key: "id", label: "ID", width: "70px", sortable: true, class: "text-muted" },
-        { key: "title", label: "Title", sortable: true },
-        { key: "status", label: "Status", sortable: true, formatter: "badge" },
+        { key: "title", label: "Title", sortable: true, editable: true },
+        {
+          key: "status",
+          label: "Status",
+          sortable: true,
+          editable: true,
+          editableOptions: {
+            type: "select",
+            options: [
+              "new",
+              "opened",
+              "paused",
+              "declined"
+            ]
+          }
+        },
         { key: "priority", label: "Priority", sortable: true },
         { key: "assignee.display_name", label: "Assignee", sortable: true, formatter: "default('Unassigned')" },
         { key: "incident", label: "Incident ID", sortable: true },
@@ -7023,7 +7213,8 @@ class TicketTablePage extends TablePage {
         bordered: false,
         hover: true,
         responsive: false
-      }
+      },
+      ...options
     });
   }
 }