From 62285cf7aae18ad9df7dd677e959571f93fb39d4 Mon Sep 17 00:00:00 2001
From: Martins Fridenbergs <martins.fridenbergs@mtcmedia.co.uk>
Date: Fri, 27 Sep 2019 11:01:26 +0300
Subject: [PATCH] Fix vue component missing code - dynamic url, base styles

---
 CONTRIBUTING.md                    |  1 +
 resources/js/currently_viewing.vue | 23 ++++++++++++++++++-----
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index b611711..666842d 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -11,4 +11,5 @@ Recommended contributions:
 * UI customisation options
 
 ##Authors
+
 Martins Fridenbergs 
\ No newline at end of file
diff --git a/resources/js/currently_viewing.vue b/resources/js/currently_viewing.vue
index 411e8c7..2440030 100644
--- a/resources/js/currently_viewing.vue
+++ b/resources/js/currently_viewing.vue
@@ -1,23 +1,33 @@
 <template>
     <div class="currentlyViewingPageWrapper">
         <ul class="users list-group">
-            <li v-for="user in users">
+            <li class="list-group-item" v-for="user in users">
                 <span>
                     {{ user.name }}
                 </span>
-            </li>>
+            </li>
         </ul>
     </div>
 </template>
 <script>
+    import axios from 'axios'
     export default {
+        props: {
+            url: {
+                type: String,
+                required: false,
+            }
+        },
         data() {
             return {
                 watcher: {},
                 users: {},
+                view_url: '',
             }
         },
         mounted() {
+            this.view_url = this.url ? this.url : window.location.href;
+            this.update();
             this.startWatching();
         },
         methods: {
@@ -27,9 +37,9 @@
                 }, 60000); // 60 seconds
             },
             update() {
-                axios.post('/api/currently-viewing-page')
+                axios.post('/api/currently-viewing-page', { url: this.view_url })
                     .then((response) => {
-                        this.users = response.data;
+                        this.users = response.data.data;
                     });
             }
         }
@@ -38,6 +48,9 @@
 </script>
 <style>
     .currentlyViewingPageWrapper {
-
+        position: fixed;
+        bottom: 10px;
+        right: 20px;
+        box-shadow: 4px 10px 26px -10px rgba(0,0,0,0.5)
     }
 </style>
\ No newline at end of file