orbit4-5/app/templates/orbit_bootstrap/modules/announcement/show.html.erb

67 lines
2.0 KiB
Plaintext

<article class="show-announcement">
<h1 class="show-title">
<span>{{title}}</span>
</h1>
<ul class="post-metadata list-unstyled">
<li class="metadata-date">
<i class="fa fa-calendar fa-fw"></i>
<span class="date">{{updated_at}}</span>
</li>
<li class="metadata-author">
<i class="fa fa-male fa-fw"></i>
<span class="author">{{update_user}}</span>
</li>
<li class="metadata-tags">
<i class="fa fa-tags fa-fw"></i>
<span data-list="tags" data-level="0">
<span class="tag">{{tag}}</span>
</span>
</li>
</ul>
<section class="post-section">
<p class="post-pic"><img src="{{image}}" alt=""></p>
<p class="post-content">{{body}}</p>
</section>
<ul class="post-related list-unstyled">
<li class="post-related-files">
<i class="fa fa-fw fa-paperclip"></i>
<div class="post-related-flises-list" data-list="bulletin_files" data-level="0">
<a href="{{file_url}}">{{file_title}}</a>
</div>
</li>
<li class="post-related-links">
<i class="fa fa-fw fa-link"></i>
<div class="post-related-links-list" data-list="bulletin_links" data-level="0">
<a href="{{link_url}}" target="_blank">{{link_title}}</a>
</div>
</li>
</ul>
<div class="social-buttons">
<div class="fb-share-button" data-type="button"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-dnt="true" data-count="none">Tweet</a>
</div>
</article>
<script>
$(function() {
// 當metadata-tags沒內容時將會隱藏
if(!$('.metadata-tags .tag').length) {
$('.metadata-tags').remove();
}
// 當post-related沒內容時會隱藏
if($('.post-related').length) {
var element = ['.post-related-flises-list', '.post-related-links-list'],
n = 0;
$.each(element, function(index, val) {
if(!$(val).text()) {
$(val).closest('li').remove();
n += 1;
}
if(n == element.length) {
$('.post-related').remove();
}
});
}
});
</script>