shadowsocks-manager
Version:
A shadowsocks manager tool for multi user and traffic control.
26 lines • 1.53 kB
HTML
<div layout="row" layout-wrap>
<div flex-xs="100" flex-sm="50" flex-md="33" flex-gt-md="25" ng-repeat="order in orders track by $index">
<md-card ng-click="toUser(user)" md-colors="{{userColor(user)}}">
<md-card-content>
<div layout="row" layout-align="space-between center">
<div flex="60">
<span style="color: #333; font-size: 0.9em;">{{ order.orderId.substr(order.orderId.length - 6) }}</span><br>
<span style="color: #666; font-size: 0.9em;">{{ order.createTime | date : 'yyyy-MM-dd HH:mm' }}</span>
</div>
<div flex="40" style="text-align: right;">
<span style="color: #333; font-size: 0.9em;">{{ order.type }}</span><br>
<span style="color: #666; font-size: 0.9em;" ng-if="order.amount">{{ order.amount }}</span>
<span style="color: #666; font-size: 0.9em;" ng-if="order.refTime">{{ order.refTime | timePeriod }}</span>
</div>
</div>
</md-card-content>
</md-card>
</div>
</div>
<div layout-fill layout="row" layout-align="center center" ng-if="!orders.length">
<div flex style="height: 180px;"></div>
<div flex layout="row" layout-align="center center">
<md-progress-circular md-mode="indeterminate" class="md-accent"></md-progress-circular>
</div>
<div flex style="height: 180px;"></div>
</div>