From 6a12f220ad1009371415fc1aec8cf3d52151ec3f Mon Sep 17 00:00:00 2001
From: rulingcom <orbit@rulingcom.com>
Date: Sun, 11 Aug 2024 22:48:38 +0800
Subject: [PATCH] Fix bug.

---
 .../template/modules/universal-table.scss     |   1 +
 modules/universal_table/index.html.erb        | 263 ++++++++----------
 modules/universal_table/index2.html.erb       | 254 +++++++----------
 modules/universal_table/info.json             |  41 +--
 modules/universal_table/show.html.erb         |  50 ++--
 modules/video_pro/video_pro_index1.html.erb   |  42 +--
 partial/_head.html.erb                        |   2 +-
 7 files changed, 270 insertions(+), 383 deletions(-)

diff --git a/assets/stylesheets/template/modules/universal-table.scss b/assets/stylesheets/template/modules/universal-table.scss
index 2c3c8b9..e15f813 100755
--- a/assets/stylesheets/template/modules/universal-table.scss
+++ b/assets/stylesheets/template/modules/universal-table.scss
@@ -76,6 +76,7 @@
     padding: 2px 15px 2px 15px;
     font-size: 1em;
     border-radius: 5px;
+    behavior: url("/assets/ie_support/PIE2/PIE.htc");
     color: #333;
     font-weight: 400;
     letter-spacing: 0;
diff --git a/modules/universal_table/index.html.erb b/modules/universal_table/index.html.erb
index 8ea7434..0ab2999 100755
--- a/modules/universal_table/index.html.erb
+++ b/modules/universal_table/index.html.erb
@@ -1,154 +1,109 @@
-  <style>
-    .universal-th-text{
-      overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    white-space: normal;
-}
-    .universal-dropdown-menu {
-      padding: 15px 18px;
-      white-space: nowrap;
-    }
-    .universal-th-text  {
-      padding: 8px 0 0 0;
-      display: inline;
-      margin-right: 5px;
-      color: #888;
-    }
-    .universal-dropdown {
-      display: inline-block;
-    }
-    a.universal-btn {
-      vertical-align: baseline;
-      color: #fff;
-    }
-    .universal-table-index {
-      border-collapse: collapse;
-      border: 1px solid #eee;
-      table-layout: fixed;
-      word-wrap: break-word;
-    }
-    .universal-table-index h3 {
-      float: left;
-      margin: 0;
-    }
-    .universal-table-index.table td{
-      padding: 15px 18px;
-    }
-    .universal-table-index thead th:last-child .dropdown-menu {
-      left: auto;
-      right: 0;
-    }
-    .universal-th-icon {
-      border: 1px solid #eee;
-      padding: 5px 8px;
-      margin-right: 5px;
-      color: gray;
-      cursor: pointer;
-    }
-    .universal-th-text.no-sort.no-search {
-      position: relative;
-      top: -6px;
-    }
-    .image-preview {
-      width: 120px;
-    }
-  </style>
-  <table class="table table-hover table-striped universal-table-index" style="position:relative;">
-        <div class="searchbtn ken-click"><div class="searchbtn2"><i class="fa-solid fa-magnifying-glass"></i>查詢</div></div>
-        <div class="searchbox">
-          <thead class="theadsearch2">
-              <tr data-list="head-columns" data-level="0">
-                <th class="col-sm-3">
-                  <div class="universal-th-text {{title-class}}">{{title}}</div>
-
-                    <a href="{{sort-url}}" class="{{sort}}"><i class="universal-th-icon fa fa-{{sort-class}}"></i></a>
-                    <div class="dropdown universal-dropdown {{search}}">
-                      <button class="btn btn-sm" id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                        <i class="fa fa-search"></i>
-                        <span class="caret"></span>
-                      </button>
-                      <div class="dropdown-menu universal-dropdown-menu" aria-labelledby="dLabel">
-                        <form class="form-inline universal-form-inline" action="{{url}}" method="get">
-                          <div class="form-group">
-                            {{form-field}}
-                            <input type="hidden" value="{{key}}" name="column" >
-                          </div>
-                          <button class="btn btn-primary" type="submit" class="btn btn-default">Go</button>
-                        </form>
-                      </div>
-                    </div>
-                </th>
-              </tr>
-            </thead></diV>
-    <caption>
-      <h3>{{table-name}}</h3>
-      <a href="{{url}}" class="universal-btn btn btn-info pull-right {{reset}}"><i class="fa fa-refresh"></i> Reset</a>
-    </caption>
-    <thead class="theadsearch">
-      <tr data-list="head-columns" data-level="0">
-        <th class="col-sm-3">
-          <div class="universal-th-text {{title-class}}">{{title}}</div>
-
-            <a href="{{sort-url}}" class="{{sort}}"><i class="universal-th-icon fa fa-{{sort-class}}"></i></a>
-            <div class="dropdown universal-dropdown {{search}}">
-              <button class="btn btn-sm" id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                <i class="fa fa-search"></i>
-                <span class="caret"></span>
-              </button>
-              <div class="dropdown-menu universal-dropdown-menu" aria-labelledby="dLabel">
-                <form class="form-inline universal-form-inline" action="{{url}}" method="get">
-                  <div class="form-group">
-                    {{form-field}}
-                    <input type="hidden" value="{{key}}" name="column" >
-                  </div>
-                  <button class="btn btn-primary" type="submit" class="btn btn-default">Go</button>
-                </form>
-              </div>
-            </div>
-        </th>
-      </tr>
-    </thead>
-    <tbody data-level="0" data-list="rows">
-      <tr data-level="1" data-list="columns">
-        <td>{{text}}</td>
-      </tr>
-    </tbody>
-  </table>
-  <div>{{total_entries}}</div>
-  <div>{{export_button}}</div>
-  {{pagination_goes_here}}
-<script>
-  // $('.universal-table-index th').eq(1).attr('class', 'desktop tablet-l tablet-p');
-  // $('.universal-table-index th').filter(':gt(1)').attr('class', 'desktop tablet-l tablet-p mobile-l');
-  // $('.universal-table-index').each(function(){
-  //   if($(this).find('thead').length!=0 && $(this).find('td').length!=0 && !$(this).hasClass('dataTable')){
-  //     $(this).DataTable({
-  //       searching: false,
-  //       paging: false,
-  //       ordering: false,
-  //       info: false,
-  //       order: false,
-  //       autoWidth: false,
-  //       responsive: true
-  //     });
-  //   }
-  // });
-  $(document).ready(function(){
-    $("tr>th:first-child").removeClass("col-sm-3");
-    $("tr>th:first-child").addClass("col-sm-4");
-    $("tr>th:nth-child(2)").removeClass("col-sm-3");
-    $("tr>th:nth-child(2)").addClass("col-sm-2");
-    $("tr>th:nth-child(3)").removeClass("col-sm-3");
-    $("tr>th:nth-child(3)").addClass("col-sm-2");
-    $("tr>th:nth-child(4)").removeClass("col-sm-3");
-    $("tr>th:nth-child(4)").addClass("col-sm-2");
-    $("tr>th:nth-child(5)").removeClass("col-sm-3");
-    $("tr>th:nth-child(5)").addClass("col-sm-2");
-  });
-</script>
-<style>
-  .universal-table-index.dtr-inline.collapsed td.dtr-control{
-    vertical-align: middle;
-  }
-</style>
+  <style>
+    .universal-dropdown-menu {
+      padding: 15px 18px;
+      white-space: nowrap;
+    }
+    .universal-th-text  {
+      padding: 8px 0 0 0;
+      display: inline;
+      margin-right: 5px;
+      color: #888;
+    }
+    .universal-dropdown {
+      display: inline-block;
+    }
+    a.universal-btn {
+      vertical-align: baseline;
+      color: #fff;
+    }
+    .universal-table-index {
+      border-collapse: collapse;
+      border: 1px solid #eee;
+      table-layout: fixed;
+      word-wrap: break-word;
+    }
+    .universal-table-index h3 {
+      float: left;
+      margin: 0;
+    }
+    .universal-table-index.table td{
+      padding: 15px 18px;
+    }
+    .universal-table-index thead th:last-child .dropdown-menu {
+      left: auto;
+      right: 0;
+    }
+    .universal-th-icon {
+      border: 1px solid #eee;
+      padding: 5px 8px;
+      margin-right: 5px;
+      color: gray;
+      cursor: pointer;
+    }
+    .universal-th-text.no-sort.no-search {
+      position: relative;
+      top: -6px;
+    }
+    .image-preview {
+      width: 120px;
+    }
+  </style>
+  <table class="table table-hover table-striped universal-table-index">
+    <caption>
+      <h3>{{table-name}}</h3>
+      <a href="{{url}}" class="universal-btn btn btn-info pull-right {{reset}}"><i class="fa fa-refresh"></i> Reset</a>
+    </caption>
+    <thead>
+      <tr data-list="head-columns" data-level="0">
+        <th class="col-md-3">
+          <a href="{{sort-url}}" class="{{sort}}"><i class="universal-th-icon fa fa-{{sort-class}}"></i></a>
+          <div class="universal-th-text {{title-class}}">{{title}}</div>
+          <div class="dropdown universal-dropdown {{search}}">
+            <button class="btn btn-sm" id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              <i class="fa fa-search"></i>
+              <span class="caret"></span>
+            </button>
+            <div class="dropdown-menu universal-dropdown-menu" aria-labelledby="dLabel">
+              <form class="form-inline universal-form-inline" action="{{url}}" method="get">
+                <div class="form-group">
+                  {{form-field}}
+                  <input type="hidden" value="{{key}}" name="column" >
+                </div>
+                <button class="btn btn-primary" type="submit" class="btn btn-default">Go</button>
+              </form>
+            </div>
+          </div>
+        </th>
+      </tr>
+    </thead>
+    <tbody data-level="0" data-list="rows">
+      <tr data-level="1" data-list="columns">
+        <td>{{text}}</td>
+      </tr>
+    </tbody>
+  </table>
+  <div>{{total_entries}}</div>
+  <div>{{export_button}}</div>
+  {{pagination_goes_here}}
+<script>
+  $('.universal-table-index th').eq(1).attr('class', 'desktop tablet-l tablet-p');
+  $('.universal-table-index th').filter(':gt(1)').attr('class', 'desktop tablet-l tablet-p mobile-l');
+  $('.universal-table-index').each(function(){
+    if($(this).find('thead').length!=0 && $(this).find('td').length!=0 && !$(this).hasClass('dataTable')){
+      $(this).DataTable({
+        searching: false,
+        paging: false,
+        ordering: false,
+        info: false,
+        order: false,
+        autoWidth: false,
+        responsive: true
+      });
+    }
+  });
+</script>
+<style>
+  .universal-table-index.dtr-inline.collapsed td.dtr-control{
+    vertical-align: middle;
+  }
+</style>
\ No newline at end of file
diff --git a/modules/universal_table/index2.html.erb b/modules/universal_table/index2.html.erb
index 47baeff..bd99c6b 100755
--- a/modules/universal_table/index2.html.erb
+++ b/modules/universal_table/index2.html.erb
@@ -1,146 +1,108 @@
-  <style>
-    .universal-dropdown-menu {
-      padding: 15px 18px;
-      white-space: nowrap;
-    }
-    .universal-th-text  {
-      padding: 8px 0 0 0;
-      display: inline;
-      margin-right: 5px;
-      color: #888;
-    }
-    .universal-dropdown {
-      display: inline-block;
-    }
-    a.universal-btn {
-      vertical-align: baseline;
-      color: #fff;
-    }
-    .universal-table-index {
-      border-collapse: collapse;
-      border: 1px solid #eee;
-      table-layout: fixed;
-      word-wrap: break-word;
-    }
-    .universal-table-index h3 {
-      float: left;
-      margin: 0;
-    }
-    .universal-table-index.table td{
-      padding: 15px 18px;
-    }
-    .universal-table-index thead th:last-child .dropdown-menu {
-      left: auto;
-      right: 0;
-    }
-    .universal-table-index tbody {
-       counter-reset: item;
-    }
-
-    .universal-table-index tbody > tr > td:first-child:before {
-       content: counter(item);
-       counter-increment: item;
-    }
-
-
-    .universal-table-index thead > tr > th:first-child:before {
-       content: "No.";
-    }
-
-
-    .universal-th-icon {
-      border: 1px solid #eee;
-      padding: 5px 8px;
-      margin-right: 5px;
-      color: gray;
-      cursor: pointer;
-    }
-    .universal-th-text.no-sort.no-search {
-      position: relative;
-      top: -6px;
-    }
-    .image-preview {
-      width: 120px;
-    }
-  </style>
-  <table class="table table-hover table-striped universal-table-index" style="position:relative;">
-    <div class="searchbtn ken-click"><div class="searchbtn2"><i class="fa-solid fa-magnifying-glass"></i>查詢</div></div>
-    <div class="searchbox">
-    <thead class="theadsearch2">
-      <tr data-list="head-columns" data-level="0">
-        <th class="col-md-3">
-          <a href="{{sort-url}}" class="{{sort}}"><i class="universal-th-icon fa fa-{{sort-class}}"></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">
-              <i class="fa fa-search"></i>
-              <span class="caret"></span>
-            </button>
-            <div class="dropdown-menu universal-dropdown-menu" aria-labelledby="dLabel">
-              <form class="form-inline universal-form-inline" action="{{url}}" method="get">
-                <div class="form-group">
-                  {{form-field}}
-                  <input type="hidden" value="{{key}}" name="column" >
-                </div>
-                <button class="btn btn-primary" type="submit" class="btn btn-default">Go</button>
-              </form>
-            </div>
-          </div>
-        </th>
-      </tr>
-    </thead>
-    </div>
-    <caption>
-      <h3>{{table-name}}</h3>
-      <a href="{{url}}" class="universal-btn btn btn-info pull-right {{reset}}"><i class="fa fa-refresh"></i> Reset</a>
-    </caption>
-    <thead class="theadsearch">
-      <tr data-list="head-columns" data-level="0">
-        <th class="col-md-3">
-          <a href="{{sort-url}}" class="{{sort}}"><i class="universal-th-icon fa fa-{{sort-class}}"></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">
-              <i class="fa fa-search"></i>
-              <span class="caret"></span>
-            </button>
-            <div class="dropdown-menu universal-dropdown-menu" aria-labelledby="dLabel">
-              <form class="form-inline universal-form-inline" action="{{url}}" method="get">
-                <div class="form-group">
-                  {{form-field}}
-                  <input type="hidden" value="{{key}}" name="column" >
-                </div>
-                <button class="btn btn-primary" type="submit" class="btn btn-default">Go</button>
-              </form>
-            </div>
-          </div>
-        </th>
-      </tr>
-    </thead>
-    <tbody data-level="0" data-list="rows">
-      <tr data-level="1" data-list="columns">
-        <td>{{text}}</td>
-      </tr>
-    </tbody>
-  </table>
-  <div>{{total_entries}}</div>
-  <div>{{export_button}}</div>
-  {{pagination_goes_here}}
-<script>
-  $(document).ready(function(){
-    $('.universal-table-index thead tr').prepend('<th></th>')
-    $('.universal-table-index tbody tr').prepend('<td></td>')
-    $("tr>th:first-child").removeClass("col-md-3");
-    $("tr>th:first-child").addClass("col-md-1");
-    $("tr>th:nth-child(2)").removeClass("col-md-3");
-    $("tr>th:nth-child(2)").addClass("col-md-6");
-    $("tr>th:nth-child(3)").removeClass("col-md-3");
-    $("tr>th:nth-child(3)").addClass("col-md-3");
-    $("tr>th:nth-child(4)").removeClass("col-md-3");
-    $("tr>th:nth-child(4)").addClass("col-md-2");
-    $("tr>th:nth-child(5)").removeClass("col-md-3");
-    $("tr>th:nth-child(5)").addClass("col-md-3");
-  });
-	// $('.universal-table-index thead tr').prepend('<th></th>')
-	// $('.universal-table-index tbody tr').prepend('<td></td>')
-</script>
+  <style>
+    .universal-dropdown-menu {
+      padding: 15px 18px;
+      white-space: nowrap;
+    }
+    .universal-th-text  {
+      padding: 8px 0 0 0;
+      display: inline;
+      margin-right: 5px;
+      color: #888;
+    }
+    .universal-dropdown {
+      display: inline-block;
+    }
+    a.universal-btn {
+      vertical-align: baseline;
+      color: #fff;
+    }
+    .universal-table-index {
+      border-collapse: collapse;
+      border: 1px solid #eee;
+      table-layout: fixed;
+      word-wrap: break-word;
+    }
+    .universal-table-index h3 {
+      float: left;
+      margin: 0;
+    }
+    .universal-table-index.table td{
+      padding: 15px 18px;
+    }
+    .universal-table-index thead th:last-child .dropdown-menu {
+      left: auto;
+      right: 0;
+    }
+    .universal-table-index tbody {
+       counter-reset: item;
+    }
+
+    .universal-table-index tbody > tr > td:first-child:before {
+       content: counter(item);
+       counter-increment: item;
+    }
+
+    
+    .universal-table-index thead > tr > th:first-child:before {
+       content: "No.";
+    }
+
+    .universal-table-index thead > tr > th:first-child {
+       width: 4em;
+    }
+
+    .universal-th-icon {
+      border: 1px solid #eee;
+      padding: 5px 8px;
+      margin-right: 5px;
+      color: gray;
+      cursor: pointer;
+    }
+    .universal-th-text.no-sort.no-search {
+      position: relative;
+      top: -6px;
+    }
+    .image-preview {
+      width: 120px;
+    }
+  </style>
+  <form class="form-inline universal-form-inline" action="{{url}}" method="get">
+  <table class="table table-hover table-striped universal-table-index">
+    <caption>
+      <h3>{{table-name}}</h3>
+      <a href="{{url}}" class="universal-btn btn btn-info pull-right {{reset}}"><i class="fa fa-refresh"></i> Reset</a>
+    </caption>
+    <thead>
+      <tr data-list="head-columns" data-level="0">
+        <th class="col-md-3">
+          <a href="{{sort-url}}" class="{{sort}}"><i class="universal-th-icon fa fa-{{sort-class}}"></i></a>
+          <div class="universal-th-text {{title-class}}">{{title}}</div>
+          <div class="dropdown universal-dropdown {{search}}">
+            <button class="btn btn-sm" id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              <i class="fa fa-search"></i>
+              <span class="caret"></span>
+            </button>
+            <div class="dropdown-menu universal-dropdown-menu" aria-labelledby="dLabel">
+              <div class="form-group">
+                {{form-field}}
+              </div>
+              <button class="btn btn-primary" type="submit" class="btn btn-default">Go</button>
+            </div>
+          </div>
+        </th>
+      </tr>
+    </thead>
+    <tbody data-level="0" data-list="rows">
+      <tr data-level="1" data-list="columns">
+        <td>{{text}}</td>
+      </tr>
+    </tbody>
+  </table>
+  </form>
+  <div>{{total_entries}}</div>
+  <div>{{export_button}}</div>
+  {{pagination_goes_here}}
+<script>
+	$('.universal-table-index thead tr').prepend('<th></th>')
+	$('.universal-table-index tbody tr').prepend('<td></td>')
+</script>
diff --git a/modules/universal_table/info.json b/modules/universal_table/info.json
index 2d266ba..0b2decd 100755
--- a/modules/universal_table/info.json
+++ b/modules/universal_table/info.json
@@ -1,20 +1,21 @@
-{
-    "frontend": [
-        {
-            "filename" : "index",
-            "name" : {
-                "zh_tw" : "1. 單純表格列表",
-                "en" : "1. Pure index table"
-                },
-            "thumbnail" : "thumb.png"
-        },
-        {
-            "filename" : "index2",
-            "name" : {
-                "zh_tw" : "2. 含序號表格列表",
-                "en" : "2. Index Table with serial number"
-                },
-            "thumbnail" : "thumb.png"
-        }
-    ]
-}
+{
+    "frontend": [
+        {
+            "filename" : "index",
+            "name" : {
+                "zh_tw" : "1. 單純表格列表",
+                "en" : "1. Pure index table"
+                },
+            "thumbnail" : "thumb.png"
+        },
+        {
+            "filename" : "index2",
+            "name" : {
+                "zh_tw" : "2. 含序號表格列表",
+                "en" : "2. Index Table with serial number"
+                },
+            "thumbnail" : "thumb.png",
+            "default": true
+        }
+    ]
+}
diff --git a/modules/universal_table/show.html.erb b/modules/universal_table/show.html.erb
index 120cd9d..c5f4477 100755
--- a/modules/universal_table/show.html.erb
+++ b/modules/universal_table/show.html.erb
@@ -1,25 +1,25 @@
-<style>
-  .universal-table-show {
-    border: 1px solid #eee;
-    border-collapse: collapse;
-  }
-  .universal-table-show.table td{
-    padding: 15px 18px;
-  }
-  .table-title {
-    border-right: 1px solid #eee;
-  }
-
-</style>
-<table class="table table-striped universal-table-show">
-  <tbody data-level="0" data-list="entry">
-    <tr>
-      <td class="col-md-2 table-title">{{title}}</td>
-      <td>{{text}}</td>
-    </tr>
-  </tbody>
-</table>
-<div class="view_count pull-right">
-  <i class="fa fa-eye">{{view_count_head}}:</i>
-  <span class="view-count">{{view_count}}</span>
-</div>
+<style>
+  .universal-table-show {
+    border: 1px solid #eee;
+    border-collapse: collapse;
+  }
+  .universal-table-show.table td{
+    padding: 15px 18px;
+  }
+  .table-title {
+    border-right: 1px solid #eee;
+  }
+
+</style>
+<table class="table table-striped universal-table-show">
+  <tbody data-level="0" data-list="entry">
+    <tr>
+      <td class="table-title">{{title}}</td>
+      <td>{{text}}</td>
+    </tr>
+  </tbody>
+</table>
+<div class="view_count pull-right">
+  <i class="fa fa-eye">{{view_count_head}}:</i>
+  <span class="view-count">{{view_count}}</span>
+</div>
\ No newline at end of file
diff --git a/modules/video_pro/video_pro_index1.html.erb b/modules/video_pro/video_pro_index1.html.erb
index 5602685..d3004c6 100755
--- a/modules/video_pro/video_pro_index1.html.erb
+++ b/modules/video_pro/video_pro_index1.html.erb
@@ -1,10 +1,10 @@
 <div class="i-video_data video_data-index-1">
   <h3 class="i-annc__page-title">{{page-title}}</h3>
   <ul class="video_data_wrap col-sm-12" data-list="videos" data-level="0">
-    <li class="video_data col-sm-12 row" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}">
-      <a class="  video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
-        <img class=" col-sm-3 video_snapshot" src="{{snapshot_url}}"/>
-        <div class="col-sm-9 video_info">
+    <li class="video_data col-xs-12 col-sm-4" data-video-url="{{video_url}}" data-video-webm-url="{{video_webm_url}}" data-type="{{video_type}}">
+      <a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">
+        <img class="video_snapshot" src="{{snapshot_url}}"/>
+        <div class="video_info">
           <div class="video_group_time">{{video_post_agency}} | {{video_postdate}}</div>
           <div data-list="video_tags" data-level="1" class="video_tag"><div>{{video_tag}}</div></div>
           <div class="video_title"><h4>{{video_title}}</h4></div>
@@ -19,18 +19,6 @@
   </ul>
   <div class="clearfix"></div>
   <style>
-    .video_data{
-      overflow: hidden;
-      margin-bottom: 1.875em;
-      box-shadow: #0000004d 0 0 4px;
-      border: 1px solid #bbb;
-      margin: 0.5em;
-      padding: 1em;
-      &:hover{
-        border: 1px solid #55bbd0;
-        box-shadow: #55bbd0e6 0 0 4px;
-      }
-    }
     .video_data_wrap{
       display: flex;
       flex-wrap: wrap;
@@ -40,7 +28,6 @@
     }
     .video_tag{
       color: #e4374a;
-      display: none;
     }
     .video_title h4{
       font-size: 1.6em;
@@ -56,25 +43,6 @@
     .view_info img{
       margin-right: 5px;
     }
-    .video_group_time{
-      display: none;
-    }
-    .video_tags{
-      display: none;
-    }
-    .video_desc{
-      color: #333;
-      padding-top: 0.5em;
-      display: -webkit-box;
-      -webkit-line-clamp: 6;
-      -webkit-box-orient: vertical;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-    .video_title{
-      border-bottom: 2px solid #55bbd0;
-      padding-bottom: 0.5em;
-    }
   </style>
 </div>
-{{pagination_goes_here}}
+{{pagination_goes_here}}
\ No newline at end of file
diff --git a/partial/_head.html.erb b/partial/_head.html.erb
index 628f378..476bb54 100755
--- a/partial/_head.html.erb
+++ b/partial/_head.html.erb
@@ -20,7 +20,7 @@
   <link rel="stylesheet" type="text/css" href="/assets/template/owl.carousel.min.css">
   <link rel="stylesheet" type="text/css" href="/assets/template/owl.theme.default.min.css">
   
-  <%#= javascript_include_tag "app"%>
+  <%= javascript_include_tag "app"%>
   <%= javascript_include_tag "#{@dataApi}" if @dataApi != nil%>
   <script src="https://apis.google.com/js/platform.js" async defer></script>
   <%= render_google_analytics %>