Sign upLogin

tantalim/tantalim-server

View on GitHub
Star
app/views/mobile.html

Summary

Maintainability
Test Coverage
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>{{title}}</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimal-ui"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="yes"/>
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8">

    <link href="/img/icons/favicon.ico" rel="shortcut icon" type="image/x-icon">

    <!-- Angular JS -->
    <script type="text/javascript" src="/bower_components/angular/angular.min.js"></script>
    <script type="text/javascript" src="/bower_components/angular-route/angular-route.js"></script>
    <!-- Mobile Angular UI -->
    <link rel="stylesheet" href="/bower_components/mobile-angular-ui/dist/css/mobile-angular-ui-base.min.css">
    <link rel="stylesheet" href="/bower_components/mobile-angular-ui/dist/css/mobile-angular-ui-desktop.min.css">
    <script type="text/javascript" src="/bower_components/mobile-angular-ui/dist/js/mobile-angular-ui.min.js"></script>
    <!-- Other -->
    <script type="text/javascript" src="/bower_components/lodash/lodash.js"></script>
    <!-- Tantalim -->
    <link rel="stylesheet" href="/bower_components/tantalim-client/public/css/mobile.css">
    <script type="text/javascript" src="/bower_components/tantalim-client/public/js/tantalim.mobile.js"></script>
    <script type="text/javascript" src="/page-definition/{{pageName}}"></script>
    <script type="text/javascript">
        window.pageName = '{{pageName}}';
        window.user = {
            username: 'trevorallred',
            name: 'Trevor Allred (AUTO)'
        };
    </script>
</head>
<body ng-app="tantalim.mobile" data-ng-controller="PageController">

<!-- Sidebars -->
<div class="sidebar sidebar-left" toggleable parent-active-class="sidebar-left-in" id="mainSidebar">
    <h1 class="app-name">{{appTitle}}</h1>

    <div class="scrollable">
        <div class="scrollable-content">
            <div class="list-group" toggle="off" bubble target="mainSidebar">
                {{#menu.content}}
                <a class="list-group-item" href="/m/{{page}}/#/">{{title}} <i class="fa fa-chevron-right pull-right"></i></a>
                {{/menu.content}}
                <a class="list-group-item" href="/logout">Logout <i class="fa fa-chevron-right pull-right"></i></a>
            </div>
        </div>
    </div>
</div>

<div class="app">
    <!-- Navbars -->
    <div class="navbar navbar-app navbar-absolute-top" ui-yield-to="topNav"></div>
    <div class="navbar navbar-app navbar-absolute-bottom" ui-yield-to="bottomNav"></div>

    <!-- App Body -->
    <div class="app-body" ng-class="{loading: loading}">
        <div ng-show="loading" class="app-content-loading">
            <i class="fa fa-spinner fa-spin loading-spinner"></i>
        </div>
        <div class="app-content">
            <ng-view></ng-view>
        </div>
    </div>
</div>
</body>
</html>