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

<div ng-controller="AnnouncementsCtrl as ctrl">
  <div class="col-md-3 hidden-xs">
    <div class="profile sidebar no-wrap">
      <div class="panel no-bg ongoing margin-bottom-20" ng-if="!loginService.school.departmentFlag">
        <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" ng-if="!ctrl.latest||ctrl.latest.length<1" style="color:#e67e22">
            No Latest Announcement to show
          </li>
          <li class="profile-event" ng-repeat="item in ctrl.latest |limitTo:3 " ui-sref=".detail({ id : item._id })">
            <div class="overflow-h">
              <h3 class="heading-xs">
                <a title="{{ item.name }}" ui-sref=".detail({ id : item._id })">
                  {{ item.name }}
                </a>
              </h3>
              <div class="item-date font-12">
                <span>
                  {{ (item.created || item.time) | date :'yyyy-MM-dd' }}
                </span>
              </div>
              <p style="max-height:36px; overflow: hidden;">
                {{ item.description }}
              </p>
            </div>
          </li>
        </ul>
        <div class="clearfix">
        </div>
      </div>
      <ul class="list-group sidebar-nav-v1" ng-if="loginService.school.departmentFlag">
        <li class="list-group-item" ng-class="{'active': ctrl.option == ''}">
          <a ng-click="ctrl.listdepartment('')" style="cursor:pointer;">
            <strong translate="">
              All
            </strong>
          </a>
        </li>
        <li class="list-group-item">
          <a ng-click="ctrl.listgeneral()" style="cursor:pointer;">
            <span translate="">
              {{ {eng:'System',chn:'网站通知'} | trans }}               
            </span>
            <span class="badge badge-u pull-right">
              {{ctrl.systemcounter}}
            </span>
          </a>
        </li>
        <li class="list-group-item" ng-class="{'active': item.department == ctrl.department}" ng-repeat="item in ctrl.Departments">
          <a href="javascript:void(0)" ng-click="ctrl.listdepartment(item.department)">
            {{item.department}} <span class="badge badge-u" ng-if="ctrl.depCounters[item.department]" >{{ctrl.depCounters[item.department]}}</span>
          </a>
        </li>
      </ul>
    </div>
  </div>
  <div class="col-lg-9 col-md-9 col-xs-12">
    <div class="forum">
      <div class="srch_total">
        <div class="form-inline pull-left ipad_count_aln">
          {{"Total"| translate}}:
          <span class="badge badge-green rounded-2x">
            {{ctrl.totalCount}}
          </span>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-6 col-xs-12" current-page="currentpage" dir-paginate="item in setting.items | itemsPerPage: ctrl.pagesize" pagination-id="announcements" total-items="ctrl.totalCount">
        <div class="tag-box tag-box-v2 box-shadow shadow-effect-1" style="min-height:150px">
          <div class="item-image">
            <a ui-sref="index.announcements.detail({ id : item._id })">
              <img ng-src="{{ item.photo ? setting.imageFolderPrefix + item._id + '/' + item.photo : setting.defaultImage }}" style="max-height: 100px;" title="{{item.name}}"/>
            </a>
          </div>
          <div class="item-name">
            <a ui-sref="index.announcements.detail({ id : item._id })">
              {{ item.name }}
            </a>
          </div>
          <div class="item-date" ng-if="(item.created || item.time)">
            <i class="fa fa-calendar">
            </i>
            {{ (item.created || item.time) | date :'yyyy-MM-dd' }}
          </div>
          <div class="item-content">
            <p>
              {{ item.description }}
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="text-right pagination_aln" ng-show="ctrl.totalCount > ctrl.pagesize">
      <dir-pagination-controls boundary-links="true" on-page-change="ctrl.pageChanged(newPageNumber)" pagination-id="announcements" template-url="components/content/dirPagination.tpl.html">
      </dir-pagination-controls>
    </div>
    <div class="no_record" ng-if="setting.items.length == 0" translate="">
      No Record
    </div>
  </div>
</div>