Merge branch 'gm-update' into 'staging'

Gm update

See merge request startinblox/applications/sib-app!36

src/dependencies.pug

@@ -17,8 +17,8 @@ link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Open+Sans:3
 //- CDN
 script(type="module" src="https://unpkg.com/@startinblox/core@0.7")
 script(type="module" src="https://unpkg.com/@startinblox/router@0.7.2")
-script(type="module" src="https://unpkg.com/@startinblox/component-chat@0.1.7")
+script(type="module" src="https://unpkg.com/@startinblox/component-chat@0.1.10")
 script(type="module" src="https://unpkg.com/@startinblox/component-notifications@0.1.12")
 script(type="module" src="https://unpkg.com/@startinblox/component-conversation@0.2.1")
-script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.1.16")
+script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.1.18")
 

src/index.pug

@@ -31,5 +31,5 @@ html(lang="en")
         #circle(hidden).with-sidebar
           include page-circle.pug
 
-        #member-chat(hidden).with-sidebar
+        #messages(hidden).with-sidebar
-          include page-member-chat.pug
+          include page-messages.pug

src/menu-left.pug

@@ -46,13 +46,13 @@ nav#main__menu
           div.menu-icon.icon-arrow-up
         div.menu-label Chat
         div.menu-icon.icon-envelope-letter
-      sib-route(hidden, name='member-chat', id-prefix=`${sdn}/members/`, rdf-type='foaf:user', use-id='')
+      sib-route(hidden, name='messages', id-prefix=`${sdn}/members/`, rdf-type='foaf:user', use-id='')
       div.sub-menu
         sib-display(
           data-src=`${sdn}/members/`,
           data-fields='user.username',
           widget-user.username='sib-display-div',
-          next='member-chat'
+          next='messages'
         )
     div.divider
 

src/page-job-offers.pug

@@ -7,7 +7,8 @@ div.job-offers__main
   
   sib-widget(name='hd-contact-author')
     template
-      sib-link(next='member-chat', data-src="${value.profile['@id']}") Send a message
+      p ${JSON.stringify(value)}
+      sib-link(next='messages', data-src="${value.profile['@id']}") Send a message
       
   div.job-offers__content
     h1 New offers

src/styles/layout/members/member-profile.scss

@@ -3,12 +3,14 @@
   flex-direction: column;
   flex-grow: 1;
 
-  #member-info {
+  .member-info {
     background-color: $color-0-0-100;
     box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
     margin: 2rem 1rem 5rem 2rem;
     min-height: 100vh;
 
+    .member-bio {
+
       div[name='member-profile__bio'] {
         border-bottom: 1px solid $color-221-51-90;
         display: grid;
@@ -32,7 +34,7 @@
         }
 
         div[name='member-profile'] {
-        align-items: flex-start;
+          align-items: baseline;
           align-self: end;
           display: flex;
           grid-area: name;
@@ -109,7 +111,7 @@
           justify-self: flex-end;
         }
 
-      [next=member-chat] {
+        [next=messages] {
           @include icon('speech');
           border: 1px solid $color-244-73-62;
           border-radius: 2em;
@@ -125,15 +127,12 @@
           }
         }
       }
-
-    div[name='member-profile__skills'] {
-      padding: 4.5rem;
-      
-      & ~ div[name='member-profile__skills'] {
-        padding-top: 0;
     }
 
+    .member-skills {
+
       label {
+        float: left;
         font-weight: bold;
         display: block;
         padding-bottom: 0.5rem;

src/styles/layout/members/members.scss

@@ -191,7 +191,7 @@ member-info-groups {
             text-align: center;
           }
           
-          [next=member-chat] {
+          [next=messages] {
             align-self: center;
             border: 1px solid $color-244-73-62;
             border-radius: 3.4rem;