Edit profile on its way

index.php

@@ -29,6 +29,7 @@
       <?php require_once('src/html/dashboard.html'); ?>
       <?php require_once('src/html/members.html'); ?>
       <?php require_once('src/html/member.html'); ?>
+      <?php require_once('src/html/edit-profile.html'); ?>
       <?php require_once('src/html/projects.html'); ?>
       <?php require_once('src/html/project.html'); ?>
       <?php require_once('src/html/channels.html'); ?>
@@ -60,13 +61,13 @@
       }
 
       // Listen for changes
-      setInterval(function() {
-          if (currentRoute != window.location.href) {
-            currentRoute = getCurrentRoute();
+      //setInterval(function() {
+          //if (currentRoute != window.location.href) {
+            //currentRoute = getCurrentRoute();
 
-            insertChatIfNeeded();
-          }
-      }, 15000);
+            //insertChatIfNeeded();
+          //}
+      //}, 250);
 
       // Inserts a chat in the current view if needed
       function insertChatIfNeeded() {

src/html/dashboard.html

@@ -1,8 +1,23 @@
 <div id="dashboard" style="display: none">
-  <form>
-    <div class="form-group">
-      <input type="text" class="form-control form-control-sm" id="search-input" placeholder="Recherche" aria-describedby="search-help" autofocus />
-      <small id="search-help" class="form-text text-muted">* parmi les membres, les projets et les groupes de discussion</small>
-    </div>
-  </form>
+  <!--<form>-->
+  <!--<div class="form-group">-->
+  <!--<input type="text" class="form-control form-control-sm" id="search-input" placeholder="Recherche" aria-describedby="search-help" autofocus />-->
+  <!--<small id="search-help" class="form-text text-muted">* parmi les membres, les projets et les groupes de discussion</small>-->
+  <!--</div>-->
+  <!--</form>-->
+
+  <div class="list-condensed">
+    <ldp-router>
+      <ldp-route name="edit-profile" id-prefix="<?php echo $sdn; ?>/members/">
+        <ldp-display 
+          data-src="<?php echo $sdn; ?>/members/1/" 
+          set-name="firstname, name-separator, lastname"
+          value-name-separator="&nbsp;"
+          data-fields="avatar, name"
+          widget-avatar="ldp-display-img"
+          next="edit-profile"
+        ></ldp-display>
+      </ldp-route>
+    </ldp-router>
+  </div>
 </div>

src/html/edit-profile.html

@@ -0,0 +1,8 @@
+<div id="edit-profile" style="display: none">
+  <ldp-form 
+    data-fields=""
+    bind-resources
+  ></ldp-form>
+
+    <h1>BOOM</h1>
+</div>

src/js/hd-app.js

@@ -12,10 +12,11 @@ document.addEventListener("DOMContentLoaded", function(event) {
     if ((e.keyCode == 75 || e.keyCode == 80) && (e.ctrlKey === true || e.metaKey === true)) {
       e.preventDefault();
       e.stopPropagation();
+      openSearchBar();
     }
 
     else if (e.keyCode == 27 && navBar.classList.contains("search-mode")) {
-      navBar.classList.remove("search-mode");
+      closeSearchBar();
     }
   });
 

src/scss/_menu.scss

@@ -99,7 +99,7 @@
 
       i {
         color:                white;
-        background-color:     $twitter-color;
+        background-color:     $hd-color;
 
         &#search-icon {
           display : none;

src/scss/_variables.scss

@@ -1,6 +1,6 @@
 $hd-color: rgb(253, 200, 21);
 $hd-color-faded: rgba(253, 200, 21, 0.8);
-$twitter-color: #1DA1F2;
+$twitter-color: grey;
 
 $menu-height:           46px;
 $menu-font-size:        16px;