<html lang="en" ng-app="topologyManager" > <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Angular Material style sheet --> <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap-material-design.min.css"> <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <base href="/virl-scheduler/"> </head> <style> .navbar .btn { margin:0; } .alerts { position:absolute; right:0px; top:50px; max-width:500px; z-index:99999; } </style> <body ng-cloak ng-controller="ApplicationController"> <ng-include src="'partials/navbar.html'"> </ng-include> <div class="alerts"> <div uib-alert ng-repeat="alert in alerts" ng-class="'alert-' + (alert.type || 'warning')" close="closeAlert($index)">{{alert.msg}}</div> </div> <div ng-view > </div> <!-- Angular Material requires Angular.js Libraries --> <script src="bower_components/angular/angular.min.js"></script> <script src="bower_components/angular-route/angular-route.min.js"></script> <script src="bower_components/lodash/dist/lodash.min.js"></script> <script src="bower_components/restangular/dist/restangular.min.js"></script> <script src="bower_components/moment/min/moment.min.js"></script> <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script> <!-- Angular Material Library --> <!-- Your application bootstrap --> <script src="app/topologyManager.js"></script> <script src="app/index/controllers/ApplicationController.js"></script> <script src="app/index/controllers/IndexCtrl.js"></script> </body> </html>