anthtrigger
Version:
Trigger events via http service
195 lines (172 loc) • 6.88 kB
HTML
<div class="well">
<h2>Welcome to anthTrigger!!</h2>
</div>
<div class="row clearfix" ng-if="!CurrentUser">
<div class="col-lg-6 col-lg-offset-3">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">
<i class="fa fa-user"></i>
用户登陆
</h3>
</div>
<div class="panel-body">
<form class="form-horizontal" name="loginForm" role="form">
<div class="form-group">
<label for="username" class="col-sm-2 control-label">用户名</label>
<div class="col-sm-10">
<input type="text"ng-model="user.username" class="form-control" placeholder="Enter username" required autofocus>
</div>
</div>
<div class="form-group">
<label for="username" class="col-sm-2 control-label">密码</label>
<div class="col-sm-10">
<input type="password" ng-model="user.password" class="form-control" placeholder="Enter password" required>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default" ng-click="login(user)" ng-disabled="loginForm.$invalid">登录</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="panel panel-info">
<div class="panel-heading">
<div class="row">
<div class="col-xs-6">
<i class="fa fa-file-code-o fa-5x"></i>
</div>
<div class="col-xs-6 text-right">
<p class="announcement-heading">{{stat[0]}}</p>
<p class="announcement-text">脚本总数量</p>
</div>
</div>
</div>
<a ng-href="/scripts">
<div class="panel-footer announcement-bottom">
<div class="row">
<div class="col-xs-6">
查看所有脚本
</div>
<div class="col-xs-6 text-right">
<i class="fa fa-arrow-circle-right"></i>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-4">
<div class="panel panel-danger">
<div class="panel-heading">
<div class="row">
<div class="col-xs-6">
<i class="fa fa-history fa-5x"></i>
</div>
<div class="col-xs-6 text-right">
<p class="announcement-heading">{{stat[1]}}</p>
<p class="announcement-text">脚本总执行次数</p>
</div>
</div>
</div>
<a ng-href="/scriptLogs">
<div class="panel-footer announcement-bottom">
<div class="row">
<div class="col-xs-6">
查看执行历史
</div>
<div class="col-xs-6 text-right">
<i class="fa fa-arrow-circle-right"></i>
</div>
</div>
</div>
</a>
</div>
</div>
<div class="col-lg-4">
<div class="panel panel-success">
<div class="panel-heading">
<div class="row">
<div class="col-xs-6">
<i class="fa fa-file-text-o fa-5x"></i>
</div>
<div class="col-xs-6 text-right">
<p class="announcement-heading">{{stat[2]}}</p>
<p class="announcement-text">历史操作日志</p>
</div>
</div>
</div>
<a ng-href="/eventLogs">
<div class="panel-footer announcement-bottom">
<div class="row">
<div class="col-xs-6">
查看操作日志
</div>
<div class="col-xs-6 text-right">
<i class="fa fa-arrow-circle-right"></i>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="panel panel-warning">
<div class="panel-heading">
<i class="fa fa-history"></i>
最近30天执行统计
</div>
<div class="panel-body">
<div uchart am-data="usageData" style="height:300px"></div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="panel panel-success">
<div class="panel-heading">
<i class="fa fa-file-code-o"></i> 最近运行脚本
</div>
<div class="panel-body">
<ol class="list-group">
<li class="list-group-item"
ng-repeat="script in recentRun">
<span class="badge">
by {{script.snapshot.user}}, {{script.startAt | amCalendar}}
</span>
<a ng-href="/scriptLogs/view/{{script._id}}" tooltip="{{script.startAt | amCalendar}}">
{{script.snapshot.title}}
</a>
</li>
</ol>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="panel panel-default">
<div class="panel-heading">
<i class="fa fa-user"></i> 最近登陆用户
</div>
<div class="panel-body">
<ol class="list-group">
<li class="list-group-item"
ng-repeat="user in recentUser">
<span class="badge" tooltip="{{user.lastLoginAt}}">{{user.lastLoginAt | amCalendar}}</span>
<a ng-href="/eventLogs?byUser={{user.name}}"
tooltip-placement="right"
tooltip="点击查看操作">
{{user.name}}
</a>
</li>
</ol>
</div>
</div>
</div>
</div>