'widget'
This commit is contained in:
parent
e3382d9db2
commit
5aaaeb88b3
|
|
@ -320,7 +320,18 @@
|
|||
}
|
||||
});
|
||||
|
||||
$('.mobile-menu1 > .menu-drop').click(function(){
|
||||
// ✅ Tab 鍵跳過 .navbar-toggle 時,觸發與點擊相同的收合邏輯
|
||||
$(document).on('focusout', '.mobile-menu', function(e) {
|
||||
setTimeout(function() {
|
||||
var $newFocus = $(document.activeElement);
|
||||
// 焦點已離開 .mobile-menu 且選單是展開狀態
|
||||
if ($('.mobile-menu').hasClass('active') && $newFocus.closest('.mobile-menu').length === 0) {
|
||||
// ✅ 直接 trigger click,與按下 .navbar-toggle 執行完全相同的動作
|
||||
$('.navbar-toggle').first().trigger('click');
|
||||
}
|
||||
}, 50);
|
||||
});
|
||||
$('.mobile-menu1 > .menu-drop').click(function(){
|
||||
var $that = $(this);
|
||||
var opencheck1 = $that.hasClass('opened');
|
||||
if ( opencheck1 == 0 ) {
|
||||
|
|
@ -863,7 +874,7 @@
|
|||
var isLinkImage = $parentA.length > 0 && $parentA.text().replace(/\u00a0/g, '').trim() === "";
|
||||
|
||||
// --- 1. 處理「裝飾性圖片」標註 ---
|
||||
if (currentAlt === "裝飾圖片" || currentTitle === "裝飾圖片") {
|
||||
if (currentAlt === "announcement image" || currentAlt === "裝飾圖片" || currentTitle === "裝飾圖片") {
|
||||
$img.attr('alt', '');
|
||||
$img.removeAttr('title');
|
||||
return;
|
||||
|
|
@ -1475,60 +1486,86 @@
|
|||
setTimeout(fixEmptyHref, 500);
|
||||
});
|
||||
//頁籤無障礙
|
||||
$(function() {
|
||||
/**
|
||||
* 頁籤導覽 (Tab Navigation) 無障礙補強
|
||||
* 1. 容器加入 role="tablist"
|
||||
* 2. 項目加入 role="tab"
|
||||
* 3. 動態切換 aria-selected="true/false"
|
||||
* 4. 確保 Enter 鍵可以觸發切換 (針對 tabindex="0" 的優化)
|
||||
*/
|
||||
function fixTabAccessibility() {
|
||||
var $tabNav = $('.tab_nav');
|
||||
var $tabs = $tabNav.find('.filter_tab');
|
||||
$(function () {
|
||||
function fixTabAccessibility() {
|
||||
var $tabNav = $('.tab_nav');
|
||||
var $tabs = $tabNav.find('li'); // ✅ 你的 HTML 是 li,不是 .filter_tab
|
||||
|
||||
// --- 1. 初始化結構語意 ---
|
||||
$tabNav.attr('role', 'tablist');
|
||||
// --- 1. 初始化結構語意 ---
|
||||
$tabNav.attr('role', 'tablist');
|
||||
|
||||
$tabs.each(function() {
|
||||
var $this = $(this);
|
||||
var isActive = $this.hasClass('active');
|
||||
$tabs.each(function () {
|
||||
var $this = $(this);
|
||||
var isActive = $this.hasClass('active');
|
||||
|
||||
// 加入頁籤角色與選取狀態
|
||||
$this.attr({
|
||||
'role': 'tab',
|
||||
'aria-selected': isActive ? 'true' : 'false'
|
||||
});
|
||||
|
||||
// 修正 Title:讓使用者知道這是切換頁籤
|
||||
var tabName = $this.text().trim();
|
||||
$this.attr('title', '切換至 ' + tabName);
|
||||
});
|
||||
$this.attr({
|
||||
'role': 'tab',
|
||||
'aria-selected': isActive ? 'true' : 'false',
|
||||
'tabindex': isActive ? '0' : '-1' // ✅ 只有 active 的可以被 Tab 聚焦
|
||||
});
|
||||
|
||||
// --- 2. 監聽切換事件 (點擊或鍵盤) ---
|
||||
// 假設原本已有切換邏輯,我們在此「補強」屬性的變更
|
||||
$tabs.on('click', function() {
|
||||
var $clickedTab = $(this);
|
||||
var tabName = $this.text().trim();
|
||||
$this.attr('title', '切換至 ' + tabName);
|
||||
});
|
||||
|
||||
// 先將所有頁籤設為未選取
|
||||
$tabs.attr('aria-selected', 'false');
|
||||
// --- 2. 點擊事件:更新 aria-selected 與 tabindex ---
|
||||
$tabs.on('click', function () {
|
||||
var $clickedTab = $(this);
|
||||
|
||||
// 將當前點擊的頁籤設為已選取
|
||||
$clickedTab.attr('aria-selected', 'true');
|
||||
});
|
||||
$tabs.attr('aria-selected', 'false').attr('tabindex', '-1');
|
||||
$clickedTab.attr('aria-selected', 'true').attr('tabindex', '0');
|
||||
});
|
||||
|
||||
// --- 3. 鍵盤操作補強 (針對 tabindex="0" 的非按鈕元素) ---
|
||||
$tabs.on('keydown', function(e) {
|
||||
// 當按下 Enter (13) 或 Space (32) 時觸發點擊
|
||||
if (e.which === 13 || e.which === 32) {
|
||||
e.preventDefault();
|
||||
$(this).trigger('click');
|
||||
}
|
||||
});
|
||||
}
|
||||
// --- 3. 鍵盤操作補強 ---
|
||||
$tabs.on('keydown', function (e) {
|
||||
var $current = $(this);
|
||||
var currentIndex = $tabs.index($current);
|
||||
var lastIndex = $tabs.length - 1;
|
||||
var $target = null;
|
||||
|
||||
// 延遲執行確保頁籤元件已渲染
|
||||
setTimeout(fixTabAccessibility, 500);
|
||||
switch (e.which) {
|
||||
case 13: // Enter
|
||||
case 32: // Space
|
||||
e.preventDefault();
|
||||
$current.trigger('click');
|
||||
break;
|
||||
|
||||
case 37: // ← 左方向鍵:移到前一個頁籤
|
||||
case 38: // ↑ 上方向鍵
|
||||
e.preventDefault();
|
||||
$target = currentIndex > 0
|
||||
? $tabs.eq(currentIndex - 1)
|
||||
: $tabs.eq(lastIndex); // 到底了就循環到最後一個
|
||||
break;
|
||||
|
||||
case 39: // → 右方向鍵:移到下一個頁籤
|
||||
case 40: // ↓ 下方向鍵
|
||||
e.preventDefault();
|
||||
$target = currentIndex < lastIndex
|
||||
? $tabs.eq(currentIndex + 1)
|
||||
: $tabs.eq(0); // 到底了就循環到第一個
|
||||
break;
|
||||
|
||||
case 36: // Home:跳到第一個頁籤
|
||||
e.preventDefault();
|
||||
$target = $tabs.eq(0);
|
||||
break;
|
||||
|
||||
case 35: // End:跳到最後一個頁籤
|
||||
e.preventDefault();
|
||||
$target = $tabs.eq(lastIndex);
|
||||
break;
|
||||
}
|
||||
|
||||
// 移動焦點並觸發點擊切換
|
||||
if ($target && $target.length) {
|
||||
$tabs.attr('tabindex', '-1');
|
||||
$target.attr('tabindex', '0').focus().trigger('click');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
setTimeout(fixTabAccessibility, 500);
|
||||
});
|
||||
}
|
||||
forFreeGo();
|
||||
|
|
@ -2381,6 +2418,32 @@ $(document).ready(function() {
|
|||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
//#tdstylesp表格樣式
|
||||
$(function () {
|
||||
$('#tdstylesp').each(function () {
|
||||
var $table = $(this);
|
||||
var headers = [];
|
||||
|
||||
// 收集 thead 的標題文字
|
||||
$table.find('thead th').each(function () {
|
||||
// 只取 .universal-th-text 的文字,沒有就取全部文字
|
||||
var $thText = $(this).find('.universal-th-text');
|
||||
var label = $thText.length > 0
|
||||
? $thText.text().trim()
|
||||
: $(this).text().trim();
|
||||
headers.push(label);
|
||||
});
|
||||
|
||||
// 把標題塞進每個 tbody td 的 data-label
|
||||
$table.find('tbody tr').each(function () {
|
||||
$(this).find('td').each(function (i) {
|
||||
if (headers[i]) {
|
||||
$(this).attr('data-label', headers[i]);
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
// 執行 member等高計算,目前改用flexbox故mark掉 by ika 20160105
|
||||
// $(window).load(function() {
|
||||
|
|
|
|||
|
|
@ -199,6 +199,7 @@
|
|||
}
|
||||
.navbar-header {
|
||||
z-index: 10;
|
||||
position: relative;
|
||||
padding:0;
|
||||
margin: 0;
|
||||
@media (min-width: 769px) {
|
||||
|
|
|
|||
|
|
@ -157,9 +157,13 @@
|
|||
.xlsx { background-color: rgba(187, 109, 127, 0.6) !important; } /* iOS Pink/Red */
|
||||
.pdf { background-color: rgba(59, 131, 71, 0.7) !important; } /* 深一點的 Green */
|
||||
.docx { background-color: rgba(132, 109, 187, 0.6) !important; } /* iOS Purple */
|
||||
.doc { background-color: rgba(18, 115, 235, 0.6)!important; }
|
||||
.pptx { background-color: rgba(109, 119, 187, 0.6) !important; } /* iOS Indigo */
|
||||
.jpg { background-color: rgba(187, 109, 109, 0.6) !important; } /* iOS Red */
|
||||
.zip { background-color: rgba(220, 185, 87, 0.6) !important; } /* iOS Yellow/Orange */
|
||||
.rar { background-color: rgba(230, 149, 0, 0.6) !important; } /* iOS Orange (與 zip 區隔,更偏橘) */
|
||||
.xls { background-color: rgba(109, 187, 115, 0.6) !important; } /* 沿用 iOS Green (試算表系列) */
|
||||
.odt { background-color: rgba(100, 100, 100, 0.6) !important; } /* iOS Gray (通用文件/系統灰色) */
|
||||
// Archive index 1
|
||||
.index-archive-1 {
|
||||
font-family: $main-font;
|
||||
|
|
|
|||
|
|
@ -183,7 +183,6 @@
|
|||
.modules-menu {
|
||||
font-family: $sub-font;
|
||||
max-height: none;
|
||||
z-index: 1020;
|
||||
|
||||
li {
|
||||
padding: 1em;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,9 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import "../initial";
|
||||
.universal-th-text{
|
||||
white-space: pre;
|
||||
}
|
||||
.universal-table-index h3 {
|
||||
padding: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -69,15 +69,22 @@
|
|||
}
|
||||
|
||||
&.widget1 {
|
||||
height: -webkit-fill-available;
|
||||
// height: -webkit-fill-available;
|
||||
margin-bottom: 1em;
|
||||
background: #ffffff7d;
|
||||
background:#f3f7f9;
|
||||
border-radius: 0;
|
||||
box-shadow: 3px 3px 6px 2px #00000017;
|
||||
backdrop-filter: saturate(180%) blur(20px);
|
||||
padding: 0.5em;
|
||||
padding:0;
|
||||
.list-unstyled{
|
||||
padding-left: 1.6em;
|
||||
padding: 0.5em 0.5em 0.5em 2em;
|
||||
}
|
||||
.widget-title{
|
||||
background: #9dd3dd;
|
||||
padding: 0.5em;
|
||||
span{
|
||||
border-left: 5px solid #fff;
|
||||
}
|
||||
}
|
||||
img{
|
||||
// width: 32%;
|
||||
|
|
|
|||
|
|
@ -531,6 +531,60 @@ ul.tab_nav,.nav_tabs_filter {
|
|||
}
|
||||
}
|
||||
}
|
||||
#tdstylesp{
|
||||
@media (max-width: 480px) {
|
||||
thead,
|
||||
tbody,
|
||||
tr,
|
||||
th,
|
||||
td {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* thead 隱藏,改用 data-label 顯示 */
|
||||
thead {
|
||||
display: none;
|
||||
}
|
||||
|
||||
tbody tr {
|
||||
border: 1px solid #ddd;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
tbody td {
|
||||
position: relative;
|
||||
padding-left: 45%!important;
|
||||
text-align: left;
|
||||
border-bottom: 1px solid #eee;
|
||||
min-height: 72px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* 用 data-label 顯示對應標題 */
|
||||
tbody td::before {
|
||||
content: attr(data-label);
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
width: 40%;
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
white-space: normal;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
/* 空白格不顯示 */
|
||||
tbody td:empty,
|
||||
tbody td[data-label=""]::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
// //取消內頁tdrwd可加在內頁編輯
|
||||
// .internal-page table td{
|
||||
// border: 1px solid #ddd!important;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<div class="w-annc w-annc widget-announcement-15" style="position:relative;">
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
<div style="position: absolute;top: 50%;width:100%; z-index: 101;">
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<div class="w-annc widget-announcement-18">
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
<ul class="w-annc__list row" data-level="0" data-list="announcements">
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<div class="w-annc w-annc widget-announcement-19" style="position:relative;">
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
<div style="position: absolute;top: 50%;width:100%; z-index: 101;">
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<div class="w-annc widget-announcement-20">
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
<ul class="w-annc__list row" data-level="0" data-list="announcements">
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<div class="w-annc widget-announcement-4 widget-announcement-21">
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
<div style="position: absolute;top: 62%;width:100%; z-index: 101;">
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<div class="w-annc w-annc widget-announcement-22" style="position:relative;">
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
<div style="position: absolute;top: 50%;width:100%; z-index: 101;">
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<div class="w-annc widget-announcement-24">
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
<ul class="w-annc__list row" data-level="0" data-list="announcements">
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<div class="w-annc widget-announcement-4 widget-announcement-25">
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
<div class="prevnext" style="position: absolute;top: 62%;width:100%; z-index: 101;">
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<div class="w-annc widget-announcement-4">
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
<ul class="w-annc__list row" data-level="0" data-list="announcements">
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
<span class="i-archive__status-wrap" data-list="statuses" data-level="2">
|
||||
<span class="i-archive__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="description" style="margin-top: 0.5em;clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
||||
<span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
||||
</td>
|
||||
<td class="i-archive__file-list col-sm-3" data-list="files" data-level="2">
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" data-bs-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary {{file-type}}">{{file-type}}</span></a>
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
<span data-list="statuses" data-level="2">
|
||||
<span class="label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="description" style="margin-top: 0.5em;clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
||||
<span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
||||
</div>
|
||||
<div class="i-archive-files-list col-sm-12" data-list="files" data-level="2">
|
||||
<dd>
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
<div class="panel-body">
|
||||
<ul class="i-archive-files-list" data-list="files" data-level="2">
|
||||
<li>
|
||||
<span class="description" style="margin-top: 0.5em;clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
||||
<span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
||||
<span class="label label-primary {{file-type}}">{{file-type}}</span>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
<span data-list="statuses" data-level="2">
|
||||
<span class="label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="description" style="margin-top: 0.5em;clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
||||
<span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
||||
</div>
|
||||
<div class="i-archive-files-list col-sm-9" data-list="files" data-level="2">
|
||||
<dd>
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
<span data-list="statuses" data-level="2">
|
||||
<span class="label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="description" style="margin-top: 0.5em;clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
||||
<span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
||||
<dd>
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-bs-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
<span class="i-archive__status-wrap" data-list="statuses" data-level="2">
|
||||
<span class="i-archive__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="description" style="margin-top: 0.5em;clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
||||
<span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
||||
</div>
|
||||
<div class="i-archive__file-list col-sm-3" data-list="files" data-level="2">
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-bs-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
<div class="panel-body">
|
||||
<ul class="i-archive-files-list" data-list="files" data-level="2">
|
||||
<li>
|
||||
<span class="description" style="margin-top: 0.5em;clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
||||
<span class="description" style="clear: both;widivh: 100%;position: relative;display: block;">{{description}}</span>
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
||||
<span class="label label-primary {{file-type}}">{{file-type}}</span>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<div class="w-annc w-annc widget-announcement-15 event-news-15" style="position:relative;">
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
<div style="position: absolute;top: 50%;width:100%; z-index: 101;">
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<div class="w-annc widget-announcement-20">
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
<ul class="w-annc__list row" data-level="0" data-list="event_news">
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<div class="w-annc widget-announcement-4 event-news-21">
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<h3 class="w-annc__widget-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<div class="w-annc__more-wrap clearfix">
|
||||
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
|
||||
</div>
|
||||
<div style="position: absolute;top: 62%;width:100%; z-index: 101;">
|
||||
|
|
|
|||
|
|
@ -3,19 +3,23 @@
|
|||
<thead>
|
||||
<tr>
|
||||
<th class="col-md-1">{{th_year}}</th>
|
||||
<th class="col-md-6">{{th_course_title}}</th>
|
||||
<th class="col-md-3">{{th_course_category}}</th>
|
||||
<th class="col-md-4">{{th_course_title}}</th>
|
||||
<th class="col-md-2">{{th_course_class}}</th>
|
||||
<th class="col-md-2">{{th_course_category}}</th>
|
||||
<th class="col-md-1 min-tablet">{{th_course_semester}}</th>
|
||||
<th class="col-md-1 min-tablet-l">{{th_authors}}</th>
|
||||
<th class="col-md-1 min-tablet-2">{{th_url}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody data-level="0" data-list="courses">
|
||||
<tr>
|
||||
<td>{{year}}</td>
|
||||
<td><a href="{{link_to_show}}">{{title}}</a></td>
|
||||
<td>{{course_class}}</td>
|
||||
<td>{{category}}</td>
|
||||
<td>{{semester}}</td>
|
||||
<td>{{authors}}</td>
|
||||
<td>{{url}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
@ -33,4 +37,4 @@ $('table.courses-index').each(function(){
|
|||
});
|
||||
}
|
||||
});;
|
||||
</script>
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
<div data-list="video_tags" data-level="1" class="video_tag"><div class="video_tags2">{{video_tag}}</div></div>
|
||||
<div class="video_keyword">{{video_keyword}}</div>
|
||||
<div class="video_group_time">{{video_postdate}}</div>
|
||||
<div class="video_title"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}"><h5>{{video_title}}</h5></a></div>
|
||||
<div class="video_title"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}"><h4>{{video_title}}</h4></a></div>
|
||||
<div class="video_desc"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">{{video_desc}}</a></div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
<div data-list="video_tags" data-level="1" class="video_tag"><div class="video_tags2">{{video_tag}}</div></div>
|
||||
<div class="video_keyword">{{video_keyword}}</div>
|
||||
<div class="video_group_time">{{video_postdate}}</div>
|
||||
<div class="video_title"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}"><h5>{{video_title}}</h5></a></div>
|
||||
<div class="video_title"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}"><h4>{{video_title}}</h4></a></div>
|
||||
<div class="video_desc"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">{{video_desc}}</a></div>
|
||||
</div>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@
|
|||
<div data-list="video_tags" data-level="1" class="video_tag"><div class="video_tags2">{{video_tag}}</div></div>
|
||||
<div class="video_keyword">{{video_keyword}}</div>
|
||||
<div class="video_group_time">{{video_postdate}}</div>
|
||||
<div class="video_title"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}"><h5>{{video_title}}</h5></a></div>
|
||||
<div class="video_title"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}"><h4>{{video_title}}</h4></a></div>
|
||||
<div class="video_desc"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">{{video_desc}}</a></div>
|
||||
</div>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
<div data-list="video_tags" data-level="1" class="video_tag"><div class="video_tags2">{{video_tag}}</div></div>
|
||||
<div class="video_keyword">{{video_keyword}}</div>
|
||||
<div class="video_group_time">{{video_postdate}}</div>
|
||||
<div class="video_title"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}"><h5>{{video_title}}</h5></a></div>
|
||||
<div class="video_title"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}"><h4>{{video_title}}</h4></a></div>
|
||||
<div class="video_desc"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">{{video_desc}}</a></div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -64,7 +64,7 @@
|
|||
<div data-list="video_tags" data-level="1" class="video_tag"><div class="video_tags2">{{video_tag}}</div></div>
|
||||
<div class="video_keyword">{{video_keyword}}</div>
|
||||
<div class="video_group_time">{{video_postdate}}</div>
|
||||
<div class="video_title"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}"><h5>{{video_title}}</h5></a></div>
|
||||
<div class="video_title"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}"><h4>{{video_title}}</h4></a></div>
|
||||
<div class="video_desc"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">{{video_desc}}</a></div>
|
||||
</div>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<div class="col-sm-8 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"><h5>{{video_title}}</h5></div>
|
||||
<div class="video_title"><h4>{{video_title}}</h4></div>
|
||||
<div class="video_desc">{{video_desc}}</div>
|
||||
<div class="view_info">
|
||||
<!-- <span><img src="{{hd_icon_url}}" alt="HD"></span> -->
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@
|
|||
</div>
|
||||
<div class="video_info">
|
||||
<div class="video_group_time"><div data-list="video_tags" data-level="1" class="video_tag"><div>{{video_tag}}</div></div>{{video_postdate}}</div>
|
||||
<div class="video_title"><h5>{{video_title}}</h5></div>
|
||||
<div class="video_title"><h4>{{video_title}}</h4></div>
|
||||
<div class="video_desc">{{video_desc}}</div>
|
||||
</div>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@
|
|||
</div>
|
||||
<div class="video_info">
|
||||
<div class="video_group_time"><div data-list="video_tags" data-level="1" class="video_tag"><div>{{video_tag}}</div></div>{{video_postdate}}</div>
|
||||
<div class="video_title"><h5>{{video_title}}</h5></div>
|
||||
<div class="video_title"><h4>{{video_title}}</h4></div>
|
||||
<div class="video_desc">{{video_desc}}</div>
|
||||
</div>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
</div>
|
||||
<div class="video_info">
|
||||
<div class="video_time"><span date-format="%Y/%m/%d">{{video_postdate}}</span></div>
|
||||
<div class="video_title"><h5>{{video_title}}</h5></div>
|
||||
<div class="video_title"><h4>{{video_title}}</h4></div>
|
||||
<div class="video_desc">{{video_desc}}</div>
|
||||
</div>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<div class="video_info">
|
||||
<div data-list="video_tags" data-level="1" class="video_tag"><div class="video_tags2">{{video_tag}}</div></div>
|
||||
<div class="video_group_time">{{video_postdate}}</div>
|
||||
<div class="video_title"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}"><h5>{{video_title}}</h5></a></div>
|
||||
<div class="video_title"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}"><h4>{{video_title}}</h4></a></div>
|
||||
<div class="video_desc"><a class="video_link" href="{{video_show_url}}" title="{{video_title_escape}}">{{video_desc}}</a></div>
|
||||
</div>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
<div class="video_info">
|
||||
<div class="video_group_time">{{video_post_agency}} | {{video_postdate}}</div>
|
||||
<div class="video_keyword">{{keyword_trans}}: {{video_keyword}}</div>
|
||||
<div class="video_title"><h5>{{video_title}}</h5></div>
|
||||
<div class="video_title"><h4>{{video_title}}</h4></div>
|
||||
<div class="video_desc">{{video_desc}}</div>
|
||||
<div class="view_info">
|
||||
<span>x {{view_count}}</span>
|
||||
|
|
|
|||
Loading…
Reference in New Issue