asiaH5/modules/announcement/show.html.erb

<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;
  }
</style>
<article class="s-annc show-announcement">
  <h1 class="s-annc__show-title">{{title}}</h1>
  
  <ul class="s-annc__meta-wrap list-unstyled no-print">
    <li class="s-annc__date-wrap s-annc__meta--item">
      <i class="fa fa-calendar-o"></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="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">
      <i class="fa fa-fw fa-paperclip"></i>
      <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}}">{{file_title}}</a>
      </div>
    </li>

    <li class="s-annc__related-link">
      <i class="fa fa-fw fa-link"></i>
      <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">{{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));
</script>