pip-webui
Version:
HTML5 UI for LOB applications
59 lines (53 loc) • 2.46 kB
HTML
<html class="no-scroll">
<head lang="en">
<meta charset="UTF-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="-1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>CSS Styles</title>
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic'>
<link rel="stylesheet" href="../../lib/pip-webui-lib.css"/>
<link rel="stylesheet" href="../../dist/pip-webui-css.css"/>
<link rel="stylesheet" href="styles.css"/>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="https://www.google.com/jsapi"></script>
<script src="../../lib/pip-webui-lib.js"></script>
<script src="index.js"></script>
<script src="fonts.js"></script>
<script src="alignment.js"></script>
<script src="colors.js"></script>
<script src="themes.js"></script>
<script src="sizes.js"></script>
<script src="icons.js"></script>
<script src="responsive.js"></script>
<script src="animation.js"></script>
</head>
<body ng-app="appCssStyles" ng-controller="AppController" class="layout-column">
<md-toolbar>
<div class="md-toolbar-tools">
<md-button class="md-icon-button" aria-label="menu"
ng-click="onToggleMenu()" hide-gt-sm>
<md-icon md-svg-icon="icons:menu"></md-icon>
</md-button>
<span>CSS Styles</span>
</div>
</md-toolbar>
<div class=" layout-row flex" style="height: calc(100% - 64px)">
<md-sidenav md-component-id="left" md-is-locked-open="$mdMedia('gt-sm')"
class="md-whiteframe-z2 md-sidenav-left layout-column">
<md-list>
<md-list-item ng-repeat="contentItem in content"
ng-click="onSwitchPage(contentItem.state)"
ng-class="{ 'selected-state': isActiveState(contentItem.state) }">
<p ui-sref="{{contentItem.state}}">{{contentItem.title}}</p>
</md-list-item>
</md-list>
</md-sidenav>
<md-content id="content" class="flex p16">
<div ui-view></div>
</md-content>
</div>
</body>
</html>