index.html

<!DOCTYPE html>
<!--[if lt IE 7]>      <html lang="en" ng-app="ordering" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html lang="en" ng-app="ordering" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html lang="en" ng-app="ordering" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" ng-app="ordering" class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Ordering</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/bower_components/html5-boilerplate/dist/css/normalize.css">
    <link rel="stylesheet" href="/bower_components/html5-boilerplate/src/css/main.css">
    <link rel="stylesheet" href="/app/app.css">
    <script src="bower_components/html5-boilerplate/src/js/vendor/modernizr-2.8.3.min.js"></script>
    <link rel="stylesheet" href="/bower_components/angular-material/angular-material.min.css">
    <link rel="stylesheet" href="/bower_components/angular-material/default-theme.css">
    <link rel="stylesheet" href="/bower_components/angular-material/modules/js/tabs/tabs.min.css">
    <link rel="stylesheet" href="/bower_components/angular-material/modules/js/content/content.min.css">
    <link rel="stylesheet" href="/bower_components/angular-material/modules/js/list/list.min.css">
    <link rel="stylesheet" href="/bower_components/angular-material/modules/js/divider/divider.min.css">
    <link rel="stylesheet" href="/bower_components/angular-material/modules/js/dialog/dialog.min.css">
    <link rel="stylesheet" href="/bower_components/angular-material/modules/js/sidenav/sidenav.min.css">
    <link rel="stylesheet" href="/bower_components/angular-material/modules/js/bottomSheet/bottomSheet.min.css">
    <link rel="stylesheet" href="/bower_components/angular-material/modules/js/tabs/tabs-default-theme.min.css">
    <link rel="stylesheet" href="/bower_components/angular-material/modules/js/content/content-default-theme.min.css">
    <link rel="stylesheet" href="/bower_components/angular-material/modules/js/divider/divider-default-theme.min.css">
    <link rel="stylesheet" href="/bower_components/angular-material/modules/js/dialog/dialog-default-theme.min.css">
    <link rel="stylesheet" href="/bower_components/angular-material/modules/js/sidenav/sidenav-default-theme.min.css">
    <link rel="stylesheet" href="/bower_components/angular-material/modules/js/bottomSheet/bottomSheet-default-theme.min.css">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300' rel='stylesheet' type='text/css'>
</head>
<body id="ordering">
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div ng-controller="settingsCtrl">
    <md-toolbar class="md-tall" layout="row">
        <div flex layout="column" layout-align="left center">
            <span flex></span>
            <span class="md-flex small-text md-toolbar-tools md-toolbar-tools-bottom">Ordering Demo Application</span>
            <span flex></span>
        </div>
        <div
                layout="column"
                class="md-padding"
                layout-align="right center"
                ng-mouseenter="iconEnter()"
                ng-mouseleave="iconLeave()"
                ng-click="iconClick()">
            <span flex></span>
            <md-button aria-label="Settings" style="margin-right:25px;">
                <ng-md-icon
                        icon="{{data.icon}}"
                        size="44"
                        options='{"duration": 300, "rotation": "counterclock"}'>
                </ng-md-icon>
                <md-tooltip>
                    Settings
                </md-tooltip>
            </md-button>
            <span flex></span>
        </div>
    </md-toolbar>
</div>
<div ng-controller="tabsCtrl">
    <md-tabs class="md-accent" md-selected="selectedIndex" md-no-ink>
        <md-tab md-on-select="select(0)">
            Current Orders
        </md-tab>
        <md-tab md-on-select="select(1)">
            Place an Order
        </md-tab>
    </md-tabs>
    <ng-switch on="selectedIndex" class="tabpanel-container" ng-controller="ordersCtrl">
        <div role="tabpanel" ng-switch-when="0" md-swipe-left="next()" md-swipe-right="previous()" >
            <div ng-include src="'/app/components/orders/views/list.html'"></div>
        </div>
        <div role="tabpanel" ng-switch-when="1" md-swipe-left="next()" md-swipe-right="previous()">
            <div ng-include src="'/app/components/orders/views/create.html'"></div>
        </div>
    </ng-switch>
    <!-- Include Settings Sidenavs -->
    <div ng-include src="'/app/components/settings/views/sidenavs/menu.html'"></div>
</div>

<!-- Include all bower components -->
<script src="/bower_components/jquery/dist/jquery.js"></script>
<script src="/bower_components/hammerjs/hammer.js"></script>
<script src="/bower_components/angular/angular.js"></script>
<script src="/bower_components/angular-route/angular-route.js"></script>
<script src="/bower_components/angular-animate/angular-animate.js"></script>
<script src="/bower_components/angular-aria/angular-aria.js"></script>
<script src="/bower_components/angular-material/angular-material.js"></script>
<script src="/bower_components/angular-material/modules/js/tabs/tabs.js"></script>
<script src="/bower_components/angular-material/modules/js/content/content.js"></script>
<script src="/bower_components/angular-material/modules/js/list/list.js"></script>
<script src="/bower_components/angular-material/modules/js/divider/divider.js"></script>
<script src="/bower_components/angular-material/modules/js/dialog/dialog.js"></script>
<script src="/bower_components/angular-material/modules/js/sidenav/sidenav.js"></script>
<script src="/bower_components/angular-material/modules/js/bottomSheet/bottomSheet.js"></script>
<script src="/bower_components/angular-material-icons/angular-material-icons.min.js"></script>
<script src="https://cdn.firebase.com/js/client/2.2.0/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.9.2/angularfire.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/SVG-Morpheus/0.1.8/svg-morpheus.js"></script>

<!-- Register App -->
<script src="/app/app.js"></script>

<!-- Register Services & Filters -->
<script src="/app/components/orders/ordersService.js"></script>
<script src="/app/components/orders/ordersFilters.js"></script>
<script src="/app/components/settings/settingsService.js"></script>
<script src="/assets/js/angularSlideables.js"></script>

<!-- Add any dialog controllers -->
<script src="/app/components/orders/dialogs/thankyou/ordersThankYouCtrl.js"></script>
<script src="/app/components/settings/bottomsheet/settingsBottomSheetCtrl.js"></script>

<!-- Register Controllers -->
<script src="/app/components/tabs/tabsCtrl.js"></script>
<script src="/app/components/orders/ordersCtrl.js"></script>
<script src="/app/components/settings/settingsCtrl.js"></script>
</body>
</html>