From a5401e35d80eb8960b3663f98ad3c99d7752ea3e Mon Sep 17 00:00:00 2001
From: Gabriele Cimaschi <gabriele.cimaschi@gmail.com.com>
Date: Wed, 26 Aug 2026 18:07:01 +0200
Subject: [PATCH] style: spostate icone apri in otrs e apri in una nuova scheda
 a destra del pulsante copia oggetto.

---
 public/js/views/ricercaSpudorata.js | 8 +++++++-
 public/js/views/ticketList.js       | 8 ++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/public/js/views/ricercaSpudorata.js b/public/js/views/ricercaSpudorata.js
index dc853ac..687549a 100644
--- a/public/js/views/ricercaSpudorata.js
+++ b/public/js/views/ricercaSpudorata.js
@@ -176,6 +176,7 @@ const RicercaSpudorataView = {
     try {
       const data = await App.api(`/api/tickets?search=${encodeURIComponent(query)}&per_page=2000`);
       this.cachedTickets = data.tickets || [];
+      this.otrsBaseUrl = data.otrsBaseUrl || '';
       this.hasSearched = true;
       this.currentPage = 1;
       this.selectedIds.clear();
@@ -267,8 +268,13 @@ const RicercaSpudorataView = {
                   <td>
                     <span class="ticket-tn" style="display:inline-flex; align-items:center;">
                       <span class="copy-ticket-btn" data-tn="${t.tn}" style="cursor: pointer; font-size: 0.82rem; display: inline-flex; align-items: center; margin-right: 4px;" onclick="event.stopPropagation();" title="Copia numero ticket">📋</span>
+                      ${this.otrsBaseUrl ? `
+                        <a href="${this.otrsBaseUrl}index.pl?Action=AgentTicketZoom;TicketID=${t.id}" target="_blank" title="Apri in OTRS" onclick="event.stopPropagation()" style="display:inline-flex; align-items:center; text-decoration:none; margin-right: 4px;">
+                          <span style="display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; background:#1070ca; color:#fff; border-radius:50%; font-size:10px; font-weight:800; font-family:sans-serif; vertical-align:middle; line-height:16px;">O</span>
+                        </a>
+                      ` : ''}
+                      <button class="open-tab-btn" data-id="${t.id}" data-tn="${t.tn}" data-title="${App.escapeHtml(t.title || '')}" onclick="App.openTab(${t.id}, '${t.tn}', this.dataset.title); event.stopPropagation();" title="Apri in scheda" style="display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; background:var(--accent-primary); color:#fff; border:none; border-radius:50%; font-size:10px; font-weight:800; font-family:sans-serif; margin-right:6px; cursor:pointer; line-height:16px;">+</button>
                       <a href="#/tickets/${t.id}" class="ticket-tn-link" onclick="event.stopPropagation()">${t.tn}</a>
-                      <button class="open-tab-btn" data-id="${t.id}" data-tn="${t.tn}" data-title="${App.escapeHtml(t.title || '')}" onclick="App.openTab(${t.id}, '${t.tn}', this.dataset.title); event.stopPropagation();" title="Apri in scheda" style="display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; background:var(--accent-primary); color:#fff; border:none; border-radius:50%; font-size:10px; font-weight:800; font-family:sans-serif; margin-left:6px; cursor:pointer; line-height:16px;">+</button>
                     </span>
                   </td>
                   <td style="color:var(--text-tertiary);font-size:0.78rem;">${App.formatDateTime(t.create_time)}</td>
diff --git a/public/js/views/ticketList.js b/public/js/views/ticketList.js
index 045f11a..39cc976 100644
--- a/public/js/views/ticketList.js
+++ b/public/js/views/ticketList.js
@@ -328,13 +328,13 @@ const TicketListView = {
                   <td>
                     <span class="ticket-tn" style="display:inline-flex; align-items:center;">
                       <span class="copy-ticket-btn" data-tn="${t.tn}" style="cursor: pointer; font-size: 0.82rem; display: inline-flex; align-items: center; margin-right: 4px;" onclick="event.stopPropagation();" title="Copia numero ticket">📋</span>
-                      <a href="#/tickets/${t.id}" class="ticket-tn-link" onclick="event.stopPropagation()">${t.tn}</a>
                       ${data.otrsBaseUrl ? `
-                        <a href="${data.otrsBaseUrl}index.pl?Action=AgentTicketZoom;TicketID=${t.id}" target="_blank" title="Apri in OTRS" onclick="event.stopPropagation()" style="display:inline-flex; align-items:center; text-decoration:none;">
-                          <span style="display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; background:#1070ca; color:#fff; border-radius:50%; font-size:10px; font-weight:800; font-family:sans-serif; margin-left:6px; vertical-align:middle; line-height:16px;">O</span>
+                        <a href="${data.otrsBaseUrl}index.pl?Action=AgentTicketZoom;TicketID=${t.id}" target="_blank" title="Apri in OTRS" onclick="event.stopPropagation()" style="display:inline-flex; align-items:center; text-decoration:none; margin-right: 4px;">
+                          <span style="display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; background:#1070ca; color:#fff; border-radius:50%; font-size:10px; font-weight:800; font-family:sans-serif; vertical-align:middle; line-height:16px;">O</span>
                         </a>
                       ` : ''}
-                      <button class="open-tab-btn" data-id="${t.id}" data-tn="${t.tn}" data-title="${App.escapeHtml(t.title || '')}" onclick="App.openTab(${t.id}, '${t.tn}', this.dataset.title); event.stopPropagation();" title="Apri in scheda" style="display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; background:var(--accent-primary); color:#fff; border:none; border-radius:50%; font-size:10px; font-weight:800; font-family:sans-serif; margin-left:6px; cursor:pointer; line-height:16px;">+</button>
+                      <button class="open-tab-btn" data-id="${t.id}" data-tn="${t.tn}" data-title="${App.escapeHtml(t.title || '')}" onclick="App.openTab(${t.id}, '${t.tn}', this.dataset.title); event.stopPropagation();" title="Apri in scheda" style="display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; background:var(--accent-primary); color:#fff; border:none; border-radius:50%; font-size:10px; font-weight:800; font-family:sans-serif; margin-right:6px; cursor:pointer; line-height:16px;">+</button>
+                      <a href="#/tickets/${t.id}" class="ticket-tn-link" onclick="event.stopPropagation()">${t.tn}</a>
                     </span>
                   </td>
                   <td style="color:var(--text-tertiary);font-size:0.78rem;">${App.formatDateTime(t.create_time)}</td>