Compare commits

..

2 Commits

Author SHA1 Message Date
邱博亞 723c9af51b 調整上下頁樣式 2023-06-23 18:17:59 +08:00
邱博亞 ab19d6debe 完成出版品模組 2023-06-23 17:48:43 +08:00
13 changed files with 437 additions and 0 deletions

View File

@ -0,0 +1,33 @@
<table class="table table-hover table-striped journals-index">
<caption><h3>{{widget-title}}</h3></caption>
<thead>
<tr>
<th class="col-md-3">{{th_cover}}</th>
<th class="col-md-3">
{{th_title}}
</th>
<th class="col-md-2">{{th_pub_date}}</th>
<th class="col-md-2">{{th_author}}</th>
<th class="col-md-2">{{th_chapter}}</th>
</tr>
</thead>
<tbody data-level="0" data-list="journals">
<tr>
<td><a href="{{link_to_list}}"><img src="{{cover}}" alt="{{title}}" title="{{title}}" class="cover"></a></td>
<td><a href="{{link_to_show}}">{{title}}</a></td>
<td>{{pub_date}}</td>
<td>{{author}}</td>
<td>
<div class="">
<a href="{{link_to_list}}">進入章節</a>
</div>
<div class="">
{{th_chapters}}
{{chapters}}
</div>
</td>
</tr>
</tbody>
</table>
{{pagination_goes_here}}

View File

@ -0,0 +1,30 @@
{
"frontend": [
{
"filename" : "publications_index1",
"name" : {
"zh_tw" : "1. 精簡表格列表 ( 模組標題, 日期, 狀態, 標題 )",
"en" : "1. Simple Table List (widget-title, postdate, status, title)"
},
"thumbnail" : "publications_index1_thumbs.png"
},
{
"filename" : "publications_index2",
"name" : {
"zh_tw" : "2. 左圖右文 ( 模組標題, 圖片, 狀態, 日期, 類別, 標題, 副標題 )",
"en" : "2. Balanced Image + Text(Left) (widget-title, image, status, postdate, category, title, subtitle)"
},
"thumbnail" : "publications_index2_thumbs.png"
},
{
"filename" : "publications_index3",
"name" : {
"zh_tw" : "3. 三欄圖文 ( 模組標題, 圖片, 狀態, 日期, 類別, 標題, 副標題 )",
"en" : "3. 3-Column Standard Image + Text (widget-title, image, status, postdate, category, title, subtitle)"
},
"thumbnail" : "publications_index3_thumbs.png"
}
],
"widgets" : [
]
}

View File

@ -0,0 +1,23 @@
<div class="i-annc index-publications-1">
<h3 class="i-annc__page-title">{{page-title}}</h1>
<table class="i-annc__table table table-striped">
<thead>
<tr>
<th class="i-annc__th i-annc__th--date">{{th_pub_date}}</th>
<th class="i-annc__th i-annc__th--title">{{th_title}}</th>
</tr>
</thead>
<tbody data-level="0" data-list="announcements">
<tr>
<td class="i-annc__postdate" date-format="%Y-%m">{{pub_date}}</td>
<td class="i-annc__content">
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
</span>
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
</td>
</tr>
</tbody>
</table>
</div>
{{pagination_goes_here}}

View File

@ -0,0 +1,30 @@
<div class="i-annc index-publications-2">
<h3 class="i-annc__page-title">{{page-title}}</h1>
<ul class="i-annc__list" data-level="0" data-list="announcements">
<li class="i-annc__item row">
<div class="i-annc__img-wrap col-sm-4">
<img class="i-annc__img" src="{{cover}}" alt="{{cover_description}}" title="{{cover_description}}">
</div>
<div class="i-annc__content-wrap col-sm-8">
<div class="i-annc__meta">
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
<span class="i-annc__status label status {{status-class}}">{{status}}</span>
</span>
<span class="i-annc__postdate-wrap" date-format="%Y-%m">
<i class="fa fa-calendar-o"></i>
<span class="i-annc__postdate">{{pub_date}}</span>
</span>
<span class="i-annc__category-wrap">
<i class="fa fa-tasks"></i>
<span class="i-annc__category">{{category}}</span>
</span>
</div>
<h4 class="i-annc__entry-title">
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
</h4>
<p class="i-annc__subtitle">{{pub_information}}</p>
</div>
</li>
</ul>
</div>
{{pagination_goes_here}}

View File

@ -0,0 +1,82 @@
<div class="i-annc index-publications-3">
<h3 class="i-annc__page-title">{{page-title}}</h3>
<ul class="i-annc__list row" data-level="0" data-list="announcements">
<li class="i-annc__item col-md-4">
<div class="i-annc__img-wrap bullseye">
<img class="i-annc__img" src="{{cover}}" alt="{{cover_description}}" title="{{cover_description}}">
</div>
<div class="i-annc__content-wrap">
<div class="i-annc__meta">
<span class="i-annc__status-wrap" data-list="statuses" data-level="1">
<span class="i-annc__status label {{status-class}}">{{status}}</span>
</span>
<span class="i-annc__postdate-wrap" date-format="%Y-%m">
<i class="fa fa-calendar-o"></i>
<span class="i-annc__postdate">{{pub_date}}</span>
</span>
<span class="i-annc__category-wrap">
<i class="fa fa-tasks"></i>
<span class="i-annc__category">{{category}}</span>
</span>
</div>
<h4 class="i-annc__entry-title">
<a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
</h4>
</div>
</li>
</ul>
</div>
{{pagination_goes_here}}
<script>
var lilength = $('.index-publications-3 li.i-annc__item').length;
function combineul(){
for(var i=1;i<$('.index-publications-3 ul.i-annc__list').length;i++)
$('.index-publications-3 ul.i-annc__list').eq(0).find('>li').eq(-1).after($('.index-publications-3 ul.i-annc__list').eq(i).html());
var ullength = $('.index-publications-3 ul.i-annc__list').length;
for(var i = 1;i < ullength;i++)
$('.index-publications-3 ul.i-annc__list').eq(-1).remove();
};
function reorganize(num){
combineul();
for(var i=1;i< Math.ceil(lilength/num);i++){
$('.index-publications-3 ul.i-annc__list').eq(-1).after('<ul class="i-annc__list row" data-level="0" data-list="announcements"></ul>')
var lihtml="";
if(i != (Math.ceil(lilength/num)-1)){
for(var j=0;j<num;j++)
lihtml += "<li class='i-annc__item col-md-4'>"+$('.index-publications-3 li.i-annc__item').eq(i*num+j).html()+"</li>"
}else{
for(var j=0;j< lilength - num *(Math.ceil(lilength/num)-1) ;j++)
lihtml += "<li class='i-annc__item col-md-4'>"+$('.index-publications-3 li.i-annc__item').eq(i*num+j).html()+"</li>"
};
$('.index-publications-3 ul.i-annc__list').eq(-1).html(lihtml);
};
if(Math.ceil(lilength/num) != 1 )
for(var i=0;i< lilength -num ; i++ )
$('.index-publications-3 ul.i-annc__list').eq(0).find("li.i-annc__item").eq(num).remove();
$('.index-publications-3 ul.i-annc__list >li').css('width','calc('+100/num+'% - '+20/16+'em)'); //20px=>li的margin
};
$(document).ready(function(){
if($(window).width()>1024){
reorganize(3);
num=3;
}else if($(window).width()>576){
reorganize(2);
num=2;
}else{
reorganize(1);
num=1;
}
});
$(window).resize(function(){
if($(window).width()>1024){
reorganize(3);
num=3;
}else if($(window).width()>576){
reorganize(2);
num=2;
}else{
reorganize(1);
num=1;
}
})
</script>

View File

@ -0,0 +1,53 @@
<div class="i-archive index-archive-2 index-archive-14">
<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" data-list="archives" data-level="1">
<div class="panel-heading" style="padding: 0.625em 0.9375em;">
<h4 class="panel-title">
<i class="fa fa-file-text" aria-hidden="true"></i>
<span data-list="tags" data-level="0">
<span class="s-annc__tag label label-default">{{tag}}</span>
</span>
<a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed" style="padding: 0;display: inline-block;">
{{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="chapter author_block">
<h4 class="{{author_display}}">
{{th_author}}:<a title="{{author}}" {{author_url}}>{{author}}</a>
</h4>
<p>{{author_description}}</p>
</div>
<p>{{text}}</p>
<div class="row {{page_display}}">
<div class="col-sm-2 title">
{{th_page}}:
</div>
<div class="col-sm-10 content">
{{page}}
</div>
</div>
<div class="row {{keywords_display}}">
<div class="col-sm-2 title">
{{th_keywords}}:
</div>
<div class="col-sm-10 content">
{{keywords}}
</div>
</div>
</div>
</div>
</div>
<a href="{{link_to_publication}}" title="{{publication_title}}">
{{publication_title}}
</a>
</div>
</div>

View File

@ -0,0 +1,27 @@
<div class="i-annc show-chapters-table">
<table class="i-annc__table table table-hover table-striped">
<caption><h3>{{widget-title}} : {{journal_title}}</h3></caption>
<thead>
<tr>
<th class="col-md-2"></th>
<th class="col-md-3">{{th_chapter_title}}</th>
<th class="col-md-2">{{th_author}}</th>
<th class="col-md-3">{{th_title}}</th>
</tr>
</thead>
<tbody data-level="0" data-list="chapters">
<tr>
<td>
<span data-list="tags" data-level="0">
<span class="s-annc__tag">{{tag}}</span>
</span>
</td>
<td><a href="{{link_to_show}}">{{title}}</a></td>
<td>{{author}}</td>
<td>{{page}}</td>
</tr>
</tbody>
</table>
{{pagination_goes_here}}
</div>

View File

@ -0,0 +1,34 @@
<div class="chapter">
<div class="row">
<div class="col-sm-2 title">
{{title_title}}:
</div>
<div class="col-sm-10 content">
{{title}}
</div>
</div>
<div class="row">
<div class="col-sm-2 title">
{{author_title}}:
</div>
<div class="col-sm-10 content">
{{author}}
</div>
</div>
<div class="row">
<div class="col-sm-2 title">
{{author_description_title}}:
</div>
<div class="col-sm-10 content">
{{author_description}}
</div>
</div>
<div class="row">
<div class="col-sm-2 title">
{{text_title}}:
</div>
<div class="col-sm-10 content">
{{text}}
</div>
</div>
</div>

View File

@ -0,0 +1,83 @@
<div class="i-archive index-archive-2 index-archive-14">
<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" data-list="archives" data-level="1">
<div class="panel-heading" style="padding: 0.625em 0.9375em;">
<h4 class="panel-title">
<i class="fa fa-file-text" aria-hidden="true"></i>
<span data-list="tags" data-level="0">
<span class="s-annc__tag label label-default">{{tag}}</span>
</span>
<a 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">
<div style="background-color: #f3f3f3; border-radius: 0.25em; padding: 0.5em; margin-bottom: 0.5em;">
<h4>作者:<a title="竺家寧" href="#">竺家寧</a>
</h4>
<p>{{}}</p>
</div>
</div>
</div>
</div>
{{link_to_edit}}
</div>
<style>
.index-archive-12 dt.i-archive-item-list{
float: none;
width: auto;
}
</style>
</div>
<div class="journal">
<div class="row">
<div class="col-xs-4 title">
{{title_title}}:
</div>
<div class="col-xs-8 content">
<a href="{{link_to_list}}">{{title}}</a>
<a href="{{link_to_list}}">進入章節</a>
</div>
</div>
<div class="row">
<div class="col-xs-4 title">
{{author_title}}:
</div>
<div class="col-xs-8 content">
{{author}}
</div>
</div>
<div class="row">
<div class="col-xs-4 title">
{{pub_date_title}}:
</div>
<div class="col-xs-8 content">
{{pub_date}}
</div>
</div>
<div class="row">
<div class="col-xs-4 title">
{{cover_title}}:
</div>
<div class="col-xs-8 content">
<a href="{{link_to_list}}"><img src="{{cover}}" alt="{{title}}" title="{{title}}"></a>
</div>
</div>
<div class="row">
<div class="col-xs-4 title">
{{pub_information_title}}:
</div>
<div class="col-xs-8 content">
{{pub_information}}
</div>
</div>
</div>

View File

@ -0,0 +1,42 @@
<div class="i-annc show-publications">
<ul data-list="publication" data-level="0">
<li class="i-annc__item row">
<div class="i-annc__img-wrap col-sm-4">
<img alt="{{cover_description}}" class="i-annc__img" src="{{cover}}" title="{{cover_description}}">
</div>
<div class="i-annc__content-wrap col-sm-8">
<h4 class="i-annc__entry-title">{{title}}</h4>
<div class="row {{pub_date_display}}">
<div class="col-sm-2 title">
{{th_pub_date}}:
</div>
<div class="col-sm-10 content" date-format="%Y-%m">
<span class="i-annc__postdate">{{pub_date}}</span>
</div>
</div>
<div class="row {{author_display}}">
<div class="col-sm-2 title">
{{th_author}}:
</div>
<div class="col-sm-10 content">
{{author}}
</div>
</div>
<p>{{pub_information}}</p>
<div class="download_block {{file_display}}">
<a class="btn btn-primary {{online_reader_display}}" href="{{online_reader}}" title="{{file_title}}{{th_online_reader}}">
<i class="fa fa-book"></i> {{th_online_reader}}
</a>
<a class="btn btn-primary" href="{{file}}" title="{{file_title}}{{th_download}}">
<i class="fa fa-download"></i> {{th_download}}
</a>
</div>
</div>
</li>
</ul>
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB