From 61eb9bae4a56c3f314244edd1e5703aa4b7bd1f8 Mon Sep 17 00:00:00 2001
From: Alexandre Bourlier <alexandre@happy-dev.fr>
Date: Mon, 14 May 2018 21:16:04 +0200
Subject: [PATCH] Edit profile on its way

---
 index.php                  | 13 +++++++------
 src/html/dashboard.html    | 27 +++++++++++++++++++++------
 src/html/edit-profile.html |  8 ++++++++
 src/js/hd-app.js           |  3 ++-
 src/scss/_menu.scss        |  2 +-
 src/scss/_variables.scss   |  2 +-
 6 files changed, 40 insertions(+), 15 deletions(-)
 create mode 100644 src/html/edit-profile.html

diff --git a/index.php b/index.php
index c449bb8..0676609 100644
--- a/index.php
+++ b/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() {
diff --git a/src/html/dashboard.html b/src/html/dashboard.html
index 5787855..3d43d0e 100644
--- a/src/html/dashboard.html
+++ b/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>
diff --git a/src/html/edit-profile.html b/src/html/edit-profile.html
new file mode 100644
index 0000000..c48991c
--- /dev/null
+++ b/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>
diff --git a/src/js/hd-app.js b/src/js/hd-app.js
index 2eefc59..7e1b390 100644
--- a/src/js/hd-app.js
+++ b/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();
     }
   });
 
diff --git a/src/scss/_menu.scss b/src/scss/_menu.scss
index 682866c..d255e4a 100644
--- a/src/scss/_menu.scss
+++ b/src/scss/_menu.scss
@@ -99,7 +99,7 @@
 
       i {
         color:                white;
-        background-color:     $twitter-color;
+        background-color:     $hd-color;
 
         &#search-icon {
           display : none;
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index b82659d..ae35db0 100644
--- a/src/scss/_variables.scss
+++ b/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;