Search menu icone and view set up

src/html/dependencies-dev.php

@@ -7,6 +7,7 @@
     <script type="text/javascript" src="<?php echo $dn; ?>/node_modules/jquery/dist/jquery.min.js"></script>
     <script type="text/javascript" src="<?php echo $dn; ?>/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
     <script type="text/javascript" src="<?php echo $dn; ?>/dist/lib/webcomponentsjs/webcomponents-loader.js"></script>
+    <script type="text/javascript" src="<?php echo $dn; ?>/src/js/hd-app.js"></script>
 
     <!-- Web components -->
     <link rel="import" href="<?php echo $dn; ?>/dist/lib/ldp-display/ldp-display.html?v=<?php echo $v ?>" />

src/html/dependencies-prod.php

@@ -8,6 +8,7 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.2.0/webcomponents-loader.js" integrity="sha256-fUVqCtpScUF69qkFkeuHmcShr2N2UleRQJhRG4etHds=" crossorigin="anonymous"></script>
+    <script type="text/javascript" src="<?php echo $dn; ?>/dist/js/hd-app.js"></script>
 
     <!-- Web components -->
     <link rel="import" href="https://cdn.happy-dev.fr/ldp-display/ldp-display.html?v=<?php echo $v ?>" />

src/html/menu.html

@@ -1,15 +1,12 @@
 <nav class="navbar bg-white fixed-top border-bottom pb-0 d-md-flex" id="navbar">
-  <!--<ldp-router>-->
-  <!--<ldp-route id="menu-title" class=" pb-2" name="dashboard">HAPPY APP</ldp-route>-->
-  <!--</ldp-router>-->
 
   <ldp-router id="navbar-router" class="navbar-nav" default-route="members">
-    <ldp-route id="menu-title" class="col-4 col-md-2 nav-item" name="dashboard">
+    <ldp-route id="menu-title" class="col-3 col-md-2 nav-item" name="dashboard">
       HAPPY DEV
     </ldp-route>
 
-    <div id="menu-items" class="col-8 col-md-10">
-      <ldp-route class="nav-item pl-4 pr-4 pb-2 active align-self-stretch text-center text-md-left" name="members">
+    <div id="menu-items" class="col-7 col-md-10">
+      <ldp-route class="nav-item pb-2 active align-self-stretch text-center text-md-left" name="members">
         <i class="fa fa-users" aria-hidden="true"></i>
         <span class="d-none d-md-inline"> Membres</span>
       </ldp-route>
@@ -17,7 +14,7 @@
         Membre
       </ldp-route>
 
-      <ldp-route class="nav-item pl-4 pr-4 pb-2 align-self-stretch text-center text-md-left" name="projects">
+      <ldp-route class="nav-item pb-2 align-self-stretch text-center text-md-left" name="projects">
         <i class="fa fa-tasks" aria-hidden="true"></i>
         <span class="d-none d-md-inline"> Projets</span>
       </ldp-route>
@@ -25,7 +22,7 @@
         Projet
       </ldp-route>
 
-      <ldp-route class="nav-item pl-4 pr-4 pb-2 align-self-stretch text-center text-md-left" name="channels">
+      <ldp-route class="nav-item pb-2 align-self-stretch text-center text-md-left" name="channels">
         <i class="fa fa-comments" aria-hidden="true"></i>
         <span class="d-none d-md-inline"> Channels</span>
       </ldp-route>
@@ -33,5 +30,12 @@
         channel
       </ldp-route>
     </div>
+
+    <div class="col-2 col-md-1"></div>
   </ldp-router>
+
+  <div id="search-bar">
+    <input id="search-input" class="form-control" type="search" placeholder="ctrl + k"/>
+    <i id="search-icon" class="fa fa-search" aria-hidden="true" data-toggle="modal" data-target="#search-view"></i>
+  </div>
 </nav>

src/html/search.html

@@ -0,0 +1,7 @@
+<div class="modal fade" id="search-view" tabindex="-1" role="dialog" aria-labelledby="Search results" aria-hidden="true">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      Search results here
+    </div>
+  </div>
+</div>