nfu-autoweb/modules/announcement/_annc_widget27.html.erb

62 lines
2.1 KiB
Plaintext

<div class="w-annc widget-announcement-27">
<div class="w-annc__more-wrap clearfix">
<h3 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h3>
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
</div>
<ul class="w-annc__list row" data-level="0" data-list="announcements">
<li class="w-annc__item col-md-6">
<div>
<span class="w-annc__postdate-wrap2" date-format="%Y-%m-%d">
<span class="w-annc__postdate2">
<span class="raw-date">{{postdate}}</span>
<span class="date"></span>
<span class="month-year"></span>
</span>
<i class="fa-solid fa-pen-fancy"></i>
</span>
</div>
<div class="w-annc__content-wrap">
<h4 class="w-annc__entry-title">
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
</h4>
<div class="w-annc__meta">
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
<span class="w-annc__status label {{status-class}}">{{status}}</span>
</span>
<span class="w-annc__postdate-wrap" date-format="%Y-%m-%d">
<i class="fa-regular fa-calendar"></i>
<span class="w-annc__postdate">{{postdate}}</span>
</span>
<span class="w-annc__category-wrap">
<i class="fa-solid fa-list"></i>
<span class="w-annc__category">{{category}}</span>
</span>
</div>
</div>
</li>
</ul>
</div>
<style type="text/css">
[data-subpart-id="{{subpart-id}}"] .bullseye{
overflow: hidden;
}
</style>
<script>
document.querySelectorAll('.w-annc__postdate-wrap2').forEach(el => {
let raw = el.querySelector('.raw-date')?.textContent.trim();
// e.g. "2025-06-09"
if (!raw || !raw.match(/^\d{4}-\d{2}-\d{2}$/)) return;
let [year, month, day] = raw.split('-');
el.querySelector('.date').textContent = parseInt(day, 10); // 9
el.querySelector('.month-year').textContent = `${month}, ${year}`; // 06, 2025
// 最後把原始日期隱藏或移除
el.querySelector('.raw-date').style.display = "none";
});
</script>