From 5d904a220db0045f675216d29ce2c1041d411080 Mon Sep 17 00:00:00 2001
From: chiu <naruto0426@rulingcom.com>
Date: Wed, 13 May 2026 10:03:09 +0000
Subject: [PATCH] Fix JS errors

---
 modules/universal_table/index5.html.erb | 78 ++++++++++++-------------
 1 file changed, 36 insertions(+), 42 deletions(-)

diff --git a/modules/universal_table/index5.html.erb b/modules/universal_table/index5.html.erb
index 172e2dc..9c6be92 100644
--- a/modules/universal_table/index5.html.erb
+++ b/modules/universal_table/index5.html.erb
@@ -150,7 +150,7 @@
     </div>
   </div>
       </div>
-      
+
   </div>
   </caption>
 
@@ -158,7 +158,7 @@
   <thead class="theadsearch">
     <tr data-list="head-columns" data-level="0">
       <th class="col-ken">
-        <a href="{{sort-url}}" class="{{sort}}" aria-label="重新排序{{title}}"><i class="universal-th-icon fa fa-{{sort-class}}" aria-hidden="true"></i></a><div class="universal-th-text {{title-class}}">{{title}}</div>
+        <a href="{{sort-url}}" class="{{sort}}" aria-label="重新排序{{title}}"><i class="universal-th-icon fa fa-{{sort-class}}" aria-hidden="true"></i></a>
           <div class="universal-th-text {{title-class}}">{{title}}</div>
         <div class="dropdown universal-dropdown {{search}}">
           <button class="btn btn-md" id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -190,12 +190,41 @@
 {{pagination_goes_here}}
 <script>
 
-
 $(document).ready(function(){
-  $('.tdken>td:nth-child(4)').prepend($('.col-ken:nth-child(4)>.universal-th-text '));
-  $('.tdken>td:nth-child(3)').prepend($('.col-ken:nth-child(3)>.universal-th-text '));
+  $('.tdken>td:nth-child(4)').prepend($('.col-ken:nth-child(4)>.universal-th-text'));
+  $('.tdken>td:nth-child(3)').prepend($('.col-ken:nth-child(3)>.universal-th-text'));
   $(".universal-th-text").append(" :");
-  # $(".tdken").append('<i class="fa-solid fa-thumbtack"></i>');
+   /**
+   * 圖片大小控制
+   * 'src'    = 原圖
+   * 'thumb'  = 縮圖 (200x200)
+   * 'mobile' = 行動版 (768px)
+   */
+  const IMAGE_SIZE = 'thumb';
+  const cells = document.querySelectorAll('td[data-src]');
+
+  cells.forEach(cell => {
+    const imgSrc = cell.dataset[IMAGE_SIZE];
+
+    if (imgSrc && imgSrc !== '{{img_src}}' && imgSrc !== '{{img_thumb}}' && imgSrc !== '{{img_mobile}}') {
+
+      const oldImg = cell.querySelector('img');
+      if (oldImg) {
+        oldImg.remove();
+      }
+
+      const img = document.createElement('img');
+      img.className = 'image-preview';
+      img.alt = '圖片';
+      img.src = imgSrc;
+      cell.appendChild(img);
+    } else {
+
+      cell.removeAttribute('data-src');
+      cell.removeAttribute('data-thumb');
+      cell.removeAttribute('data-mobile');
+    }
+  });
   $('.voice-player').each(function () {
     // 取得 <i> 元素
     const icon = $(this).find('i')[0];
@@ -207,42 +236,7 @@ $(document).ready(function(){
             prevNode.remove();
         }
     }
-});
-});
-
-/**
- * 圖片大小控制
- * 'src'    = 原圖
- * 'thumb'  = 縮圖 (200x200)
- * 'mobile' = 行動版 (768px)
- */
-const IMAGE_SIZE = 'thumb';
-
-document.addEventListener('DOMContentLoaded', function() {
-  const cells = document.querySelectorAll('td[data-src]');
-  
-  cells.forEach(cell => {
-    const imgSrc = cell.dataset[IMAGE_SIZE];
-    
-    
-    if (imgSrc && imgSrc !== '{{img_src}}' && imgSrc !== '{{img_thumb}}' && imgSrc !== '{{img_mobile}}') {
-      
-      const oldImg = cell.querySelector('img');
-      if (oldImg) {
-        oldImg.remove();
-      }
-      
-      
-      const img = document.createElement('img');
-      img.className = 'image-preview';
-      img.alt = '圖片';
-      img.src = imgSrc;
-      cell.appendChild(img);
-    } else {
-      
-      cell.removeAttribute('data-src');
-      cell.removeAttribute('data-thumb');
-      cell.removeAttribute('data-mobile');    }
   });
 });
+
 </script>