update
|
|
@ -2100,76 +2100,7 @@ $(document).ready(function () {
|
|||
// 預設 aria-expanded 為 false
|
||||
$(".searchbtn2").attr("aria-expanded", "false");
|
||||
});
|
||||
//強制保持全站search展開
|
||||
$(document).ready(function () {
|
||||
|
||||
//search移位
|
||||
function moveSearchIfWide() {
|
||||
if ($('.input-search').is(':focus')) return;
|
||||
|
||||
if ($(window).width() > 769) {
|
||||
// 如果已經在正確位置就不動
|
||||
if (!$('.modules-menu-level-0 .searchclass').length) {
|
||||
$('.searchclass').appendTo('.header-nav');
|
||||
}
|
||||
} else {
|
||||
|
||||
$('.navbar-brand').after($('.searchclass'));
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(moveSearchIfWide);
|
||||
$(window).on('resize', moveSearchIfWide);
|
||||
|
||||
const $searchBox = $('.search-box');
|
||||
const $input = $searchBox.find('.input-search');
|
||||
const $btn = $('.btn-search');
|
||||
|
||||
// 點擊 btn 時:若未展開則展開,展開後才可送出
|
||||
$btn.on('click', function (e) {
|
||||
if (!$searchBox.hasClass('searching')) {
|
||||
e.preventDefault(); // 第一次點擊不送出
|
||||
// 延遲讓 Android 不會立即 blur
|
||||
setTimeout(() => {
|
||||
$searchBox.addClass('searching');
|
||||
$input[0].focus(); // 用 DOM 方式較穩
|
||||
}, 100);
|
||||
} else if (!$input.val().trim()) {
|
||||
// 沒有輸入值 → 不送出,focus 回去
|
||||
e.preventDefault();
|
||||
$input[0].focus();
|
||||
}
|
||||
// 有輸入值就正常送出
|
||||
});
|
||||
|
||||
// 點外面收起(無字才收)
|
||||
$(document).on('click touchstart', function (e) {
|
||||
if (
|
||||
!$searchBox.is(e.target) &&
|
||||
$searchBox.has(e.target).length === 0 &&
|
||||
!$input.val().trim()
|
||||
) {
|
||||
$searchBox.removeClass('searching');
|
||||
}
|
||||
});
|
||||
|
||||
// focus 時延遲加 .searching,避免 Android 被打斷
|
||||
$input.on('focus', function () {
|
||||
setTimeout(() => {
|
||||
$searchBox.addClass('searching');
|
||||
}, 50);
|
||||
});
|
||||
|
||||
// blur 時延遲移除 .searching,避免太早發生
|
||||
$input.on('blur', function () {
|
||||
setTimeout(() => {
|
||||
if (!$input.val().trim()) {
|
||||
$searchBox.removeClass('searching');
|
||||
}
|
||||
}, 150);
|
||||
});
|
||||
});
|
||||
// 當文件物件模型(DOM)載入後,執行init函數
|
||||
$(document).ready(function() {
|
||||
//常用到的js
|
||||
|
|
|
|||
|
|
@ -7,15 +7,6 @@
|
|||
//
|
||||
// Widget
|
||||
// ## gerenral styles
|
||||
.i-archive{
|
||||
dd{
|
||||
margin-bottom: 0.5em;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.i-archive__file-wrap{
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.i-archive__list{
|
||||
.date-thead{
|
||||
min-width: 4em;
|
||||
|
|
@ -27,7 +18,6 @@
|
|||
}
|
||||
}
|
||||
.i-items{
|
||||
border: 1px solid #ccc;
|
||||
@media(min-width: 768px){
|
||||
background-color: #fff;
|
||||
}
|
||||
|
|
@ -52,6 +42,9 @@
|
|||
@extend .unity-title;
|
||||
}
|
||||
}
|
||||
.i-archive-item-title{
|
||||
font-weight: normal;
|
||||
}
|
||||
.panel-title{
|
||||
@extend .i-title;
|
||||
}
|
||||
|
|
@ -60,6 +53,10 @@
|
|||
.w-archive__list.level-1 {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
.widget-archive-files-item {
|
||||
padding: 1em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.w-archive__item.level-1 {
|
||||
list-style-position: inside;
|
||||
|
|
@ -151,6 +148,7 @@
|
|||
.i-archive-title {
|
||||
@extend .unity-title;
|
||||
}
|
||||
/* 2. 對應的檔案顏色 (轉為 iOS 半透明色調) */
|
||||
.link { background-color: #1368d4 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
|
||||
.txt { background-color: #3a8a40 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
|
||||
.xlsx { background-color: #9e3050 !important; margin-left: 0.5em; } /* 對比 4.6:1 */
|
||||
|
|
@ -171,12 +169,10 @@
|
|||
font-family: $main-font;
|
||||
|
||||
.i-archive__item-wrap{
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding-bottom: 1em;
|
||||
padding-top: 1em;
|
||||
&:last-child{
|
||||
border-bottom: 0;
|
||||
}
|
||||
border: 1px solid #ccc;
|
||||
margin-bottom: 20px;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.i-archive__archive-title {
|
||||
|
|
@ -196,6 +192,7 @@
|
|||
list-style: none;
|
||||
}
|
||||
|
||||
.i-archive__category-list {}
|
||||
|
||||
.i-archive__category-title {
|
||||
padding-bottom: 0.3125em;
|
||||
|
|
@ -207,12 +204,13 @@
|
|||
}
|
||||
|
||||
.i-archive__file-list {
|
||||
display: block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.i-archive__file-wrap {
|
||||
margin:0;
|
||||
padding:0 0 0.5em 0;
|
||||
padding:0.5em 0 0;
|
||||
border-radius: 0.125em;
|
||||
}
|
||||
|
||||
|
|
@ -410,6 +408,7 @@
|
|||
margin-bottom: 1.5em;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.head{
|
||||
@media(min-width: 821px){
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-bs-toggle="collapse" data-bs-parent="#widget-archive-group" href="#collapse" class="collapsed">
|
||||
<a data-toggle="collapse" data-parent="#widget-archive-group" href="#collapse" class="collapsed">
|
||||
{{category-title}}
|
||||
</a>
|
||||
</h4>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
<ul class="w-archive__list level-4" data-list="files" data-level="2">
|
||||
<li class="w-archive__item level-4">
|
||||
<a href="{{file-url}}" class="widget-archive-files-item w-archive__link" 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>
|
||||
<span class="label label-primary {{file-type}}">{{file-type}}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<div class="panel-heading" style="padding: 0.625em 0.9375em;">
|
||||
<h4 class="panel-title">
|
||||
<i class="fa fa-file-text" aria-hidden="true"></i>
|
||||
<a data-bs-toggle="collapse" data-bs-parent="#widget-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
||||
<a data-toggle="collapse" data-parent="#widget-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
||||
{{category-title}}
|
||||
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -16,9 +16,7 @@
|
|||
<span class="description" style="margin-top: 0.5em;clear: both;width: 100%;position: relative;display: block;">{{description}}</span>
|
||||
<dl class="i-archive__file-list" data-list="files" data-level="2">
|
||||
<dd class="i-archive__file-wrap">
|
||||
<i class="fa-solid fa-file"></i>
|
||||
<a class="i-archive__file-name" href="{{file-url}}" 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>
|
||||
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}"><i class="fa-solid fa-file" style=" padding-right: 0.5em;"></i>{{file-name}}<span class="i-archive__file-type label label-primary {{file-type}}">{{file-type}}</span></a>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
|
|
@ -26,19 +24,3 @@
|
|||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<style>
|
||||
.i-archive__category-list{
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
background: #eaeef0;
|
||||
padding: 1em;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
.i-archive__item-wrap {
|
||||
background: #eaeef0;
|
||||
}
|
||||
.index-archive-1 .i-archive__file-list{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -16,14 +16,13 @@
|
|||
<tr class="archive-items">
|
||||
<td class="i-archive__serial_number col-sm-2">{{idx}}</td>
|
||||
<td class="head col-sm-7">
|
||||
<span class="i-archive__archive-title">{{archive-title}}</span>
|
||||
{{archive-title}}
|
||||
<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>
|
||||
</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>
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" data-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary {{file-type}}">{{file-type}}</span></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
|
|
@ -31,23 +30,3 @@
|
|||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.index-archive-10{
|
||||
.i-archive__archive-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
.thead{
|
||||
@media(max-width:768px){
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
.table-bordered>tbody>tr>td,.table-bordered>thead>tr>th{
|
||||
border:0;
|
||||
}
|
||||
.archive-items:nth-child(odd) {
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="i-archive index-archive-11">
|
||||
<div class="i-archive index-archive-9">
|
||||
<h3 class="i-archive-title">
|
||||
<span>{{page-title}}</span>
|
||||
</h3>
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
||||
</td>
|
||||
<td class="col-sm-3">
|
||||
<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>
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" data-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary {{file-type}}">{{file-type}}</span></a>
|
||||
</td>
|
||||
</tr>
|
||||
</span>
|
||||
|
|
@ -32,23 +32,3 @@
|
|||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.index-archive-11{
|
||||
.i-archive__archive-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
.thead{
|
||||
@media(max-width:768px){
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
.table-bordered>tbody>tr>td,.table-bordered>thead>tr>th{
|
||||
border:0;
|
||||
}
|
||||
.archive-items:nth-child(odd) {
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
|
@ -1,69 +1,44 @@
|
|||
<div class="i-archive index-archive-12">
|
||||
<div class="i-archive index-archive-2 index-archive-12">
|
||||
<h3 class="i-archive-title">
|
||||
<span>{{page-title}}</span>
|
||||
</h3>
|
||||
<div class="panel-group" id="index-archive-group" data-list="categories" data-level="0">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<div class="panel-heading" style="padding: 0.625em 0.9375em;">
|
||||
<h4 class="panel-title">
|
||||
<a data-bs-toggle="collapse" data-bs-parent="#index-archive-group" href="#collapse" class="collapsed" title="{{category-title}}">
|
||||
<i class="fa fa-th-list"></i>
|
||||
{{category-title}}
|
||||
<i class="faright fa fa-chevron-down" aria-hidden="true"></i>
|
||||
<i class="fa fa-file-text" aria-hidden="true"></i>
|
||||
<a role="button" data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
||||
{{category-title}}
|
||||
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
||||
</a>
|
||||
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse" class="panel-collapse collapse {{in_class}}">
|
||||
<div class="panel-body">
|
||||
<div class="div-horizontal i-archive-item-group" data-list="archives" data-level="1">
|
||||
<div class="i-archive-item-wrap">
|
||||
<div class="i-archive-item-list col-sm-12">
|
||||
<span class="i-archive-item-title">{{archive-title}}</span>
|
||||
<dl class="dl-horizontal i-archive-item-group" data-list="archives" data-level="1">
|
||||
<dt class="i-archive-item-list">
|
||||
<sapn class="i-archive-item-title">{{archive-title}}</span>
|
||||
<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>
|
||||
</div>
|
||||
<div class="i-archive-files-list col-sm-12" data-list="files" data-level="2">
|
||||
</dt>
|
||||
<dl class="i-archive-files-list" data-list="files" data-level="2">
|
||||
<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>
|
||||
<span class="label label-primary {{file-type}}">{{file-type}}</span>
|
||||
</dd>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</dl>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{link_to_edit}}
|
||||
</div>
|
||||
<style>
|
||||
.panel-heading{
|
||||
padding:0;
|
||||
}
|
||||
.panel-title a {
|
||||
display: block;
|
||||
padding: 0.625em 0.9375em;
|
||||
}
|
||||
.i-archive-item-title{
|
||||
font-weight:bold;
|
||||
}
|
||||
.i-archive-item-wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding-bottom: 0.5em;
|
||||
padding-top: 1em;
|
||||
&:last-child{
|
||||
border-bottom:0;
|
||||
}
|
||||
}
|
||||
@media (min-widivh: 769px){
|
||||
.index-archive-2 .div-horizontal div.col-sm-3{
|
||||
widivh: 25%;
|
||||
}
|
||||
.index-archive-12 dt.i-archive-item-list{
|
||||
float: none;
|
||||
width: auto;
|
||||
}
|
||||
</style>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -11,20 +11,20 @@
|
|||
<div class="tab-pane {{active_class}}" id="{{category-id}}" role="tabpanel" aria-labelledby="{{category-id}}-tab">
|
||||
<ul class="archives-ul" data-list="archives" data-level="1">
|
||||
<li class="archive-li">
|
||||
<div class="i-archive__item-wrap">
|
||||
<dt class="i-archive__category-item">
|
||||
<span class="i-archive__status-wrap" data-list="statuses" data-level="2">
|
||||
<span class="i-archive__status label status {{status-class}}">{{status}}</span>
|
||||
<p>
|
||||
<span data-list="statuses" data-level="2">
|
||||
<span class="label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="i-archive__archive-title">{{archive-title}}</span>
|
||||
<span class="description" style="margin-top: 0.5em;clear: both;width: 100%;position: relative;display: block;">{{description}}</span>
|
||||
</dt>
|
||||
<dl class="i-archive__file-list" data-list="files" data-level="2">
|
||||
<dd class="i-archive__file-wrap">
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<a href="{{archive-file-url}}" target="{{target}}" title="{{archive-title}}">
|
||||
{{archive-title}}
|
||||
</a>
|
||||
<span class="i-archive-files-list" data-list="files" data-level="2">
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}" data-toggle="tooltip" data-placement="bottom">
|
||||
<span class="label label-primary {{file-type}}">{{file-type}}</span>
|
||||
</a>
|
||||
</span>
|
||||
</p>
|
||||
<div class="archive-description">{{description}}</div>
|
||||
</li>
|
||||
</ul>
|
||||
{{link_to_edit}}
|
||||
|
|
@ -32,34 +32,9 @@
|
|||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.index-archive-13{
|
||||
.i-archive__status-wrap {
|
||||
display: block;
|
||||
width: 100%;
|
||||
.i-archive.index-archive-13 .i-archive-files-item{
|
||||
white-space: inherit;
|
||||
}
|
||||
.i-archive__status-wrap {
|
||||
width: 100%;
|
||||
}
|
||||
.i-archive__item-wrap{
|
||||
display:flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.archives-ul {
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
background: #eaeef0;
|
||||
padding: 1em;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
}
|
||||
.i-archive__file-wrap {
|
||||
font-size: 1.2em;
|
||||
margin: 0;
|
||||
padding: 0.5em 0 0;
|
||||
border-radius: 0.125em;
|
||||
}
|
||||
|
||||
|
||||
.index-archive-13 .archives-ul .archive-li{
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,17 +6,18 @@
|
|||
<div class="panel panel-default default-collapse" data-list="archives" data-level="1">
|
||||
<div class="panel-heading" style="padding: 0.625em 0.9375em;">
|
||||
<h4 class="panel-title">
|
||||
<a data-bs-toggle="collapse" data-bs-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
||||
<i class="fa fa-file-text" aria-hidden="true"></i> {{archive-title}}
|
||||
<i class="fa fa-file-text" aria-hidden="true"></i>
|
||||
<a role="button" data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
||||
{{archive-title}}
|
||||
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
||||
</a>
|
||||
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse" class="panel-collapse collapse {{in_class}}">
|
||||
<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>
|
||||
<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>
|
||||
|
|
@ -27,17 +28,6 @@
|
|||
{{link_to_edit}}
|
||||
</div>
|
||||
<style>
|
||||
.fa-file-text:before {
|
||||
content: "\f15c"!important;
|
||||
}
|
||||
.panel-heading{
|
||||
padding:0;
|
||||
}
|
||||
.panel-title a {
|
||||
display: block;
|
||||
padding: 0.625em 0.9375em;
|
||||
width: 100%;
|
||||
}
|
||||
.index-archive-12 dt.i-archive-item-list{
|
||||
float: none;
|
||||
width: auto;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="i-archive index-archive-15">
|
||||
<div class="i-archive index-archive-13 index-archive-15">
|
||||
<h3 class="i-archive-title">
|
||||
<span>{{page-title}}</span>
|
||||
</h3>
|
||||
|
|
@ -11,22 +11,20 @@
|
|||
<div class="tab-pane {{active_class}}" id="{{category-id}}" role="tabpanel" aria-labelledby="{{category-id}}-tab">
|
||||
<ul class="archives-ul" data-list="archives" data-level="1">
|
||||
<li class="archive-li">
|
||||
<div class="i-archive__item-wrap">
|
||||
<dt class="i-archive__category-item">
|
||||
<span class="i-archive__status-wrap" data-list="statuses" data-level="2">
|
||||
<span class="i-archive__status label status {{status-class}}">{{status}}</span>
|
||||
<p>
|
||||
<span data-list="statuses" data-level="2">
|
||||
<span class="label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<span class="i-archive__archive-title">{{archive-title}}</span>
|
||||
<span class="description" style="margin-top: 0.5em;clear: both;width: 100%;position: relative;display: block;">{{description}}</span>
|
||||
</dt>
|
||||
<dl class="i-archive__file-list" data-list="files" data-level="2">
|
||||
<dd class="i-archive__file-wrap">
|
||||
<i class="fa-solid fa-file"></i>
|
||||
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<a href="{{archive-file-url}}" target="{{target}}" title="{{archive-title}}">
|
||||
{{archive-title}}
|
||||
</a>
|
||||
<span class="i-archive-files-list" data-list="files" data-level="2">
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}" data-toggle="tooltip" data-placement="bottom">
|
||||
{{file-name}}<span class="label label-primary {{file-type}}">{{file-type}}</span>
|
||||
</a>
|
||||
</span>
|
||||
</p>
|
||||
<div class="archive-description">{{description}}</div>
|
||||
</li>
|
||||
</ul>
|
||||
{{link_to_edit}}
|
||||
|
|
@ -34,41 +32,10 @@
|
|||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.i-archive__archive-title {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.index-archive-15{
|
||||
.i-archive__status-wrap {
|
||||
display: block;
|
||||
width: 100%;
|
||||
.index-archive-13 .archives-ul .archive-li{
|
||||
list-style-type: disc;
|
||||
}
|
||||
.i-archive__status-wrap {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.archives-ul {
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
background: #eaeef0;
|
||||
padding: 1em;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
}
|
||||
.i-archive__file-wrap {
|
||||
font-size: 1.2em;
|
||||
margin: 0;
|
||||
padding: 0.5em 0 0;
|
||||
border-radius: 0.125em;
|
||||
}
|
||||
.archive-li{
|
||||
list-style: none;
|
||||
}
|
||||
.archives-ul {
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
background: #eaeef0;
|
||||
padding: 1em;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.index-archive-15 .archive-description{
|
||||
.index-archive-13 .archive-description{
|
||||
color: #9b9b9b;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
<h4 class="panel-title">
|
||||
<div class="date col-sm-2">{{created_at}}</div>
|
||||
<i class="fa fa-file-text" aria-hidden="true"></i>
|
||||
<a data-bs-toggle="collapse" data-bs-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
||||
<a role="button" data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
||||
{{archive-title}}
|
||||
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -1,61 +1,42 @@
|
|||
<div class="i-archive index-archive-2">
|
||||
<h3 class="i-archive-title">
|
||||
<h1 class="i-archive-title">
|
||||
<span>{{page-title}}</span>
|
||||
</h3>
|
||||
</h1>
|
||||
<div class="panel-group" id="index-archive-group" data-list="categories" data-level="0">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-bs-toggle="collapse" data-bs-parent="#index-archive-group" href="#collapse" class="collapsed" title="{{category-title}}">
|
||||
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" title="{{category-title}}" role="button">
|
||||
<i class="fa fa-th-list"></i>
|
||||
{{category-title}}
|
||||
<i class="faright fa fa-chevron-down" aria-hidden="true"></i>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse" class="panel-collapse collapse {{in_class}}">
|
||||
<div class="panel-body">
|
||||
<div class="div-horizontal i-archive-item-group" data-list="archives" data-level="1">
|
||||
<div class="i-archive-item-wrap">
|
||||
<div class="i-archive-item-list col-sm-3">
|
||||
<dl class="dl-horizontal i-archive-item-group" data-list="archives" data-level="1">
|
||||
<dt class="i-archive-item-list col-sm-3">
|
||||
<span class="i-archive-item-title">{{archive-title}}</span>
|
||||
<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>
|
||||
</div>
|
||||
<div class="i-archive-files-list col-sm-9" data-list="files" data-level="2">
|
||||
</dt>
|
||||
<dl class="i-archive-files-list col-sm-9" data-list="files" data-level="2">
|
||||
<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>
|
||||
<span class="label label-primary {{file-type}}">{{file-type}}</span>
|
||||
</dd>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</dl>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{link_to_edit}}
|
||||
</div>
|
||||
<style>
|
||||
.i-archive-item-title{
|
||||
font-weight:bold;
|
||||
}
|
||||
.i-archive-item-wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding-bottom: 0.5em;
|
||||
padding-top: 1em;
|
||||
&:last-child{
|
||||
border-bottom:0;
|
||||
}
|
||||
}
|
||||
@media (min-widivh: 769px){
|
||||
.index-archive-2 .div-horizontal div.col-sm-3{
|
||||
widivh: 25%;
|
||||
@media (min-width: 769px){
|
||||
.index-archive-2 .dl-horizontal dt.col-sm-3{
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<div class="i-archive index-archive-3">
|
||||
<h3 class="i-archive-title">
|
||||
<h1 class="i-archive-title">
|
||||
<span>{{page-title}}</span>
|
||||
</h3>
|
||||
</h1>
|
||||
<ul class="i-archive__list list-unstyled" data-list="categories" data-level="0">
|
||||
<li class="i-archive__item">
|
||||
<h4 class="i-archive__category-title">{{category-title}}</h4>
|
||||
|
|
@ -11,36 +11,15 @@
|
|||
<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;width: 100%;position: relative;display: block;">{{description}}</span>
|
||||
</dt>
|
||||
<dl class="i-archive__file-list" data-list="files" data-level="2">
|
||||
<dd class="i-archive__file-wrap">
|
||||
<a class="i-archive__file-name" href="{{file-url}}" 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>
|
||||
<span class="i-archive__file-type label label-primary {{file-type}}">{{file-type}}</span>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<style>
|
||||
.i-archive__category-list{
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
background: #eaeef0;
|
||||
padding: 1em;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
.i-archive__item-wrap {
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding-bottom: 1em;
|
||||
padding-top: 1em;
|
||||
&:last-child{
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
.i-archive__file-list {
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
</div>
|
||||
|
|
@ -6,54 +6,29 @@
|
|||
<div class="panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-bs-toggle="collapse" data-bs-parent="#index-archive-group" href="#collapse" class="collapsed" title="{{category-title}}">
|
||||
<i class="fa fa-th-list"></i>
|
||||
{{category-title}}
|
||||
<i class="faright fa fa-chevron-down" aria-hidden="true"></i>
|
||||
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" title="{{category-title}}" role="button">
|
||||
<i class="fa fa-th-list"></i>{{category-title}}
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse" class="panel-collapse collapse {{in_class}}">
|
||||
<div class="panel-body">
|
||||
<div class="div-horizontal i-archive-item-group" data-list="archives" data-level="1">
|
||||
<div class="i-archive-item-wrap">
|
||||
<div class="i-archive-files-list col-sm-12" data-list="files" data-level="2">
|
||||
<dl class="dl-horizontal i-archive-item-group" data-list="archives" data-level="1">
|
||||
<dt class="i-archive-item-list col-sm-5">
|
||||
<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>
|
||||
</dt>
|
||||
<dl class="i-archive-files-list col-sm-7" data-list="files" data-level="2">
|
||||
<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>
|
||||
<span class="label label-primary {{file-type}}">{{file-type}}</span>
|
||||
</dd>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</dl>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{link_to_edit}}
|
||||
{{link_to_edit}}
|
||||
</div>
|
||||
<style>
|
||||
.i-archive-item-title{
|
||||
font-weight:bold;
|
||||
}
|
||||
.i-archive-item-wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding-bottom: 0.5em;
|
||||
padding-top: 1em;
|
||||
&:last-child{
|
||||
border-bottom:0;
|
||||
}
|
||||
}
|
||||
@media (min-widivh: 769px){
|
||||
.index-archive-2 .div-horizontal div.col-sm-3{
|
||||
widivh: 25%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -15,14 +15,13 @@
|
|||
<div class="archive-items clearfix">
|
||||
<div class="date col-sm-2">{{created_at}}</div>
|
||||
<div class="head col-sm-7">
|
||||
<span class="i-archive__archive-title">{{archive-title}}</span>
|
||||
{{archive-title}}
|
||||
<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="i-archive__status label status {{status-class}}">{{status}}</span>
|
||||
</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>
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -38,22 +37,4 @@ if( window.location.href.indexOf('/en/') > -1 ) {
|
|||
$('.title-thead').replaceWith('<div class="col-sm-7 title-thead-en">Title</div>')
|
||||
$('.file-thead').replaceWith('<div class="col-sm-3 file-thead-en">Download file</div>')
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
.i-archive__archive-title{
|
||||
font-weight:bold;
|
||||
}
|
||||
.index-archive-5 .archive-items{
|
||||
@media(max-width:768px){
|
||||
padding:1em;
|
||||
}
|
||||
}
|
||||
.link{margin-right: 0.5em;}
|
||||
.txt { background-color: #6dbb73; margin-right: 0.5em;}
|
||||
.xlsx { background-color: #bb6d7f; margin-right: 0.5em;}
|
||||
.pdf { background-color: #3b8347; margin-right: 0.5em;}
|
||||
.docx { background-color: #846dbb; margin-right: 0.5em;}
|
||||
.pptx { background-color: #6d77bb; margin-right: 0.5em;}
|
||||
.jpg { background-color: #bb6d6d; margin-right: 0.5em;}
|
||||
.zip { background-color: #dcb957; margin-right: 0.5em;}
|
||||
</style>
|
||||
</script>
|
||||
|
|
@ -1,48 +1,46 @@
|
|||
<div class="i-archive index-archive-1 index-archive-6">
|
||||
<h3 class="i-archive-title">
|
||||
<div class="i-archive index-archive-6">
|
||||
<h3 class="i-archive-title">
|
||||
<span>{{page-title}}</span>
|
||||
</h3>
|
||||
<ul class="i-archive__list list-unstyled" data-list="categories" data-level="0">
|
||||
<li class="i-archive__item">
|
||||
<h4 class="i-archive__category-title">{{category-title}}</h4>
|
||||
<dl class="i-archive__category-list list-unstyled" data-list="archives" data-level="1">
|
||||
<div class="i-archive__item-wrap">
|
||||
<dt class="i-archive__category-item">
|
||||
<div class="date ">{{created_at}}</div>
|
||||
<span class="i-archive__archive-title">{{archive-title}}</span>
|
||||
<span class="i-archive__status-wrap" data-list="statuses" data-level="2">
|
||||
<span class="i-archive__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
</dt>
|
||||
<span class="description" style="margin-top: 0.5em;clear: both;width: 100%;position: relative;display: block;">{{description}}</span>
|
||||
<dl class="i-archive__file-list" data-list="files" data-level="2">
|
||||
<dd class="i-archive__file-wrap">
|
||||
<i class="fa-solid fa-file"></i>
|
||||
<a class="i-archive__file-name" href="{{file-url}}" 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>
|
||||
</dd>
|
||||
</dl>
|
||||
<div class="i-archive__list list-unstyled" id="index-archive-group" data-list="categories" data-level="0">
|
||||
<h4 class="i-archive__category-title">{{category-title}}</h4>
|
||||
<div class="i-items">
|
||||
<div class="thead row">
|
||||
<div class="col-sm-2 date-thead">上傳日期</div>
|
||||
<div class="col-sm-7 title-thead">標題</div>
|
||||
<div class="col-sm-3 file-thead">檔案下載</div>
|
||||
</div>
|
||||
<div class="tbody">
|
||||
<div class="i-archive__category-list list-unstyled" data-list="archives" data-level="1">
|
||||
<div class="archive-items clearfix">
|
||||
<div class="date col-sm-2">{{created_at}}</div>
|
||||
<div class="head col-sm-7">
|
||||
<dl class="i-archive__file" data-list="files" data-level="2">
|
||||
<div class="file-name">
|
||||
<a class="i-archive__file-name" href="{{file-url}}" target="_blank" title="{{file-name}}">{{file-name}}</a>
|
||||
<span class="i-archive__status-wrap" data-list="statuses" data-level="2">
|
||||
<span class="i-archive__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="i-archive__file-list col-sm-3" data-list="files" data-level="2">
|
||||
<div class="file-item">
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.i-archive__category-list{
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
background: #eaeef0;
|
||||
padding: 1em;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
.index-archive-1{
|
||||
.date {
|
||||
font-size: 1.2rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
.i-archive__item-wrap {
|
||||
background: #eaeef0;
|
||||
}
|
||||
|
||||
</style>
|
||||
<script>
|
||||
if( window.location.href.indexOf('/en/') > -1 ) {
|
||||
$('.date-thead').replaceWith('<div class="col-sm-2 date-thead-en">Updated At</div>')
|
||||
$('.title-thead').replaceWith('<div class="col-sm-7 title-thead-en">Title</div>')
|
||||
$('.file-thead').replaceWith('<div class="col-sm-3 file-thead-en">Download file</div>')
|
||||
}
|
||||
</script>
|
||||
|
|
@ -1,51 +1,54 @@
|
|||
<div class="i-archive index-archive-2 index-archive-7">
|
||||
<div class="i-archive index-archive-7">
|
||||
<h3 class="i-archive-title">
|
||||
<span>{{page-title}}</span>
|
||||
</h3>
|
||||
|
||||
<div class="panel-group" id="index-archive-group" data-list="categories" data-level="0">
|
||||
<h4 class="i-archive__category-title">{{category-title}}</h4>
|
||||
<div class="panel panel-default default-collapse" data-list="archives" data-level="1">
|
||||
<div class="panel-heading" style="padding: 0.625em 0.9375em;">
|
||||
<h4 class="panel-title">
|
||||
<a data-bs-toggle="collapse" data-bs-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
|
||||
<i class="fa fa-file-text" aria-hidden="true"></i> {{archive-title}}
|
||||
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapse" class="panel-collapse collapse {{in_class}}">
|
||||
<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>
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{link_to_edit}}
|
||||
<div class="i-archive__list list-unstyled" id="index-archive-group" data-list="categories" data-level="0">
|
||||
<h4 class="i-archive__category-title">{{category-title}}</h4>
|
||||
<table class="i-items table table-bordered">
|
||||
<thead class="thead row">
|
||||
<tr>
|
||||
<th class="col-sm-2">{{date-head}}</th>
|
||||
<th class="col-sm-4">{{title-head}}</th>
|
||||
<th class="col-sm-3">{{description-head}}</th>
|
||||
<th class="col-sm-3">{{file-head}}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="tbody i-archive__category-list" data-list="archives" data-level="1">
|
||||
<tr class="archive-items">
|
||||
|
||||
<td class="date col-sm-2">{{created_at}}</td>
|
||||
<td class="head col-sm-4">{{archive-title}}</td>
|
||||
<span class="i-archive__status-wrap" data-list="statuses" data-level="2">
|
||||
<span class="i-archive__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
<td class="description col-sm-3">{{description}}</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-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary {{file-type}}">{{file-type}}</span></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<style>
|
||||
.fa-file-text:before {
|
||||
content: "\f15c"!important;
|
||||
}
|
||||
.panel-heading{
|
||||
padding:0;
|
||||
}
|
||||
.panel-title a {
|
||||
display: block;
|
||||
padding: 0.625em 0.9375em;
|
||||
width: 100%;
|
||||
}
|
||||
.index-archive-7 dt.i-archive-item-list{
|
||||
float: none;
|
||||
width: auto;
|
||||
}
|
||||
li{
|
||||
list-style:none;
|
||||
}
|
||||
</style>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
if(window.innerWidth >= 768){
|
||||
$(".archive-items .date").each(function(i,d){
|
||||
$(d).parent().eq(0).children().css("min-height",$(d).parent().height());
|
||||
})
|
||||
}else{
|
||||
$(".archive-items >").css("min-height","");
|
||||
}
|
||||
})
|
||||
$(window).resize(function(){
|
||||
if(window.innerWidth >= 768){
|
||||
$(".archive-items .date").each(function(i,d){
|
||||
$(d).parent().eq(0).children().css("min-height",$(d).parent().height());
|
||||
})
|
||||
}else{
|
||||
$(".archive-items >").css("min-height","");
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,48 +1,40 @@
|
|||
<div class="i-archive index-archive-1 index-archive-8">
|
||||
<h3 class="i-archive-title">
|
||||
<div class="i-archive index-archive-6">
|
||||
<h3 class="i-archive-title">
|
||||
<span>{{page-title}}</span>
|
||||
</h3>
|
||||
<ul class="i-archive__list list-unstyled" data-list="categories" data-level="0">
|
||||
<li class="i-archive__item">
|
||||
<h4 class="i-archive__category-title">{{category-title}}</h4>
|
||||
<dl class="i-archive__category-list list-unstyled" data-list="archives" data-level="1">
|
||||
<div class="i-archive__item-wrap">
|
||||
<dt class="i-archive__category-item">
|
||||
<span class="i-archive__archive-title">{{archive-title}}</span>
|
||||
<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;width: 100%;position: relative;display: block;">{{description}}</span>
|
||||
</dt>
|
||||
<dl class="i-archive__file-list" data-list="files" data-level="2">
|
||||
<dd class="i-archive__file-wrap">
|
||||
<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>
|
||||
</dd>
|
||||
</dl>
|
||||
<div class="i-archive__list list-unstyled" id="index-archive-group" data-list="categories" data-level="0">
|
||||
<h4 class="i-archive__category-title">{{category-title}}</h4>
|
||||
<div class="i-items">
|
||||
<div class="thead row">
|
||||
<div class="col-sm-2 date-thead">{{date-head}}</div>
|
||||
<div class="col-sm-4 title-thead">{{title-head}}</div>
|
||||
<div class="col-sm-3 description-thead">{{description-head}}</div>
|
||||
<div class="col-sm-3 file-thead">{{file-head}}</div>
|
||||
</div>
|
||||
<div class="tbody">
|
||||
<div class="i-archive__category-list list-unstyled" data-list="archives" data-level="1">
|
||||
<div class="archive-items clearfix">
|
||||
<div class="date col-sm-2">{{created_at}}</div>
|
||||
<div class="head col-sm-4">
|
||||
<dl class="i-archive__file" data-list="files" data-level="2">
|
||||
<div class="file-name">
|
||||
<a class="i-archive__file-name" href="{{file-url}}" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
||||
<span class="i-archive__status-wrap" data-list="statuses" data-level="2">
|
||||
<span class="i-archive__status label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="description col-sm-3">{{description}}</div>
|
||||
<div class="i-archive__file-list col-sm-3" data-list="files" data-level="2">
|
||||
<div class="file-item">
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" data-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary {{file-type}}">{{file-type}}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<style>
|
||||
.i-archive__file-list{
|
||||
display:flex;
|
||||
}
|
||||
.i-archive__category-list{
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
background: #eaeef0;
|
||||
padding: 1em;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
.index-archive-8{
|
||||
.i-archive__status-wrap {
|
||||
width: 100%;
|
||||
}
|
||||
.i-archive__item-wrap{
|
||||
display:flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
{{file-name}}
|
||||
</td>
|
||||
<td class="col-sm-4">
|
||||
<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>
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" data-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary {{file-type}}">{{file-type}}</span></a>
|
||||
</td>
|
||||
</tr>
|
||||
</span>
|
||||
|
|
@ -28,20 +28,3 @@
|
|||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
.index-archive-9{
|
||||
.thead{
|
||||
@media(max-width:768px){
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
.table-bordered>tbody>tr>td,.table-bordered>thead>tr>th{
|
||||
border:0;
|
||||
}
|
||||
.archive-items:nth-child(odd) {
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
|
@ -1,97 +1,73 @@
|
|||
{
|
||||
"frontend": [
|
||||
{
|
||||
"filename": "archive_index2",
|
||||
"name": {
|
||||
"zh_tw": "A1. 手風琴式列表 ( 類別折疊,(左)檔案室標題與說明,(右)檔名及Icon)",
|
||||
"en": "2. Accordion list (widget-title, category, filename, download link)"
|
||||
},
|
||||
"thumbnail": "ar2.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index12",
|
||||
"name": {
|
||||
"zh_tw": "A1-1. 手風琴式列表 ( 類別折疊,(上)檔案室標題與說明,(下)檔名及Icon)",
|
||||
"en": "12. Accordion list - with drop down (widget-title, category, filename, download link)"
|
||||
},
|
||||
"force_cover": "true",
|
||||
"thumbnail": "ar12.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index4",
|
||||
"name": {
|
||||
"zh_tw": "A2. 手風琴式列表 ( 類別折疊, 檔案室說明, 檔名Icon)",
|
||||
"en": "4. Accordion list(no filename) (widget-title, category, download link)"
|
||||
},
|
||||
"thumbnail": "ar4.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index14",
|
||||
"name": {
|
||||
"zh_tw": "A3. 手風琴式列表 ( 類別折疊, 檔案室說明, 檔名Icon)",
|
||||
"en": "14. Accordion list - with drop down - For every data (widget-title, title, filename, download link)"
|
||||
},
|
||||
"force_cover": "true",
|
||||
"thumbnail": "ar14.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index7",
|
||||
"name": {
|
||||
"zh_tw": "A4. 手風琴式列表 ( 類別區塊, 檔案室標題折疊, 檔案室說明, 檔名Icon)",
|
||||
"en": "7. Table list (widget-title, category, Updated At, filename, download link)"
|
||||
},
|
||||
"thumbnail": "ar7.png"
|
||||
},
|
||||
|
||||
|
||||
|
||||
{
|
||||
"filename": "archive_index1",
|
||||
"name": {
|
||||
"zh_tw": "L1. 條列式列表 ( 類別區塊, 檔案室標題, 檔案室說明, 檔名Icon )",
|
||||
"zh_tw": "1. 列表 ( 模組標題, 類別標題, 檔案名稱, 下載連結 )",
|
||||
"en": "1. List (widget-title, category, filename, download link)"
|
||||
},
|
||||
"thumbnail": "ar1.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index2",
|
||||
"name": {
|
||||
"zh_tw": "2. 手風琴式列表 ( 模組標題, 類別標題, 檔案名稱, 下載連結 )",
|
||||
"en": "2. Accordion list (widget-title, category, filename, download link)"
|
||||
},
|
||||
"thumbnail": "ar2.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index3",
|
||||
"name": {
|
||||
"zh_tw": "L2. 條列式列表 ( 類別區塊, 檔案室說明, 檔名Icon )",
|
||||
"zh_tw": "3. 列表( 無檔案名稱 ) ( 模組標題, 類別標題, 下載連結 )",
|
||||
"en": "3. List(no filename) (widget-title, category, download link)"
|
||||
},
|
||||
"thumbnail": "ar3.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index8",
|
||||
"filename": "archive_index4",
|
||||
"name": {
|
||||
"zh_tw": "L3. 條列式列表 ( 類別區塊, 檔案室標題及說明, Icon)",
|
||||
"en": "8. Table list (widget-title, Updated At, filename, download link)"
|
||||
"zh_tw": "4. 手風琴式列表( 無檔案名稱 ( 模組標題, 類別標題, 下載連結 )",
|
||||
"en": "4. Accordion list(no filename) (widget-title, category, download link)"
|
||||
},
|
||||
"thumbnail": "ar8.png"
|
||||
"thumbnail": "ar4.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index5",
|
||||
"name": {
|
||||
"zh_tw": "5. 表格列表 ( 模組標題, 類別標題, 檔案名稱, 下載連結 )",
|
||||
"en": "5. Table list (widget-title, category, filename, download link)"
|
||||
},
|
||||
"thumbnail": "ar5.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index6",
|
||||
"name": {
|
||||
"zh_tw": "L4. 條列式列表 ( 類別區塊, 檔案室日期, 檔名Icon檔案室說明)",
|
||||
"zh_tw": "6. 表格列表 ( 模組標題, 檔案名稱, 下載連結 )",
|
||||
"en": "6. Table list (widget-title, filename, download link)"
|
||||
},
|
||||
"thumbnail": "ar6.png"
|
||||
"thumbnail": "ar5.png"
|
||||
},
|
||||
|
||||
|
||||
|
||||
{
|
||||
"filename": "archive_index5",
|
||||
"filename": "archive_index7",
|
||||
"name": {
|
||||
"zh_tw": "G1. 表格式列表 ( 類別區塊, 檔案室日期, 檔案室標題, 檔案室說明, Icon)",
|
||||
"en": "5. Table list (widget-title, category, filename, download link)"
|
||||
"zh_tw": "7. 表格列表 ( 模組標題, 類別標題, 上傳日期, 檔案名稱, 檔案簡介, 下載連結 )",
|
||||
"en": "7. Table list (widget-title, category, Updated At, filename, download link)"
|
||||
},
|
||||
"thumbnail": "ar5.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index8",
|
||||
"name": {
|
||||
"zh_tw": "8. 表格列表 ( 模組標題, 上傳日期, 檔案名稱, 檔案簡介, 下載連結 )",
|
||||
"en": "8. Table list (widget-title, Updated At, filename, download link)"
|
||||
},
|
||||
"thumbnail": "ar5.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index9",
|
||||
"name": {
|
||||
"zh_tw": "G2. 表格式列表 ( 類別區塊, 檔名, Icon )",
|
||||
"zh_tw": "9. 表格列表 - 簡約 ( 模組標題, 檔案名稱, 下載連結 )",
|
||||
"en": "9. Table list - Simple (widget-title, filename, download link)"
|
||||
},
|
||||
"force_cover": "true",
|
||||
|
|
@ -100,25 +76,32 @@
|
|||
{
|
||||
"filename": "archive_index10",
|
||||
"name": {
|
||||
"zh_tw": "G3. 表格式列表 ( 類別區塊, 編號, 檔案室標題, 檔案室說明, Icon)",
|
||||
"zh_tw": "10. 表格列表 ( 模組標題, 類別標題, 編號, 檔案名稱, 下載連結 )",
|
||||
"en": "10. Table list (widget-title, category, Serial Number, filename, download link)"
|
||||
},
|
||||
"thumbnail": "ar10.png"
|
||||
"thumbnail": "ar5.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index11",
|
||||
"name": {
|
||||
"zh_tw": "G4. 表格式列表 ( 類別區塊, 編號, 檔名, Icon)",
|
||||
"zh_tw": "11. 表格列表 - 簡約 - 展開檔案 ( 模組標題, 類別標題, 編號, 檔案名稱, 下載連結 )",
|
||||
"en": "11. Table list - Simple - Unfold Files (widget-title, category, Serial Number, filename, download link)"
|
||||
},
|
||||
"thumbnail": "ar11.png"
|
||||
"thumbnail": "ar9.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index12",
|
||||
"name": {
|
||||
"zh_tw": "12. 手風琴式列表 - 有下拉 ( 模組標題, 類別標題, 檔案名稱, 下載連結 )",
|
||||
"en": "12. Accordion list - with drop down (widget-title, category, filename, download link)"
|
||||
},
|
||||
"force_cover": "true",
|
||||
"thumbnail": "ar2.png"
|
||||
},
|
||||
|
||||
|
||||
{
|
||||
"filename": "archive_index13",
|
||||
"name": {
|
||||
"zh_tw": "T1. 頁籤式 ( 類別頁籤, 檔案室標題, 檔案室說明, Icon)",
|
||||
"zh_tw": "13. 頁籤式 ( 模組標題, 類別標題, 標題, 下載連結, 描述 )",
|
||||
"en": "13. Tab list (widget-title, category, title, download link, description)"
|
||||
},
|
||||
"old_name": {
|
||||
|
|
@ -126,16 +109,34 @@
|
|||
"en": "13. Tab list (widget-title, category, title, filename, download link, description)"
|
||||
},
|
||||
"force_cover": "true",
|
||||
"thumbnail": "ar13.png"
|
||||
"thumbnail": "ar-tab1.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index14",
|
||||
"name": {
|
||||
"zh_tw": "14. 手風琴式列表 - 有下拉 - 針對各筆資料 ( 模組標題, 標題, 檔案名稱, 下載連結 )",
|
||||
"en": "14. Accordion list - with drop down - For every data (widget-title, title, filename, download link)"
|
||||
},
|
||||
"force_cover": "true",
|
||||
"thumbnail": "ar2.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index15",
|
||||
"name": {
|
||||
"zh_tw": "T2. 頁籤式 ( 類別頁籤, 檔案室標題, 檔案室說明, 檔名Icon)",
|
||||
"zh_tw": "15. 頁籤式 ( 模組標題, 類別標題, 標題, 完整檔案名稱, 下載連結, 描述 )",
|
||||
"en": "15. Tab list (widget-title, category, title, full filename, download link, description)"
|
||||
},
|
||||
"force_cover": "true",
|
||||
"thumbnail": "ar15.png"
|
||||
"thumbnail": "ar-tab1.png"
|
||||
},
|
||||
{
|
||||
"filename": "archive_index16",
|
||||
"name": {
|
||||
"zh_tw": "16. 手風琴式列表 - 有下拉 - 針對各筆資料 ( 模組標題, 標題, 檔案名稱, 下載連結 )",
|
||||
"en": "16. Accordion list - with drop down - For every data (date,widget-title, title, filename, download link)"
|
||||
},
|
||||
"force_cover": "true",
|
||||
"thumbnail": "ar2.png"
|
||||
}
|
||||
],
|
||||
"widgets": [
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 7.1 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 7.1 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 8.4 KiB After Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 7.9 KiB After Width: | Height: | Size: 1.7 KiB |