From 7f75956e8ab4b680bdd2ffdb8b1182c2a405f698 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adri=C3=A1n=20Garc=C3=ADa=20Di=C3=A9guez?=
 <adrigar@Adrians-MacBook-Pro.local>
Date: Wed, 6 Feb 2019 17:57:20 +0100
Subject: [PATCH] Open private chat

---
 src/components/ChatDialog.vue | 23 +++++++++++++----------
 src/styles/app.scss           |  4 ++++
 src/views/Chat.vue            |  5 ++++-
 3 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/components/ChatDialog.vue b/src/components/ChatDialog.vue
index 570dff4..51cc79b 100644
--- a/src/components/ChatDialog.vue
+++ b/src/components/ChatDialog.vue
@@ -6,19 +6,17 @@
       :md-click-outside-to-close="false"
     >
       <div>
-        <md-avatar class="md-avatar-icon md-primary">
-          <md-icon>folder</md-icon>
-        </md-avatar>
+        <md-button class="md-icon-button" v-on:click="closeChat()">
+          <md-icon>close</md-icon>
+        </md-button>
       </div>
       <md-dialog-content>whateverrr</md-dialog-content>
-
+<!-- 
       <md-dialog-actions>
         <md-button class="md-primary" @click="showDialog = false">Close</md-button>
         <md-button class="md-primary" @click="showDialog = false">Save</md-button>
-      </md-dialog-actions>
+      </md-dialog-actions> -->
     </md-dialog>
-
-    <md-button class="md-primary md-raised" @click="showDialog = true">Show Dialog</md-button>
   </div>
 </template>
 
@@ -33,13 +31,18 @@ export default {
     return {
     };
   },
-  created() {}
+  created() {},
+  methods: {
+    closeChat(){
+      this.$emit('close-chat')
+    }
+  }
 };
 </script>
 
 <style lang="scss" scoped>
-.md-overlay {
-    position: absolute !important;
+button {
+  float: right;
 }
 </style>
 
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 1eab178..fc07e23 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -2,4 +2,8 @@
     position: unset;
     top: unset;
     right: unset;
+}
+
+.md-dialog-container{
+    border: 1px solid gainsboro;
 }
\ No newline at end of file
diff --git a/src/views/Chat.vue b/src/views/Chat.vue
index 2e52473..9405df0 100644
--- a/src/views/Chat.vue
+++ b/src/views/Chat.vue
@@ -26,7 +26,10 @@
 
     <MessageArea v-on:send-message="sendMessage($event)"></MessageArea>
 
-    <ChatDialog v-bind:showDialog="openPrivateChat"></ChatDialog>
+    <ChatDialog 
+      v-bind:showDialog="openPrivateChat"
+      v-on:close-chat="openPrivateChat = false">
+    </ChatDialog>
   </div>
 </template>