137 lines
4.6 KiB
HTML
137 lines
4.6 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
|
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
|
|
<!-- above set at the top of the file will set -->
|
|
<!-- the browser's rendering engine into -->
|
|
<!-- "Quirks Mode". Replacing this declaration -->
|
|
<!-- with a "Standards Mode" doctype is supported, -->
|
|
<!-- but may lead to some differences in layout. -->
|
|
|
|
<html ng-app="bananaraceApp">
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
|
|
<!-- enable bootstrap -->
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- enable angular -->
|
|
<title>TimeY - Time Yourself!</title>
|
|
<script src="node_modules/angular/angular.js"></script>
|
|
|
|
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
|
<script src="node_modules/jquery/dist/jquery.min.js"></script>
|
|
<script src="node_modules/angular-route/angular-route.min.js"></script>
|
|
<script src="node_modules/angular-md5/angular-md5.min.js"></script>
|
|
|
|
<!-- Bootstrap -->
|
|
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap-theme.min.css">
|
|
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
|
<script src="node_modules/bootstrap/js/tooltip.js"></script>
|
|
<script src="node_modules/bootstrap/js/popover.js"></script>
|
|
<!-- <script src="node_modules/angular-bootstrap/dist/ui-bootstrap.min.js"></script> -->
|
|
<!-- <script src="node_modules/angular-bootstrap/dist/ui-bootstrap-tpls.min.js"></script> -->
|
|
|
|
<!-- local files -->
|
|
<script src="js/app.js"></script>
|
|
<script src="js/filters.js"></script>
|
|
<script src="js/services.js"></script>
|
|
<script src="js/controllers.js"></script>
|
|
<script src="js/directives.js"></script>
|
|
|
|
<!-- init all popovers -->
|
|
<script>
|
|
$(function () {
|
|
$('[data-toggle="popover"]').popover()
|
|
})
|
|
</script>
|
|
|
|
<script>
|
|
keypressCallback = function($event) {
|
|
alert('Voila!');
|
|
$event.preventDefault();
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
.angular-ui-tree-drag {
|
|
border-style:dashed;
|
|
}
|
|
.angular-ui-tree-handle {
|
|
padding:5px 5px;
|
|
/*background-color:#f8faff;*/
|
|
border: 1px solid #dae2ea;
|
|
color: #7c9eb2;
|
|
}
|
|
.angular-ui-tree-placeholder {
|
|
border:1px gray dashed;
|
|
}
|
|
|
|
#stopwatchcontainer {
|
|
text-align:center;
|
|
}
|
|
.stopwatchbutton {
|
|
height:32px;
|
|
}
|
|
.popover {
|
|
width:300px;
|
|
}
|
|
#leafcontainer {
|
|
margin-top:10px;
|
|
}
|
|
/*.stay-open {display:block !important;}*/
|
|
</style>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body ng-controller="BodyCtrl">
|
|
|
|
|
|
<!-- the navbar on top ... -->
|
|
<nav class="navbar navbar-default" ng-controller="NavCtrl">
|
|
<div class="container-fluid">
|
|
<!-- Brand and toggle get grouped for better mobile display -->
|
|
<div class="navbar-header">
|
|
<a class="navbar-brand" href="">TimeY</a>
|
|
</div>
|
|
|
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
<ul class="nav navbar-nav">
|
|
<li ng-class="getActiveCss('/stopwatch');"><a href="#/stopwatch">Stopwatch</a></li>
|
|
<li ng-class="getActiveCss('/createtemplate');" ng-show="loggedIn();"><a href="#/createtemplate">Create template</a></li>
|
|
</ul>
|
|
|
|
<ul class="nav navbar-nav navbar-right" ng-controller="LoginCtrl">
|
|
<li class="dropdown">
|
|
<a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> {{loggedIn()?loggedInUsername():'Not logged in'}}<span class="caret"></span>
|
|
</a>
|
|
<ul class="dropdown-menu stay-open" role="menu">
|
|
<li><a href="#/login" ng-show="!loggedIn();">Log in</a></li>
|
|
<li><a href="#/register" ng-show="!loggedIn();">Register</a></li>
|
|
|
|
<!-- <div class="input-group">
|
|
<span class="glyphicon glyphicon-user input-group-addon" aria-hidden="true"></span>
|
|
<input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
|
|
</div>
|
|
<div class="input-group">
|
|
<span class="glyphicon glyphicon-lock input-group-addon" aria-hidden="true"></span>
|
|
<input type="password" class="form-control" placeholder="Password" aria-describedby="basic-addon1">
|
|
</div> -->
|
|
<!-- <li><button type="button" class="btn btn-default">Login</button></li> -->
|
|
<li><a href="" ng-click="logout()" ng-show="loggedIn();">Log out</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div><!-- /.navbar-collapse -->
|
|
</div><!-- /.container-fluid -->
|
|
</nav>
|
|
|
|
<!-- the main view div... here's where the partials are served -->
|
|
<div ng-view></div>
|
|
|
|
</body>
|
|
</html>
|