<header class="bar bar-header bar-{{barTheme}}" ng-class="{searching:searching}">
	<button class="button ion-io-arrow-back button-clear">返回</button>
	<h1 class="title">部门人员列表</h1>
</header>

<sino-breadcrumb class="bar bar-subheader" items="deptNavs" first="topDept" loading="loading" on-item-click="getDetail(item)"></sino-breadcrumb>

<ion-content class="has-header has-subheader" scroll="true" delegate-handle="deptuserTreeScrollView" on-scroll="onScroll(scrollTop)" ng-show="hasData">
	<div class="list" style="margin-top: -1px;">
		<div class="item item-icon-left sino-user-item" ng-repeat="node in currentDept.users | orderBy:['orderNo']" ng-click="getDetail(node);">
			<sino-person-photo user-id="{{node.userId}}" size="32x32"></sino-person-photo>
        	{{node.userName}}
        </div>	
		<div class="item item-icon-left sino-user-item" ng-repeat="node in currentDept.depts | orderBy:['orderNo']" ng-click="getDetail(node);">
			<i class="icon ion-android-storage"></i>
        	{{node.deptName}}
        </div>
	</div>
</ion-content>

<ion-content class="has-header has-subheader" scroll="false" ng-if="!hasData">
	<div class="sino-depttree-nodata-message" ng-show="!hasData && !loading && !loadingError"><span class="sino-depttree-deptname">{{currentDept.text}}</span>部门没有用户。</div>

	<div class="sino-depttree-loadingerror-message" ng-if="!loading && loadingError">
		对不起，加载部门数据失败。

		<button class="button" ng-click="reloading()">重新加载数据</button>
	</div>

	<div class="sino-depttree-loading-message" ng-if="!hasData && loading">
		正在努力加载用户数据。
	</div>
</ion-content>
