shadowsocks-manager
Version:
A shadowsocks manager tool for multi user and traffic control.
30 lines (29 loc) • 1.8 kB
HTML
<div style="margin: 10px 10px 5px 10px; font-size: 0.8em; color: #555">共 {{accountInfo.originalAccount.length}} 条，显示 {{accountInfo.account.length}} 条</div>
<div layout="row" layout-wrap>
<div flex-xs="100" flex-sm="50" flex-md="33" flex-gt-md="25" ng-repeat="a in accountInfo.account track by $index">
<md-card ng-click="toAccount(a.id)" md-colors="{{accountColor(a)}}">
<md-card-content>
<div layout="row" layout-align="space-between center" style="word-break: keep-all; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;">
<div flex="30">{{a.port}}</div>
<div flex layout="row" layout-align="end center">
<span style="color: #aaa; font-size: 0.8em; text-overflow: ellipsis; overflow: hidden;">{{a.user || a.password}}</span>
<div><md-icon>chevron_right</md-icon></div>
</div>
</div>
</md-card-content>
</md-card>
</div>
</div>
<div layout="row" layout-wrap ng-show="accountMethod.filter.mac">
<div flex-xs="100" flex-sm="50" flex-md="33" flex-gt-md="25" ng-repeat="a in macAccountInfo.account track by $index">
<md-card ng-click="toMacAccount(a.userId)">
<md-card-content>
<div layout="row" layout-align="space-between center" style="word-break: keep-all; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;">
<div flex="70">{{ a.mac | mac }}</div>
<div flex="30" style="text-align:right; color: #aaa; font-size: 0.8em;">{{ a.port }}</div>
</div>
</md-card-content>
</md-card>
</div>
</div>
<div style="height: 100px;"></div>