added permission repo and changes to recorder state, etc

src/main.ts

@@ -21,20 +21,20 @@ import VueMoment from 'vue-moment';
 
 import {library} from '@fortawesome/fontawesome-svg-core';
 import {
-    faCoffee,
-    faDoorOpen,
-    faCheck,
-    faPlus,
-    faScroll,
-    faCircle,
-    faList,
-    faTrash,
-    faPencilAlt,
-    faCogs,
-    faAt,
-    faUser,
-    faEnvelope,
-    faUserTag, faExternalLinkAlt,
+  faCoffee,
+  faDoorOpen,
+  faCheck,
+  faPlus,
+  faScroll,
+  faCircle,
+  faList,
+  faTrash,
+  faPencilAlt,
+  faCogs,
+  faAt,
+  faUser,
+  faEnvelope,
+  faUserTag, faExternalLinkAlt,
 } from '@fortawesome/free-solid-svg-icons';
 import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
 
@@ -48,19 +48,19 @@ import 'bootstrap-vue/dist/bootstrap-vue.css';
 const isProduction = process.env.NODE_ENV === 'production';
 
 library.add(faCoffee, faTrash, faPencilAlt, faScroll, faCheck, faCircle, faList, faPlus, faDoorOpen, faCogs, faAt,
-    faUser, faEnvelope, faUserTag, faExternalLinkAlt);
+  faUser, faEnvelope, faUserTag, faExternalLinkAlt);
 
 Vue.component('font-awesome-icon', FontAwesomeIcon);
 
 const options = {
-    isEnabled: true,
-    // logLevel : isProduction ? 'error' : 'debug',
-    logLevel: 'debug',
-    stringifyArguments: false,
-    showLogLevel: true,
-    showMethodName: true,
-    separator: '|',
-    showConsoleColors: true,
+  isEnabled: true,
+  // logLevel : isProduction ? 'error' : 'debug',
+  logLevel: 'debug',
+  stringifyArguments: false,
+  showLogLevel: true,
+  showMethodName: true,
+  separator: '|',
+  showConsoleColors: true,
 };
 
 Vue.use(VueLogger, options);
@@ -73,7 +73,11 @@ Vue.use(VeeValidate);
 Vue.use(VueMoment);
 
 // const socket = io('ws://localhost:5000',{autoConnect: false, reconnectionAttempts: 3});
-const socket = io('ws://localhost:5443',{autoConnect: false, reconnectionAttempts: 3});
+const socket = io('ws://localhost:5443', {
+  autoConnect: false,
+  reconnectionAttempts: 3,
+  query: {jwt: store.state.access_token}
+});
 Vue.use(VueSocketIOExt, socket);
 
 
@@ -87,12 +91,12 @@ Vue.config.productionTip = false;
 
 // @ts-ignore
 String.prototype.isEmpty = function() {
-    return (this.length === 0 || !this.trim());
+  return (this.length === 0 || !this.trim());
 };
 
 new Vue({
-    i18n,
-    router,
-    store,
-    render: (h) => h(App),
+  i18n,
+  router,
+  store,
+  render: (h) => h(App),
 }).$mount('#app');