Speed up loading

js/src/loaders/SpotFixTemplatesLoader.js

@@ -111,7 +111,9 @@ class SpotFixTemplatesLoader {
     <div class="doboard_task_widget-comment_text_container">
         <div class="doboard_task_widget-comment_body">{{commentBody}}</div>
         <div class="doboard_task_widget-comment_attachments">{{commentAttachments}}</div>
-        <div class="doboard_task_widget-comment_time">{{commentTime}}</div>
+        <div id="{{commentId}}" class="doboard_task_widget-comment_time">
+            <a href="{{commentLink}}">{{commentTime}}</a>
+        </div>
     </div>
 </div>
 `;
@@ -353,6 +355,19 @@ class SpotFixTemplatesLoader {
                     </div>
                 </div>
             </div>
+           <div class="doboard_task_widget-user_menu-item">
+                <img src="{{iconListMinimalisticDark}}" alt="" style="margin-right: 12px">
+                <div style="display: flex; justify-content: space-between; flex-grow: 1; align-items: center">
+                    <span style="display: inline-flex; padding-top: 4px">
+                        <span style="font-weight: 500; font-size: 14px; color: #252A2F; margin-bottom: 4px">
+                        Open spots lists on double click</span>
+                    </span>
+                    <label class="toggle" style="margin-left: 8px">
+                      <input id="spofix-screen-dblckick-list" type="checkbox">
+                      <span class="slider"></span>
+                    </label>
+                </div>
+            </div>
             <div class="doboard_task_widget-user_menu-item" style="display: none">
                 <span id="doboard_task_widget-user_menu-logout_button">
                     <img src="{{iconDoor}}" alt="" style="margin-right: 12px; cursor: pointer">

js/src/main.js

@@ -9,6 +9,43 @@ if( document.readyState !== 'loading' ) {
     document.addEventListener('DOMContentLoaded', spotFixInit);
 }
 
+window.addEventListener('dblclick', (event) => {
+
+    const selection = window.getSelection();
+    const selectedData = spotFixGetSelectedData(selection);
+
+    if (!document.querySelector('.doboard_task_widget-container') && !selectedData && +localStorage.getItem('spofix-screen-dblckick')) {
+        window.getSelection().removeAllRanges();
+        new CleanTalkWidgetDoboard({}, 'all_issues')
+    }
+});
+
+let lastProcessedHash = null;
+function checkUrl() {
+    const currentUrl = window.location.href;
+    const regex = /#spotfix_comment_(\d+)_(\d+)/;
+    const match = currentUrl.match(regex);
+
+    if (match) {
+        const currentHash = match[0];
+
+        if (currentHash === lastProcessedHash) {
+            return;
+        }
+
+        lastProcessedHash = currentHash;
+
+        const num1 = Number(match[1]);
+        const num2 = Number(match[2]);
+        new CleanTalkWidgetDoboard({}, 'concrete_issue', null, {taskId: num1, commentId: num2});
+    } else {
+        lastProcessedHash = null;
+    }
+}
+
+window.addEventListener('hashchange', checkUrl);
+window.addEventListener('popstate', checkUrl);
+
 function spotFixInit() {
     spotfixIndexedDB.init();
     wsSpotfix.connect();
@@ -33,6 +70,9 @@ function spotFixInit() {
             })
             .catch(err => console.error('project_get error:', err));
     }
+
+    checkUrl();
+
 }
 
 function loadBotDetector() {
@@ -218,6 +258,7 @@ function getTaskFullDetails(tasksDetails, taskId) {
                     commentAuthorName: getAuthorName(author),
                     commentBody: comment.commentBody,
                     commentDate: date,
+                    commentId: comment.commentId,
                     commentTime: time,
                     commentUserId: comment.userId || 'Unknown User',
                     commentAttachments: commentAttachments,

js/src/websocket.js

@@ -168,6 +168,10 @@ const wsSpotfix = {
         }
     },
 
+    isActive() {
+        return socket !== null && socket.readyState === WebSocket.OPEN;
+    },
+
     close() {
         isIntentionalClose = true;
         if (reconnectTimer) {