Implemented move event pusher

src/components/WorkspaceDrawerContent.vue

@@ -2,11 +2,13 @@
   <div>
     <md-toolbar class="md-transparent" md-elevation="0">
       <span class="md-title">VideON</span>
-
-
     </md-toolbar>
 
     <md-list>
+
+
+      <md-subheader>You</md-subheader>
+
       <md-list-item>
         <md-avatar class="md-avatar-icon">{{ avatarText }}</md-avatar>
         <span class="md-list-item-text">{{ $store.state.auth.name }}</span>
@@ -16,6 +18,18 @@
         <md-button class="md-raised md-accent" @click="performLogout">Logout</md-button>
       </md-list-item>
 
+
+      <md-subheader>Pending tasks</md-subheader>
+
+      <md-list-item>
+
+        <table>
+          <tr><th>Creations:</th><td>0</td></tr>
+          <tr><th>Updates:</th><td>0</td></tr>
+          <tr><th>Deletions:</th><td>0</td></tr>
+        </table>
+      </md-list-item>
+
     </md-list>
 
   </div>
@@ -24,6 +38,18 @@
 <script>
 export default {
   name: "WorkspaceDrawerContent",
+  props: {
+    pendingChanges: {
+      type: Object,
+      default() {
+        return {
+          created: [],
+          updated: [],
+          deleted: []
+        }
+      }
+    }
+  },
   methods: {
     performLogout() {
       this.$store.dispatch("auth/performLogout").then(() => {
@@ -33,7 +59,7 @@ export default {
   },
   computed: {
     avatarText() {
-      return this.$store.state.auth.name.slice(0,2);
+      return this.$store.state.auth.name.slice(0, 2);
     }
   }
 }