<ion-modal-view class="info-modal">
  <ion-header-bar align-title="left" class="bar-light">
    <div class="sino-model-title">订阅</div>
    <div class="buttons">
      <button
       class="button icon-left ion-ios-arrow-back button-clear"
       sino-modal-back-button="modelListButtonCtrl.close()">
      </button>
    </div>
  </ion-header-bar>

  <ion-content class="sino-model-list" scroll="true" delegate-handle="sinoModelListScroll">
    <div class="sino-model-span">
      <h5>我的订阅<span>（长按删除）</span></h5>
      <div class="sino-model-selected-list sino-model-drag">
        <div
          class="sino-model-button-bar"
          ng-repeat="item in selectedItems track by item.id">
          <button
            class="has-badge button sino-model-list-button"
            ng-class="modelListButtonCtrl.selectItemClass(item)"
            ng-click="modelListButtonCtrl.onClickItem(item)"
            on-hold="modelListButtonCtrl.onHold()"
            stop-event>
            {{item.name}}
          </button>
          <i
            class="badge sino-model-badge icon ion-ios-close-empty"
            ng-if="modelListButtonCtrl.editButton"
            ng-click="modelListButtonCtrl.removeItem(item)"
            stop-event>
          </i>
        </div>
      </div>
    </div>
    <div class="sino-model-span">
      <h5>推荐订阅</h5>
      <div
        class="sino-model-button-bar"
        ng-repeat="item in notSelectedItems track by item.id">
        <button
          class="button sino-model-list-button"
          ng-click="modelListButtonCtrl.addItem(item)">
          {{item.name}}
        </button>
      </div>
    </div>
  </ion-content>
</ion-modal-view>
