<ion-content
  scroll="true"
  class="info-display-content"
  scrollbar-y="false"
  sino-scroll-delegate>
  <ion-refresher on-refresh="infoListCtrl.refresher()"></ion-refresher>

  <sino-loading-hint refresh="infoListCtrl.init()" state="infoListCtrl.loadingState">
    <div class="section-list">
      <div class="info-item" ng-repeat="item in infoListCtrl.infos track by item.trackById" ng-click="infoListCtrl.toDetail(item)">
        <div ng-class="{'info-content-img-container': !!item.img.src, 'info-content-container': !item.img.src}">
          <p>{{::item.title}}</p>
          <span ng-if="item.flowCourse != null && item.flowCourse >= 0" class="item-zhiding">置顶</span>
          <span ng-if="item.fileCode">{{::item.fileCode}}</span>
          <span ng-show="item.dept || item.skey">{{item.dept || item.skey}}</span>
          <span ng-show="item.proTime">{{::item.proTime|datefilter}}</span>
          <span ng-show="item.notion" class="icon ion-ios-eye-outline info-notion-count">{{item.notion}}</span>
        </div>

        <div class="img-container" ng-if="!!item.img.src">
          <sino-info-img img-src="{{item.img.src}}" img-cut="true">
          </sino-info-img>
        </div>
      </div>
    </div>
  </sino-loading-hint>

  <ion-infinite-scroll ng-if="infoListCtrl.moreDataCanBeLoaded()" on-infinite="infoListCtrl.loadMore()" distance="1%" immediate-check="false">
  </ion-infinite-scroll>
</ion-content>
