nfuoia/modules/announcement/annc_index4.html.erb

46 lines
1.4 KiB
Plaintext

<div class="i-annc index-announcement-4">
<h3 class="i-annc__page-title"><span>{{page-title}}</span></h3>
<ul class="i-annc__list" data-level="0" data-list="announcements">
<li class="i-annc__item row">
<span class="i-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">
<span class="i-annc__postdate">{{postdate}}</span>
</span>
<h4 class="i-annc__entry-title col-sm-9">
<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>
</h4>
</li>
</ul>
</div>
{{pagination_goes_here}}
<script>
$(document).ready(function () {
$(function () {
function formatPostDate() {
$('.i-annc__postdate').each(function () {
const $el = $(this);
if ($el.find('.i-annc__postdate-year').length) return;
const dateText = $el.text().trim();
if (!/^\d{4}-\d{1,2}-\d{1,2}$/.test(dateText)) return;
const [y, m, d] = dateText.split('-');
$el.html(`
<span class="i-annc__postdate-year">${y}</span>
<span class="i-annc__postdate-md">${m.padStart(2,'0')}/${d.padStart(2,'0')}</span>
`);
});
}
// ⭐ 延後執行(等模板渲染)
setTimeout(formatPostDate, 100);
});
formatPostDate();
});
</script>