nitweb/angular: add loading bar on top of screen
[nit.git] / share / nitweb / index.html
1 <!DOCTYPE html>
2 <html lang='en' ng-app='nitweb'>
3 <head>
4 <base href='/'>
5 <meta charset='utf-8'>
6 <meta http-equiv='X-UA-Compatible' content='IE=edge'>
7 <meta name='viewport' content='width=device-width, initial-scale=1'>
8 <title>ng-doc</title>
9
10 <link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'
11 integrity='sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7'
12 crossorigin='anonymous' rel='stylesheet'>
13
14 <link href='//cdnjs.cloudflare.com/ajax/libs/angular-loading-bar/0.9.0/loading-bar.min.css'
15 type='text/css' rel='stylesheet' media='all'>
16
17
18 <link href='/stylesheets/nitweb_bootstrap.css' rel='stylesheet'>
19 <link href='/stylesheets/nitweb.css' rel='stylesheet'>
20 </head>
21 <body>
22 <nav class='navbar navbar-default navbar-fixed-top'>
23 <div class='container-fluid'>
24 <div class='col-xs-3 navbar-header'>
25 <a class='navbar-brand' ng-href='/'>Nitdoc</a>
26 </div>
27 <div class='col-xs-7'>
28 <form ng-controller='SearchCtrl as searchCtrl' >
29 <div class='form-group has-icon'>
30 <input placeholder='Search...' type='text' class='form-control search-input'
31 ng-model-options='{ debounce: 150 }' ng-model='query'
32 ng-keydown='update($event)' ng-change='search()'>
33 <span class='glyphicon glyphicon-search form-control-icon text-muted'></span>
34 </div>
35 <div ng-if='results.length > 0' class='search-results'>
36 <div class='card-list'>
37 <entity-card ng-click='reset()' ng-class='{active: activeItem == $index}' mentity='mentity' ng-repeat='mentity in results' />
38 </div>
39 </div>
40 </form>
41 </div>
42 </div>
43 </nav>
44 <div ng-view></div>
45
46 <script src='https://code.jquery.com/jquery-1.12.4.min.js'
47 integrity='sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ='
48 crossorigin='anonymous''></script>
49 <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'
50 integrity='sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS'
51 crossorigin='anonymous'></script>
52 <script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.min.js'>
53 </script>
54 <script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular-route.js'>
55 </script>
56 <script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular-sanitize.js'>
57 </script>
58 <script type='text/javascript'
59 src='//cdnjs.cloudflare.com/ajax/libs/angular-loading-bar/0.9.0/loading-bar.min.js'>
60 </script>
61
62 <script src='/javascripts/nitweb.js'></script>
63 <script src='/javascripts/model.js'></script>
64 <script src='/javascripts/entities.js'></script>
65 <script src='/javascripts/ui.js'></script>
66 <script src='/javascripts/index.js'></script>
67 </body>
68 </html>