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

<div ng-controller="NewsesCtrl as ctrl" class="news_page">
  <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 ? setting.imageFolderPrefix + item._id + '/' + item.photo : setting.defaultImage }}" 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 ? setting.imageFolderPrefix + item._id + '/' + item.photo : setting.defaultImage }}" 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="forum">
      <div class="input-group col-lg-3 col-md-3 col-sm-3 top-search alter" ng-class="{'enable': q.length > 0}">
        <input class="form-control" ng-model="q" placeholder="{{ 'search in the current page' | translate }}" style=" padding-right: 35px;" type="text" />
        <span class="input-group-btn">
          <button class="btn btn-primary srch_btn" type='button'>
            <i class='fa fa-search'></i>
          </button>
        </span>
      </div>
      <div class="srch_total">
        <div class="form-inline pull-left ipad_count_aln">
          {{"Total"| translate}}:
          <span class="badge badge-green rounded-2x">
            {{totalCount}}
          </span>
        </div>
      </div>
      <div class="clearfix"></div>
      <div class="no_record" translate="" ng-if="totalCount==0">No Record</div>
      <div class="row">
        <div class="{{ setting.rowClass || 'col-md-4 col-sm-4 col-xs-12' }}" current-page="ctrl.page" dir-paginate="item in ctrl.items | filter: q | itemsPerPage: ctrl.pagesize" pagination-id="news" total-items="ctrl.totalCount">
          <div class="thumbnails thumbnail-style thumbnail-kenburn new_listing news_list_new overflow-hidden relative">
            <div class="thumbnail-img">
              <div class="overflow-hidden text-center" style="margin-bottom: 10px;">
                <a title="{{ item.name }}" style="margin-bottom: 0;" ui-sref="index.newses.detail({ id : item._id })">
                  <img ng-src="{{ item.photo ? setting.imageFolderPrefix + item._id + '/' + item.photo : setting.defaultImage }}" title="{{item.name}}" style="height:165px;" />
                </a>
              </div>
            </div>
            <div class="clearfix"></div>
            <div class="caption overflow-hidden clst" style="margin-bottom: 0; height: 132px;">
              <h3>
                <a class="hover-effect" ui-sref="index.newses.detail({ id: item._id })">
                  {{ item.name }}
                </a>
              </h3>
              <p>
                <b class="font-12">
                  <i class="fa fa-calendar">&nbsp;</i>{{ (item.created || item.time) | date :'yyyy-MM-dd' }} 
                  <i class="fa fa-user">&nbsp;</i>{{item.creater}}
                </b>
              </p>
              <div class="margin-bottom-5"></div>
              <p>
                {{ item.description }}
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="clearfix"></div>
      <div class="row" ng-if="ctrl.totalCount > ctrl.pagesize">
        <div class="col-md-12 forum">
          <div class="text-right pagination_aln">
            <dir-pagination-controls boundary-links="true" on-page-change="ctrl.pageChanged(newPageNumber)" pagination-id="news" template-url="components/content/dirPagination.tpl.html">
            </dir-pagination-controls>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>