This commit is contained in:
ken 2026-07-28 11:10:42 +08:00
parent 52df841626
commit 075687e310
28 changed files with 313 additions and 642 deletions

View File

@ -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

View File

@ -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){

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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;
}

View File

@ -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;

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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": [

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.4 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB