110 lines
3.5 KiB
Plaintext
110 lines
3.5 KiB
Plaintext
<style type="text/css">
|
|
.full-size-img img {
|
|
width: 100%;
|
|
}
|
|
.full-size-img {
|
|
width: 100%;
|
|
}
|
|
.s-annc__sub-img.pull-right {
|
|
margin-left: 2em;
|
|
}
|
|
.s-annc__sub-img.pull-left {
|
|
margin-right: 2em;
|
|
}
|
|
.show-announcement{
|
|
z-index: 1;
|
|
position: relative;
|
|
}
|
|
</style>
|
|
<article class="s-annc show-announcement">
|
|
<h3 class="s-annc__show-title annc-title" aria-label="內頁公告標題">{{title}}</h3>
|
|
|
|
<ul class="s-annc__meta-wrap list-unstyled no-print">
|
|
<li class="s-annc__date-wrap s-annc__meta--item">
|
|
<i class="fa-regular fa-calendar"></i>
|
|
<span class="s-annc__date" date-format="%Y-%m-%d">{{updated_at}}</span>
|
|
</li>
|
|
<li class="s-annc__author-wrap s-annc__meta--item">
|
|
<i class="fa fa-male"></i>
|
|
<span class="s-annc__author">{{update_user}}</span>
|
|
</li>
|
|
<li class="orbithashtags">{{orbithashtags}}</li>
|
|
<li class="s-annc__tag-wrap s-annc__meta--item ">
|
|
<i class="fa fa-tags"></i>
|
|
<span data-list="tags" data-level="0">
|
|
<a href="{{url}}"><span class="s-annc__tag label label-default">{{tag}}</span></a>
|
|
</span>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<section class="s-annc__post-wrap">
|
|
<div class="s-annc__sub-img {{hide_class}}">
|
|
<img src="{{img_src}}" alt="{{img_description}}"></img>
|
|
<span class="s-annc__img_description">{{img_description}}</span>
|
|
</div>
|
|
<div class="s-annc__subtitle">{{subtitle_ann}}</div>
|
|
<div class="s-annc__post-body">{{body}}</div>
|
|
</section>
|
|
<div id="sub_anncs_list">{{sub_anncs_text}}</div>
|
|
<ul class="s-annc__related-wrap list-unstyled no-print">
|
|
<li class="s-annc__related-file">
|
|
<h3 class="i-annc__page-title related-file-title"><span>附件檔案</span></h3>
|
|
<div class="s-annc__related-file-list" data-list="bulletin_files" data-level="0">
|
|
<a class="s-annc__flie-title btn btn-default btn-sm" href="{{file_url}}"><i class="fa fa-fw fa-paperclip"></i>{{file_title}}</a>
|
|
</div>
|
|
</li>
|
|
<li class="s-annc__related-link">
|
|
<h3 class="i-annc__page-title related-link-title"><span>參考連結</span></h3>
|
|
<div class="s-annc__related-link-list" data-list="bulletin_links" data-level="0">
|
|
<a class="s-annc__link-title btn btn-default btn-sm" href="{{link_url}}" target="_blank"><i class="fa fa-fw fa-link"></i>{{link_title}}</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
</article>
|
|
{{carousel_html}}
|
|
{{link_to_edit}}
|
|
<script>
|
|
(function($) {
|
|
|
|
function hideEmptyEl(el, elParent) {
|
|
if( el.length === 0) {
|
|
elParent.addClass('hide');
|
|
}
|
|
}
|
|
|
|
// Hiding parent element when children elements are not present
|
|
// Tags
|
|
hideEmptyEl($('.s-annc__tag'), $('.s-annc__tag-wrap'));
|
|
|
|
// Attachments
|
|
hideEmptyEl($('.s-annc__flie-title'), $('.s-annc__related-file'));
|
|
|
|
// Links
|
|
hideEmptyEl($('.s-annc__link-title'), $('.s-annc__related-link'));
|
|
$("img[src='']").remove();
|
|
}(jQuery));
|
|
setTimeout(function() {
|
|
if ($('.carousel_images').find('.w-ba-banner').length === 0) {
|
|
$('.carousel_images').addClass('carousel_images3');
|
|
}
|
|
}, 300);
|
|
$(function() {
|
|
var pageLang = ($('html').attr('lang') || 'zh-Hant').toLowerCase();
|
|
var isEn = pageLang.startsWith('en');
|
|
|
|
if (!isEn) return;
|
|
|
|
var $fileTitle = $('.related-file-title span');
|
|
if ($fileTitle.text().trim() === '附件檔案') {
|
|
$fileTitle.text('Attachment');
|
|
}
|
|
|
|
var $linkTitle = $('.related-link-title span');
|
|
if ($linkTitle.text().trim() === '參考連結') {
|
|
$linkTitle.text('Reference Link');
|
|
}
|
|
});
|
|
</script>
|