wip

musonza · Dec 9, 2018 · 0f069c7 · 0f069c7
1 parent eb9251c
commit 0f069c7
Show file tree

Hide file tree

Showing 3 changed files with 63 additions and 13 deletions.
diff --git a/chat-screen.png b/chat-screen.png
diff --git a/public/js/app.js b/public/js/app.js
@@ -47578,6 +47578,15 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   data: function data() {
@@ -47605,10 +47614,18 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
     showConversation: function showConversation(id) {
       window.location.href = "home?conversation_id=" + id;
     },
+    isParticipant: function isParticipant(id) {
+      return window.conversations.indexOf(id) !== -1;
+    },
     leaveConversation: function leaveConversation(id) {
       axios.delete("/conversations/" + id + "/users").then(function (response) {
         window.location.href = "home?conversation_id=" + id;
       });
+    },
+    joinConversation: function joinConversation(id) {
+      axios.post("/conversations/" + id + "/users").then(function (response) {
+        window.location.href = "home?conversation_id=" + id;
+      });
     }
   },
 
@@ -47671,19 +47688,33 @@ var render = function() {
                 ]
               ),
               _vm._v(" |\n            "),
-              _c(
-                "a",
-                {
-                  staticClass: "text-danger",
-                  attrs: { href: "#", title: "leave conversation" },
-                  on: {
-                    click: function($event) {
-                      _vm.leaveConversation(convo.id)
-                    }
-                  }
-                },
-                [_c("strong", [_vm._v("Leave")])]
-              )
+              !_vm.isParticipant(convo.id)
+                ? _c(
+                    "a",
+                    {
+                      staticClass: "text-success",
+                      attrs: { href: "#" },
+                      on: {
+                        click: function($event) {
+                          _vm.joinConversation(convo.id)
+                        }
+                      }
+                    },
+                    [_c("strong", [_vm._v("Join")])]
+                  )
+                : _c(
+                    "a",
+                    {
+                      staticClass: "text-danger",
+                      attrs: { href: "#", title: "leave conversation" },
+                      on: {
+                        click: function($event) {
+                          _vm.leaveConversation(convo.id)
+                        }
+                      }
+                    },
+                    [_c("strong", [_vm._v("Leave")])]
+                  )
             ]),
             _vm._v(" "),
             _c("p")

diff --git a/resources/js/components/ChatConversations.vue b/resources/js/components/ChatConversations.vue
@@ -13,6 +13,15 @@
               <strong class="primary-font">Conversation {{ convo.id }}</strong>
             </a> |
             <a
+              v-if="!isParticipant(convo.id)"
+              href="#"
+              class="text-success"
+              @click="joinConversation(convo.id)"
+            >
+              <strong>Join</strong>
+            </a>
+            <a
+              v-else
               href="#"
               class="text-danger"
               title="leave conversation"
@@ -54,10 +63,20 @@ export default {
       window.location.href = "home?conversation_id=" + id;
     },
 
+    isParticipant(id) {
+      return window.conversations.indexOf(id) !== -1;
+    },
+
     leaveConversation(id) {
       axios.delete(`/conversations/${id}/users`).then(response => {
         window.location.href = "home?conversation_id=" + id;
       });
+    },
+
+    joinConversation(id) {
+      axios.post(`/conversations/${id}/users`).then(response => {
+        window.location.href = "home?conversation_id=" + id;
+      });
     }
   },