@{
	ViewBag.Title = "用户连接日志";
}

<div class="container" ng-app="chat12306" ng-controller="ConnectionLogController">
	<div class="row">
		<div class="col-sm-3">
			<form class="form-inline">
				<div class="form-group">
					<div class="input-group">
						<div class="input-group-addon">搜索</div>
						<input type="text" ng-change="filter.pageIndex=1" class="form-control" ng-model="filter.searchUser" id="" placeholder="按用户名搜索..." />
						<span class="input-group-btn">
							<button class="btn btn-default" ng-click="filter.searchUser=''" ng-disabled="!filter.searchUser">
								<i class="fa fa-times"></i>
							</button>
						</span>
					</div>
				</div>
			</form>
		</div>
	</div>
	<table class="table table-topspace table-bordered table-striped table-hover">
		<tr>
			<th>ID</th>
			<th>用户名</th>
			<th>房间</th>
			<th>连接时间</th>
			<th>断开时间</th>
			<th>持续时间</th>
			<th>IP</th>
		</tr>
		<tr ng-repeat="item in items">
			<td>{{item.msg.id}}</td>
			<td><a href="javascript:;" ng-click="filter.searchUser=item.msg.userName;">{{item.msg.userName}}</a></td>
			<td>{{item.room.name}}</td>
			<td>{{item.msg.connectTime|jsonDate}}</td>
			<td>{{item.msg.disconnectTime|jsonDate}}</td>
			<td>{{item.msg.elapsedTime/60|number:0}}分钟/{{item.msg.elapsedTime/3600 | number:2}}小时</td>
			<td>{{item.msg.ip}}</td>
		</tr>
	</table>
	<nav>
		<ul class="pagination">
			<li>
				<span>共 {{itemsCount}} 条记录，每页 {{filter.pagesize}} 条，共 {{ pages }} 页</span>
			</li>
			<li>
				<span>
					每页记录数
					<select ng-model="filter.pagesize" class="form-control">
						<option ng-repeat="ps in [10,20,30,40,50,100]" ng-value="ps">{{ps}}</option>
					</select>
				</span>
			</li>
			<li ng-class="filter.pageIndex>1?'':'disabled'">
				<a href="javascript:;" ng-click="go(-1)" ng-disabled="filter.pageIndex<=1" aria-label="Previous">
					<span aria-hidden="true">&laquo;</span>
				</a>
			</li>
			<li ng-repeat="index in filter.pageIndex | pagelist:pages" ng-class="[index===filter.pageIndex?'active':'', index<0?'disabled':'']"><a href="javascript:;" ng-click="goPage(index)" ng-bind="index<0?'...':index"></a></li>
			<li ng-class="filter.pageIndex<pages?'':'disabled'">
				<a href="javascript:;" ng-click="go(1)" ng-disabled="filter.pageIndex<pages" aria-label="Next">
					<span aria-hidden="true">&raquo;</span>
				</a>
			</li>
			<li>
				<a href="javascript:;" ng-click="reload();">
					<i class="glyphicon glyphicon-refresh"></i>
					刷新数据
				</a>
			</li>
		</ul>
	</nav>
</div>