unserver-unify/src/app/news/detail.html

<div class="col-lg-12" ng-controller="NewsCtrl as ctrl">
  <div class="col-md-3">
    <div class="profile sidebar no-wrap">
      <div class="panel no-bg ongoing margin-bottom-20">
        <div class="panel-heading overflow-h">
          <h2 class="panel-title heading-sm pull-left">
            <i class="fa fa-clock-o" style="color:#0ece1a">
            </i>
            <span translate>
              Latest
            </span>
          </h2>
        </div>
        <ul>
          <li class="profile-event text-center" style="color:#e67e22" ng-if="!ctrl.latest||ctrl.latest.length<1" translate>
            No Latest news to show
          </li>
          <li class="profile-event" ui-sref="index.newses.detail({ id : item._id })" ng-repeat="item in ctrl.latest">
            <div class="col-lg-3 col-md-3 padding-left-0">
              <a title="{{ item.name }}">
                <img ng-src="{{ item.photo ? ctrl.contentModelPicUrl + item._id + '/' + item.photo : ctrl.defaultNewsPhoto }}" style="width: 100%;" title="{{item.name}}" />
              </a>
            </div>
            <div class="overflow-h">
              <h3 class="heading-xs">
                <a title="{{ item.name }}" ui-sref="index.newses.detail({ id : item._id })">
                  {{ item.name }}
                </a>
              </h3>
              <div class="item-date font-12">
                <span>
                  {{ (item.created || item.time) | date :'yyyy-MM-dd' }}
                </span>
                <span class="pull-right">
                  <i class="fa fa-eye">
                  </i>
                  {{item.counter}}
                </span>
              </div>
            </div>
          </li>
        </ul>
        <div class="clearfix"></div>
      </div>
      <div class="panel no-bg ongoing margin-bottom-20">
        <div class="panel-heading overflow-h">
          <h2 class="panel-title heading-sm pull-left">
            <i class="fa fa-fire" style="color:#ea3f09">
            </i>
            <span translate>
              Hot
            </span>
          </h2>
        </div>
        <ul>
          <li class="profile-event text-center" style="color:#e67e22" ng-if="!ctrl.hotest||ctrl.hotest.length<1" translate>
            No Hotest news to show
          </li>
          <li class="profile-event" ui-sref="index.newses.detail({ id : item._id })" ng-repeat="item in ctrl.hotest">
            <div class="col-lg-3 col-md-3 padding-left-0">
              <a title="{{ item.name }}">
                <img ng-src="{{ item.photo ? ctrl.contentModelPicUrl + item._id + '/' + item.photo : ctrl.defaultNewsPhoto }}" style="width: 100%;" title="{{item.name}}" />
              </a>
            </div>
            <div class="overflow-h">
              <h3 class="heading-xs">
                <a title="{{ item.name }}" ui-sref="index.newses.detail({ id : item._id })">
                  {{ item.name }}
                </a>
              </h3>
              <div class="item-date font-12">
                <span>
                  {{ (item.created || item.time) | date :'yyyy-MM-dd' }}
                </span>
                <span class="pull-right">
                  <i class="fa fa-eye">
                  </i>
                  {{item.counter}}
                </span>
              </div>
            </div>
          </li>
        </ul>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
  <div class="col-md-9">
    <div class="tag-box padding_reduce">
      <div class="margin-bottom-10"></div>
      <div>
        <strong>
          {{ ctrl.contentModel.name }}
        </strong>
        <ul class="list-unstyled list-inline blog-info margin-bottom-10 info_sml">
          <li title="{{ 'Create Date' | translate }}">
            <i class="fa fa-calendar">
            </i> {{ ctrl.contentModel.created | date: 'yyyy-MM-dd' }}
          </li>
          <li title="{{'Author'|translate}}">
            <i class="fa fa-pencil">
            </i>
            <a ui-sref="index.setting.profile({ id: ctrl.contentModel.creater ,cs:getCheckSum(ctrl.contentModel.creater)})">
              {{ ctrl.contentModel.creater}}
            </a>
          </li>
          <li ng-if="ctrl.contentModel.counter" title="{{'Visit Count'|translate}}">
            <i class="fa fa-eye">
            </i> {{ctrl.contentModel.counter || 1 }}
          </li>
        </ul>
        <p class="special_note" id="description" ng-if="ctrl.contentModel.description">
          {{ ctrl.contentModel.description }}
        </p>
        <div class="tag-box tag-box-v2 image_responsive" ng-click="openHtmlModal()">
          <div ng-bind-html="ctrl.contentModel.detail">
          </div>
        </div>
      </div>
      <div ng-repeat="file in ctrl.contentModel.files" style="border:1px solid #DCDCDC;padding:0.5%;border-radius: 4px;margin-top:0.5%;">
        <i aria-hidden="true" class="fa fa-paperclip">
        </i> {{file.result}}
        <a aria-hidden="true" class="fa fa-download pull-right" download="" href="{{ctrl.attachmentsURL + file.result}}">
        </a>
      </div>
      <hr/>
      <div class="col-md-12">
        <img ng-src="{{ctrl.imageUrl}}" style="margin-bottom:3%" title="{{ ctrl.contentModel.name }}" width="100%" />
        <u2b-video class="videoWrapper" style="margin-bottom:3%; float:left; width:100%;" ng-if="ctrl.videoLink" url="ctrl.videoLink">
        </u2b-video>
        <div class="clearfix"></div>
        <video controls="" ng-if="ctrl.videoUrl" style="width:100%">
          <source ng-src="{{ctrl.videoUrl | trustUrl}}" type="video/mp4"/>
        </video>
      </div>
      <div class="clearfix"></div>
    </div>
  </div>
</div>