nitweb/ng: enhance search results display
[nit.git] / share / nitweb / index.html
index e8d18ee..c7657bc 100644 (file)
                        integrity='sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7'
                        crossorigin='anonymous' rel='stylesheet'>
 
+               <link href='//cdnjs.cloudflare.com/ajax/libs/angular-loading-bar/0.9.0/loading-bar.min.css'
+                       type='text/css' rel='stylesheet' media='all'>
+
+               <link href='https://cdnjs.cloudflare.com/ajax/libs/octicons/3.5.0/octicons.css'
+                       type='text/css' rel='stylesheet'>
+
+
                <link href='/stylesheets/nitweb_bootstrap.css' rel='stylesheet'>
                <link href='/stylesheets/nitweb.css' rel='stylesheet'>
+
+               <script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.4/d3.min.js"></script>
+               <script src="/vendors/d3pie.min.js"></script>
        </head>
        <body>
                <nav class='navbar navbar-default navbar-fixed-top'>
                        <div class='container-fluid'>
-                               <div class='col-xs-3 navbar-header'>
-                                       <a class='navbar-brand' ng-href='/'>Nitdoc</a>
+                               <div class='col-xs-3'>
+                                       <ul class='nav navbar-nav'>
+                                               <li class='dropdown'>
+                                                       <a class='btn btn-link dropdown-toggle' type='button' data-toggle='dropdown'>
+                                                               <span class='glyphicon glyphicon-menu-hamburger' />
+                                                       </a>
+                                                       <ul class='dropdown-menu'>
+                                                               <li><a href='/docdown'>DocDown</a></li>
+                                                       </ul>
+                                               </li>
+                                       </ul>
+                                       <div class='navbar-header dropdown'>
+                                               <a class='navbar-brand' ng-href='/'>Nitdoc</a>
+                                       </div>
+                               </div>
+                               <div class='col-xs-7'>
+                                       <form ng-controller='SearchCtrl as searchCtrl' >
+                                               <div class='form-group has-icon'>
+                                                       <input placeholder='Search...' type='text' class='form-control search-input'
+                                                               ng-model-options='{ debounce: 300 }' ng-model='query'
+                                                               ng-keydown='update($event)' ng-change='search()'>
+                                                       <span class='glyphicon glyphicon-search form-control-icon text-muted'></span>
+                                               </div>
+                                               <div ng-if='results.length > 0' class='search-results'>
+                                                       <div class='card-list'>
+                                                               <search-card ng-click='selectEnter()' ng-class='{active: activeItem == $index}' ng-mouseover='setActive($index)' mentity='mentity' ng-repeat='mentity in results' />
+                                                       </div>
+                                               </div>
+                                       </form>
+                               </div>
+                               <div class='col-xs-2'>
+                                       <user-menu />
                                </div>
                        </div>
                </nav>
                </script>
                <script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular-sanitize.js'>
                </script>
+               <script type='text/javascript'
+                       src='//cdnjs.cloudflare.com/ajax/libs/angular-loading-bar/0.9.0/loading-bar.min.js'>
+               </script>
 
                <script src='/javascripts/nitweb.js'></script>
                <script src='/javascripts/model.js'></script>
+               <script src='/javascripts/entities.js'></script>
+               <script src='/javascripts/ui.js'></script>
+               <script src='/javascripts/index.js'></script>
+               <script src='/javascripts/docdown.js'></script>
+               <script src='/javascripts/metrics.js'></script>
+               <script src='/javascripts/users.js'></script>
        </body>
 </html>