<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>