added recorder status component and other stuff

src/main.ts

@@ -34,7 +34,7 @@ import {
     faAt,
     faUser,
     faEnvelope,
-    faUserTag,
+    faUserTag, faExternalLinkAlt,
 } from '@fortawesome/free-solid-svg-icons';
 import {FontAwesomeIcon} from '@fortawesome/vue-fontawesome';
 
@@ -48,7 +48,7 @@ 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);
+    faUser, faEnvelope, faUserTag, faExternalLinkAlt);
 
 Vue.component('font-awesome-icon', FontAwesomeIcon);
 
@@ -72,10 +72,8 @@ Vue.use(VueSweetalert2);
 Vue.use(VeeValidate);
 Vue.use(VueMoment);
 
-const socket = io('ws://localhost:5000',);
-console.log(socket.nsp);
-
-
+// const socket = io('ws://localhost:5000',{autoConnect: false, reconnectionAttempts: 3});
+const socket = io('ws://localhost:5443',{autoConnect: false, reconnectionAttempts: 3});
 Vue.use(VueSocketIOExt, socket);