Search feature done

src/html/menu.html

@@ -1,7 +1,7 @@
 <nav class="navbar bg-white fixed-top border-bottom pb-0 d-md-flex" id="navbar">
 
   <ldp-router id="navbar-router" class="navbar-nav" default-route="members">
-    <ldp-route id="menu-title" class="col-3 col-md-2 nav-item" name="dashboard">
+    <ldp-route id="menu-title" class="nav-item" name="dashboard">
       HAPPY DEV
     </ldp-route>
 

src/html/project.html

@@ -24,6 +24,7 @@
     <h2 class="section team">L'équipe</h2>
     <ldp-display 
       id="project-team" 
+      class="members-list-condensed"
       id-suffix="team"
       set-name="firstname, name-separator, lastname"
       value-name-separator="&nbsp;"

src/html/search.html

@@ -2,6 +2,7 @@
   <div class="content container-fluid">
     <ldp-display 
       id="search-results-members" 
+      class="list-condensed"
       data-src="<?php echo $sdn; ?>/members/" 
       set-name="firstname, name-separator, lastname"
       value-name-separator="&nbsp;"
@@ -13,8 +14,11 @@
 
     <ldp-display 
       id="search-results-projects" 
+      class="list-condensed"
       data-src="<?php echo $sdn; ?>/projects/"
-      data-fields="client, number, name" 
+      set-title="number, after-num-separator, name"
+      value-after-num-separator="&nbsp;-&nbsp;"
+      data-fields="client, title" 
       widget-client="ldp-display-client"
       search-fields="number, name"
       next="project"
@@ -23,8 +27,8 @@
     <ldp-display 
       id="search-results-channels" 
       data-src="<?php echo $sdn; ?>/channels/" 
-      data-fields="name, description" 
+      data-fields="name" 
-      search-fields="name, description"
+      search-fields="name"
       next="channel"
     ></ldp-display>
   </div>

src/scss/_classes.scss

@@ -0,0 +1,18 @@
+.list-condensed {
+  ldp-display {
+    display:        flex;
+    align-items:    center;
+    margin-bottom:  10px;
+
+    img {
+      width:          50px;
+      border-radius:  100px;
+    }
+
+    & > div[name="name"],
+    & > div[name="title"] {
+      display:      flex;
+      margin-left:  10px;
+    }
+  }
+}

src/scss/_project.scss

@@ -13,24 +13,6 @@
         width:      100%;
       }
     }
-
-    #project-team {
-      ldp-display {
-        display:        flex;
-        align-items:    center;
-        margin-bottom:  10px;
-
-        img {
-          width:          50px;
-          border-radius:  100px;
-        }
-
-        div[name="name"] {
-          display:      flex;
-          margin-left:  10px;
-        }
-      }
-    }
   }
 
   .section {

src/scss/_styles.scss

@@ -11,13 +11,6 @@ html, body, #mainContainer {
   padding-top:   $menu-height;
 }
 
-.page-title {
-  font-size: 2.5rem;
-  margin-bottom: 20px;
-  font-family: 'Righteous', cursive;
-  text-decoration-line: underline;
-}
-
 hd-chat-window {
   position:       absolute;
   top:            0px;

src/scss/main.scss

@@ -1,7 +1,8 @@
 // Generic
 @import "variables";
-@import "mixins";
 @import "fonts";
+@import "mixins";
+@import "classes";
 @import "styles";
 @import "forms";