<ion-view cache-view="false">
  <ion-nav-title>
      <h1 class="title">{{title}}</h1>
  </ion-nav-title>
  <ion-nav-buttons side="left">
    <button class="button icon-left ion-ios-arrow-back button-clear sino-back-button" sino-nav-direction="back" sino-go-back-button>返回</button>
    <i class="button button-icon icon ion-ios-reloading" ng-show="loading"></i>
  </ion-nav-buttons>
	<ion-nav-buttons side="right">
		<button class="button icon-left button-clear sino-back-button" ng-click="allYueBi()" ng-show="todos.items.length > 0">全部阅毕</button>
	</ion-nav-buttons>

  <sino-list-tabs name="daiyue">
    <sino-list-pane title="待阅" cache-array="todos">
      <a class="item item-avatar" ng-repeat="item in todos.items" ng-click="toDetail(item)">
        <sino-person-photo user-id="{{item.creUserId}}" class="size_40x40 item-image"></sino-person-photo>
        <h2 ng-bind-html="item.sendTitle"></h2>
        <p>
          待阅类型：<span>{{item.typeName}}</span> <br/>
          发送人：<span id-to-name id="item.creUserId" type="user"></span>
          <br/>
        </p>
      </a>
    </sino-list-pane>
    <sino-list-pane title="已阅" cache-array="relatedList">
      <a class="item item-avatar"
        ng-repeat="item in relatedList.items track by item.sendId"
        ng-click="toDetail(item)"
        sino-list-pane-cache-item="relatedList">
        <sino-person-photo user-id="{{::item.creUserId}}" class="size_40x40 item-image"></sino-person-photo>
        <h2 ng-bind-html="item.sendTitle"></h2>
        <p>
          待阅类型：<span>{{::item.typeName}}</span> <br/>
          <span>发送人：<span id-to-name id="::item.creUserId" type="user"></span><br/>
          <span ng-if="item.notionDate">阅毕时间：{{::item.notionDate}}</span>
        </p>
      </a>
    </sino-list-pane>
  </sino-list-tabs>
</ion-view>
