From 4aa04f762d2d08c245ee61ec6f8176531d9c09be Mon Sep 17 00:00:00 2001
From: Alexandre Bourlier <alexandre@happy-dev.fr>
Date: Wed, 11 Jul 2018 23:37:22 +0200
Subject: [PATCH] feature - project pages cleaned

---
 index.php                                     |  4 +--
 src/html/client-creation.html                 |  1 -
 src/html/member-chat.html                     |  2 +-
 ...ber-edit-profile.html => member-edit.html} |  2 +-
 src/html/member.php                           | 32 ++++++++---------
 src/html/menu.html                            |  3 +-
 src/html/project-chat.html                    |  3 ++
 src/html/project-create.html                  |  8 +++++
 src/html/project-creation.html                |  8 -----
 src/html/project-edit.html                    |  9 +++++
 src/html/project-edition.html                 |  8 -----
 src/html/project-profile.html                 | 19 ++++++++++
 src/html/project.html                         | 36 -------------------
 src/html/project.php                          | 23 ++++++++++++
 src/html/projects.html                        | 11 ++----
 15 files changed, 84 insertions(+), 85 deletions(-)
 rename src/html/{member-edit-profile.html => member-edit.html} (98%)
 create mode 100644 src/html/project-chat.html
 create mode 100644 src/html/project-create.html
 delete mode 100644 src/html/project-creation.html
 create mode 100644 src/html/project-edit.html
 delete mode 100644 src/html/project-edition.html
 create mode 100644 src/html/project-profile.html
 delete mode 100644 src/html/project.html
 create mode 100644 src/html/project.php

diff --git a/index.php b/index.php
index 29a286f..f3fd076 100644
--- a/index.php
+++ b/index.php
@@ -30,9 +30,7 @@
       <?php require_once('src/html/members.html'); ?>
       <?php require_once('src/html/member.php'); ?>
       <?php require_once('src/html/projects.html'); ?>
-      <?php require_once('src/html/project.html'); ?>
-      <?php require_once('src/html/project-creation.html'); ?>
-      <?php require_once('src/html/project-edition.html'); ?>
+      <?php require_once('src/html/project.php'); ?>
       <?php require_once('src/html/client-creation.html'); ?>
       <?php require_once('src/html/channels.html'); ?>
       <?php require_once('src/html/channel.html'); ?>
diff --git a/src/html/client-creation.html b/src/html/client-creation.html
index 1f1be0d..9ee6fc0 100644
--- a/src/html/client-creation.html
+++ b/src/html/client-creation.html
@@ -1,5 +1,4 @@
 <div id="new-client" style="display: none">
-  <h1>NEW CLIENT</h1>
   <sib-form 
     data-src="http://localhost:8000/clients/" 
     data-fields="name, address, logo"
diff --git a/src/html/member-chat.html b/src/html/member-chat.html
index 1918681..01db9a0 100644
--- a/src/html/member-chat.html
+++ b/src/html/member-chat.html
@@ -5,7 +5,7 @@
     data-authentication="login"
     data-auto-login="true"
     data-bosh-service-url="http://jabber.happy-dev.fr/http-bind/"
-    data-debug="true"
+    data-debug="false"
     data-locales-url="node_modules/converse.js/locale/{{{locale}}}/LC_MESSAGES/converse.json"
     bind-resources>
   </sib-chat>
diff --git a/src/html/member-edit-profile.html b/src/html/member-edit.html
similarity index 98%
rename from src/html/member-edit-profile.html
rename to src/html/member-edit.html
index 81859d5..60e51af 100644
--- a/src/html/member-edit-profile.html
+++ b/src/html/member-edit.html
@@ -16,7 +16,7 @@
   //widget-avatar="ldp-form-img-upload"
 </script>
 
-<div id="member-edit-profile" style="display: none">
+<div id="member-edit" style="display: none">
   <label for="avatar-input" class="d-none">
     <img id="avatar-preview" src="http://cdn.local/hdapp/members/alexandre-bourlier.jpg" style="width: 100%;"/>
   </label>
diff --git a/src/html/member.php b/src/html/member.php
index 8b092d2..b25db2b 100644
--- a/src/html/member.php
+++ b/src/html/member.php
@@ -1,21 +1,19 @@
 <div id="member" style="display: none">
-  <div class="section info">
-    <sib-router id="member-router" default-route="member-profile">
-      <sib-route name="member-chat">
-        <button>Chat</button>
-      </sib-route>
-      <sib-route name="member-profile">
-        <button>Voir</button>
-      </sib-route>
-      <sib-route name="member-edit-profile">
-        <button>Éditer</button>
-      </sib-route>
-    </sib-router>
+  <sib-router id="member-router" default-route="member-profile">
+    <sib-route name="member-chat">
+      <button>Chat</button>
+    </sib-route>
+    <sib-route name="member-profile">
+      <button>Voir</button>
+    </sib-route>
+    <sib-route name="member-edit">
+      <button>Éditer</button>
+    </sib-route>
+  </sib-router>
 
-    <div id="member-views-container">
-      <?php require_once('member-chat.html'); ?>
-      <?php require_once('member-profile.html'); ?>
-      <?php require_once('member-edit-profile.html'); ?>
-    </div>
+  <div id="member-views-container">
+    <?php require_once('member-chat.html'); ?>
+    <?php require_once('member-profile.html'); ?>
+    <?php require_once('member-edit.html'); ?>
   </div>
 </div>
diff --git a/src/html/menu.html b/src/html/menu.html
index 76fe56b..6f18722 100644
--- a/src/html/menu.html
+++ b/src/html/menu.html
@@ -16,9 +16,8 @@
         <i class="fa fa-tasks" aria-hidden="true"></i>
         <span class="d-none d-md-inline"> Projets</span>
       </sib-route>
-      <sib-route name="new-project">New project</sib-route>
-      <sib-route name="new-client">New client</sib-route>
       <sib-route class="d-none" name="project" id-prefix="<?php echo $sdn; ?>/projects/"></sib-route>
+      <sib-route name="new-client">New client</sib-route>
       <sib-route class="d-none" name="project-edition" id-prefix="<?php echo $sdn; ?>/channels/"></sib-route>
 
       <sib-route class="nav-item pb-2 align-self-stretch text-center text-md-left" name="channels">
diff --git a/src/html/project-chat.html b/src/html/project-chat.html
new file mode 100644
index 0000000..272d2f4
--- /dev/null
+++ b/src/html/project-chat.html
@@ -0,0 +1,3 @@
+<div id="project-chat" style="display: none">
+  <i>Chat coming soon...</i>
+</div>
diff --git a/src/html/project-create.html b/src/html/project-create.html
new file mode 100644
index 0000000..0128229
--- /dev/null
+++ b/src/html/project-create.html
@@ -0,0 +1,8 @@
+<div id="project-create" style="display: none">
+  <sib-form 
+    data-src="http://localhost:8000/projects/" 
+    range-client="<?php echo $sdn; ?>/clients/"
+    widget-team="sib-form-multiple-dropdown"
+    range-team="<?php echo $sdn; ?>/team/"
+  ></sib-form>
+</div>
diff --git a/src/html/project-creation.html b/src/html/project-creation.html
deleted file mode 100644
index 6bf935f..0000000
--- a/src/html/project-creation.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div id="new-project" style="display: none">
-  <h1>NEW PROJECT</h1>
-  <sib-form 
-    data-src="http://localhost:8000/projects/" 
-    data-fields="name, number, client"
-    range-client="http://localhost:8000/clients/"
-  ></sib-form>
-</div>
diff --git a/src/html/project-edit.html b/src/html/project-edit.html
new file mode 100644
index 0000000..7b554dd
--- /dev/null
+++ b/src/html/project-edit.html
@@ -0,0 +1,9 @@
+<div id="project-edit" style="display: none">
+  <sib-form 
+    range-client="<?php echo $sdn; ?>/clients/"
+    widget-team="sib-form-multiple-dropdown"
+    range-team="<?php echo $sdn; ?>/team/"
+    bind-resources
+  ></sib-form>
+</div>
+
diff --git a/src/html/project-edition.html b/src/html/project-edition.html
deleted file mode 100644
index fbd8a5a..0000000
--- a/src/html/project-edition.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div id="project-edition" style="display: none">
-  <ldp-form 
-    class="edit-form"
-    data-src="<?php echo $sdn; ?>/projects/1/" 
-    bind-resources
-  ></ldp-form>
-</div>
-
diff --git a/src/html/project-profile.html b/src/html/project-profile.html
new file mode 100644
index 0000000..0d2ad8b
--- /dev/null
+++ b/src/html/project-profile.html
@@ -0,0 +1,19 @@
+<div id="project-profile" style="display: none">
+  <sib-display 
+    data-fields="name, number, client" 
+    widget-client="hdapp-client"
+    bind-resources
+  ></sib-display>
+
+  <h2>Team</h2>
+  <sib-display 
+    class="members-list-condensed"
+    id-suffix="team"
+    data-fields="avatar, user"
+    widget-avatar="sib-display-img"
+    widget-user="hdapp-userinfo"
+    next="member"
+    bind-resources
+  ></sib-display>
+</div>
+
diff --git a/src/html/project.html b/src/html/project.html
deleted file mode 100644
index 2cb84de..0000000
--- a/src/html/project.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<div id="project" class="view-with-vertical-menu" style="display: none">
-  <ldp-router id="project-page-router" class="vertical-menu border-left" default-route="profile-chat">
-    <ldp-route name="project-chat">
-      <i class="fa fa-comment" aria-hidden="true"></i>
-    </ldp-route>
-    <ldp-route name="project-detail">
-      <i class="fa fa-user" aria-hidden="true"></i>
-    </ldp-route>
-  </ldp-router>
-
-  <div id="project-chat" class="chat-wrapper"></div>
-
-  <div id="project-detail" style="display: none">
-    <ldp-display 
-      id="project-info" 
-      set-label="name, before-num, number, after-num"
-      value-before-num="&nbsp;(n°"
-      value-after-num=")"
-      data-fields="label, client" 
-      widget-client="ldp-display-client"
-      bind-resources
-    ></ldp-display>
-
-    <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;"
-      data-fields="avatar, name"
-      widget-avatar="ldp-display-img"
-      bind-resources
-    ></ldp-display>
-  </div>
-</div>
diff --git a/src/html/project.php b/src/html/project.php
new file mode 100644
index 0000000..68ccc94
--- /dev/null
+++ b/src/html/project.php
@@ -0,0 +1,23 @@
+<div id="project" style="display: none">
+  <sib-router id="project-router" default-route="project-profile">
+    <sib-route name="project-chat">
+      <button>Chat</button>
+    </sib-route>
+    <sib-route name="project-profile">
+      <button>Voir</button>
+    </sib-route>
+    <sib-route name="project-edit">
+      <button>Éditer</button>
+    </sib-route>
+    <sib-route name="project-create">
+      <button>Nouveau</button>
+    </sib-route>
+  </sib-router>
+
+  <div id="project-views-container">
+    <?php require_once('project-chat.html'); ?>
+    <?php require_once('project-profile.html'); ?>
+    <?php require_once('project-edit.html'); ?>
+    <?php require_once('project-create.html'); ?>
+  </div>
+</div>
diff --git a/src/html/projects.html b/src/html/projects.html
index 0deef87..75089b5 100644
--- a/src/html/projects.html
+++ b/src/html/projects.html
@@ -1,6 +1,6 @@
 <script>
   document.addEventListener("WebComponentsReady", function(event) { 
-    class LDPDisplayClient extends SIBWidget {
+    class HDAppClient extends SIBWidget {
       get template() {
         return `<img name="${this.name}" src="${this.value.logo}"/>`;
       }
@@ -12,20 +12,15 @@
         });
       }
     }
-    customElements.define("sib-display-client", LDPDisplayClient);
+    customElements.define("hdapp-client", HDAppClient);
   });
 </script>
 
 <div id="projects" style="display: none">
-  <sib-router route-prefix="projects">
-    <sib-route name="new-project">New project</sib-route>
-  <sib-router>
-
   <sib-display 
-    id="projects-list" 
     data-src="<?php echo $sdn; ?>/projects/"
     data-fields="number, client, name" 
-    widget-client="sib-display-client"
+    widget-client="hdapp-client"
     search-fields="number, name"
     next="project"
   ></sib-display>