unserver-unify/src/app/exhibition/exhibitionlist.html

<div ng-controller="ExhibitionListCtrl as ctrl">
  <div class="col-md-3">
    <div class="profile sidebar">
      <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-calendar">
            </i>
            <span translate>
              Ongoing
            </span>
            ({{ctrl.sidebarInfos.ongoingcounter}})
          </h2>
        </div>
        <ul>
          <li class="profile-event text-center" style="color:#e67e22" ng-if="!ctrl.sidebarInfos.ongoings||ctrl.sidebarInfos.ongoings.length<1">
            {{'No Ongoing Exhibition to show'|translate}}
          </li>
          <li class="profile-event" ng-repeat="item in ctrl.sidebarInfos.ongoings">
            <div class="date-formats">
              <span>
                {{ item.start| date: 'dd'}}
              </span>
              <small>
                {{ item.start| date: 'MM, yyyy'}}
              </small>
            </div>
            <div class="overflow-h">
              <h3 class="heading-xs">
                <a ui-sref="index.exhibition.detail({ nid: item._id})">
                  {{ item.name }}
                </a>
              </h3>
              <div class="item-date">
                <span translate>
                  Until
                </span>
                : {{ item.end| date: 'yyyy/MM/dd'}}
              </div>
              <p>
                {{ item.address }}
              </p>
            </div>
          </li>
        </ul>
        <div class="clearfix"></div>
      </div>
      <div class="panel no-bg">
        <div class="panel-heading overflow-h">
          <h2 class="panel-title heading-sm pull-left">
            <i class="fa fa-calendar">
            </i>
            <span translate>
              Upcoming Exhibitions
            </span>
            ({{ctrl.sidebarInfos.incomingcounter}})
          </h2>
        </div>
        <ul>
          <li class="profile-event text-center" style="color:#e67e22" ng-if="!ctrl.sidebarInfos.incomings||ctrl.sidebarInfos.incomings.length<1" translate>
            No Upcoming Exhibition to show
          </li>
          <li class="profile-event" ng-repeat="item in ctrl.sidebarInfos.incomings">
            <div class="date-formats">
              <span>
                {{ item.start| date: 'dd'}}
              </span>
              <small>
                {{ item.start| date: 'MM, yyyy'}}
              </small>
            </div>
            <div class="overflow-h">
              <h3 class="heading-xs">
                <a ui-sref="index.exhibition.detail({ nid: item._id})">
                  {{ item.name }}
                </a>
              </h3>
              <div class="item-date">
                <span translate>
                  Until
                </span>
                : {{ item.end| date: 'yyyy/MM/dd'}}
              </div>
              <p>
                {{ item.address }}
              </p>
            </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 enable">
        <input class="form-control" ng-model="ctrl.q" placeholder="{{ 'search Exhibition' | translate }}" style="min-width:200px;" type="text"/>
        <span class="input-group-btn">
          <button class="btn btn-primary srch_btn" ng-click="ctrl.searchCourseByName(ctrl.q)" type="button">
            <i class="fa fa-search">
            </i>
          </button>
        </span>
      </div>
      <div class="tag-box tag-box-v6 margin-bottom-20 text-right clearfix" style="min-height:56px">
        <div class="form-inline pull-left ipad_count_aln">
          {{"Total Count"| translate}}:
          <span class="badge badge-green rounded-2x">
            {{ctrl.totalCount}}
          </span>
        </div>
        <div class="form-inline pull-right sorting" style="line-height:35px;">
          <a class="hottest" ng-class="{'active': ctrl.searchflag == 'all'}" ng-click="ctrl.get('all')">
            <i class="fa fa-calendar">
            </i>
            {{"All" | translate}}
          </a>
          <a class="latest" ng-class="{'active': ctrl.searchflag == 'ongoing'}" ng-click="ctrl.get('ongoing')">
            <i class="fa fa-calendar-check-o">
            </i>
            {{"Ongoing" | translate}}
          </a>
          <a class="recommended" ng-class="{'active': ctrl.searchflag == 'coming'}" ng-click="ctrl.get('coming')">
            <i class="fa fa-calendar-plus-o">
            </i>
            {{"UpComings" | translate}}
          </a>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-6" ng-repeat="item in ctrl.items">
        <div class="tag-box tag-box-v2 box-shadow shadow-effect-1" style="float:left; width:100%;">
          <div style="height:110px; overflow: hidden;">
            <div class="item-image">
              <a ui-sref="index.exhibition.detail({ nid: item._id})">
                <img ng-src="{{item.photo? ctrl.photoUrl+item._id +'/'+ item.photo :  ctrl.defaultPhoto}}"/>
              </a>
            </div>
            <strong class="item-name" title="{{item.name}}">
              <a ui-sref="index.exhibition.detail({ nid: item._id})">
                {{ item.name }}
              </a>
            </strong>
            <div class="item-date">
              {{ item.start| date: 'yyyy/MM/dd'}} - {{ item.end| date: 'yyyy/MM/dd'}}
            </div>
            <p>
              {{ item.address }}
            </p>
            <div class="item-content">
              <p>
                {{ item.description }}
              </p>
            </div>
            <div class="clearfix">
            </div>
   
            <div class="col-md-6" current-page="ctrl.page" dir-paginate="item in ctrl.items | itemsPerPage: ctrl.pagesize" pagination-id="exhibitionlist" total-items="ctrl.totalCount">
              <div class="tag-box tag-box-v2 box-shadow shadow-effect-1" style="float:left; width:100%; height:150px">
                <div class="item-image">
                  <a ui-sref="index.exhibition.detail({ nid: item._id})">
                    <img ng-src="{{item.photo? ctrl.photoUrl+item._id +'/'+ item.photo :  ctrl.defaultPhoto}}"/>
                  </a>
                </div>
                <strong class="item-name" title="{{item.name}}">
                  <a ui-sref="index.exhibition.detail({ nid: item._id})">
                    {{ item.name }}
                  </a>
                </strong>
                <div class="item-date">
                  {{ item.start| date: 'yyyy/MM/dd'}} - {{ item.end| date: 'yyyy/MM/dd'}}
                </div>
                <p>
                  Location
                </p>
                <div class="item-content">
                  <p>
                    {{ item.address }}
                  </p>
                  <p>
                    {{ item.description }}
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="clearfix"></div>
      <div class="col-md-12">
        <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="exhibitionlist" template-url="components/content/dirPagination.tpl.html">
          </dir-pagination-controls>
        </div>
      </div>
    </div>
  </div>
</div>