From 45064062fd665912d56f3f5c792d6b8ff2e462ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABlle=20Morin?= <morin.gaelle@gmail.com>
Date: Wed, 23 Oct 2019 13:55:42 +0200
Subject: [PATCH] wip

---
 src/index.pug               |  3 +++
 src/menu-left.pug           |  1 +
 src/page-circle-profile.pug | 12 ++++++++++++
 src/page-circle.pug         |  4 ++--
 src/styles/base/main.scss   | 31 +++++++++++++++++++++++++++++++
 5 files changed, 49 insertions(+), 2 deletions(-)

diff --git a/src/index.pug b/src/index.pug
index cf0f8d03..2752f665 100644
--- a/src/index.pug
+++ b/src/index.pug
@@ -35,6 +35,9 @@ html(lang="en")
         #circle(hidden).with-sidebar
           include page-circle.pug
 
+        #circle-edit(hidden).no-sidebar
+          include page-circle-edit.pug
+
         #messages(hidden).with-sidebar
           include page-messages.pug
         
diff --git a/src/menu-left.pug b/src/menu-left.pug
index 0c3114ed..327780b7 100644
--- a/src/menu-left.pug
+++ b/src/menu-left.pug
@@ -77,6 +77,7 @@ nav#main__menu
           order-by='username'
           next='messages'
         )
+    sib-route(hidden, name='circle-edit')
 
     //- div.divider
     //- sib-route.menu(hidden, name='my-profile', rdf-type='foaf:user', use-id='')
diff --git a/src/page-circle-profile.pug b/src/page-circle-profile.pug
index 9deac43d..6f5fbc1c 100644
--- a/src/page-circle-profile.pug
+++ b/src/page-circle-profile.pug
@@ -1,4 +1,16 @@
 .content-box.with-padding.full-width
+
+
+
+  sib-display.content-box__header.with-edit(
+    bind-resources
+    fields='name'
+    class-name='name'
+    value-status='Public'
+  )
+
+  sib-link(class="editlink", next="circle-edit" bind-resources)
+
   h2 Channel's name:
   sib-display(
     fields='name',
diff --git a/src/page-circle.pug b/src/page-circle.pug
index 43c07695..d60080a2 100644
--- a/src/page-circle.pug
+++ b/src/page-circle.pug
@@ -3,7 +3,7 @@
     include page-circle-chat.pug
   #circle-profile
     include page-circle-profile.pug
-  #circle-edit
+  //-#circle-edit
     include page-circle-edit.pug
   //-#circle-create
     include page-circle-create.pug
@@ -18,7 +18,7 @@ nav.jsRightMenu(role='navigation')
       sib-route(name='circle-profile')
         li
           a Information
-      sib-route(name='circle-edit')
+      //-sib-route(name='circle-edit')
         li
           a Edit
       //-sib-route(name='circle-create')
diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss
index d5f835a7..59c74c54 100644
--- a/src/styles/base/main.scss
+++ b/src/styles/base/main.scss
@@ -155,6 +155,23 @@ sib-delete {
   border: 0;
 }
 
+.content-box__header.with-edit {
+  border-bottom: 1px solid $color-221-51-90;
+
+  div {
+
+    .name {
+      text-transform: uppercase;
+    }
+
+    .edit {
+      color: $color-213-4-50;
+      font-size: 1.6rem;
+      margin-left: auto;
+    }
+  }
+}
+
 .backlink {
   font-size: 1.5rem;
   margin: 2rem 0 0 2rem;
@@ -172,6 +189,20 @@ sib-delete {
   }
 }
 
+.editlink {
+  font-size: 1.6rem;
+  @include icon('pencil');
+  color: white;
+
+  &::before {
+    background: $color-244-73-62;
+    border-radius: 50%;
+    text-decoration: none;
+    height: 34px;
+    width: 34px;
+  }
+}
+
 .name {
   color: $color-216-4-22;
   font-size: 2rem;
-- 
GitLab