shadowsocks-manager
Version:
A shadowsocks manager tool for multi user and traffic control.
64 lines (62 loc) • 2.94 kB
HTML
<div ng-controller="HomeController" layout="column" ng-cloak layout-fill ng-if="!config.fullscreenSkin">
<section layout="row" flex>
<md-sidenav class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="false" layout="column" layout-align="space-between stretch">
<md-content>
<div layout="column">
<md-toolbar class="md-tall">
<span flex></span>
<div layout="column" class="md-toolbar-tools-bottom inset">
<user-avatar></user-avatar>
<span></span>
<div>Home</div>
</div>
</md-toolbar>
<md-list>
<md-list-item ng-repeat="menu in menus" ng-click="menuClick($index)">
<md-item-content md-ink-ripple layout="row" layout-align="start center">
<div class="inset">
<md-icon class="material-icons">{{menu.icon}}</md-icon>
</div>
<div class="inset">
{{ menu.name | translate }}
</div>
</md-item-content>
</md-list-item>
</md-list>
</div>
</md-content>
<div style="position: absolute; left: 5px; bottom: 5px; color:#555; font-size:12px;">{{ config.version }}</div>
</md-sidenav>
<div flex layout="column">
<div>
<md-toolbar>
<div class="md-toolbar-tools" ng-hide="publicInfo.searchBar">
<md-button hide-gt-sm class="md-icon-button" aria-label="menu" ng-click="menuButton()">
<i class="material-icons">menu</i>
</md-button>
<div>{{ config.title }}</div>
<span flex></span>
<md-button hide-sm hide-xs ng-repeat="menu in menus" aria-label="menu.icon" ng-click="menuClick($index)">
{{ menu.name | translate }}
</md-button>
<md-button aria-label="language menu" class="md-icon-button" ng-click="chooseLanguage()">
<md-icon class="material-icons">language</md-icon>
</md-button>
</md-menu>
</div>
</md-toolbar>
</div>
<div flex layout="row">
<md-content flex layout="row">
<div ui-view flex autoscroll="true"></div>
</md-content>
</div>
</div>
</section>
</div>
<div ng-controller="HomeController" layout="column" ng-cloak layout-fill ng-if="config.fullscreenSkin">
<div layout-fill
ng-include="'/public/views/skin/' + config.skin + '.html'">
</div>
<div ui-view flex autoscroll="true"></div>
</div>