Merge branch 'jbpasquier/project-drive' into 'staging'

feature: add drive on project

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

src/page-project-drive.pug

@@ -0,0 +1,11 @@
+sib-widget(name='hd-drive')
+    template
+        iframe.drive.chat-view(
+            src='https://drive.google.com/embeddedfolderview?id=${value}'
+        )
+.content-box.full-width.chat-view
+    sib-display(
+        bind-resources=""
+        data-fields="driveID"
+        widget-driveID='hd-drive'
+    )

src/page-project.pug

@@ -7,6 +7,8 @@
     include page-project-edit.pug
   #project-create
     include page-project-create.pug
+  #project-drive
+    include page-project-drive.pug
 nav.jsRightMenu(role='navigation')
   sib-router(default-route='project-chat')
     ul
@@ -18,6 +20,9 @@ nav.jsRightMenu(role='navigation')
       sib-route(name='project-profile', use-id)
         li 
           a Information
+      sib-route(name='project-drive', use-id)
+        li 
+          a Drive
       sib-route(name='project-edit', use-id)
       //-   li 
       //-     a Edit

src/styles/base/main.scss

@@ -122,6 +122,11 @@ a {
   }
 }
 
+.drive {
+  width: 100%;
+  border: 0;
+}
+
 .backlink {
   font-size: 1.5rem;
   margin: 2rem 0 0 2rem;

src/styles/components/chat.scss

@@ -5,6 +5,7 @@
   padding: 0;
   height: calc(100vh - 84px);
   position: relative;
+  overflow: hidden;
 
   > sib-chat {
     position: absolute;

src/styles/components/sidebar.scss

@@ -92,6 +92,10 @@
           &[name$='profile']>li {
             @include ci('information');
           }
+
+          &[name$='drive']>li {
+            @include ci('file');
+          }
         }
       }
     }