Updated New Room Page

src/router/index.js

@@ -7,7 +7,9 @@ import Login from '../components/Login.vue'
 import Profile from '../components/Profile.vue'
 import CreateRoom from '../components/CreateRoom.vue'
 import GetLink from '../components/GetLink.vue'
+import Create from '../components/Create.vue'
 import CreateChannel from '../components/CreateChannel.vue'
+import CreateFileDrop from '../components/CreateFileDrop.vue'
 import User from '../models/user'
 import util from '../plugins/utils'
 
@@ -61,11 +63,21 @@ const routes = [
     name: 'GetLink',
     component: GetLink,
   },
+  {
+    path: '/create',
+    name: 'Create',
+    component: Create,
+  },
   {
     path: '/createchannel',
     name: 'CreateChannel',
     component: CreateChannel,
   },
+  {
+    path: '/createfiledrop',
+    name: 'CreateFileDrop',
+    component: CreateFileDrop,
+  },
   {
     path: '/login',
     name: 'Login',
@@ -103,7 +115,7 @@ const router = new VueRouter({
 });
 
 router.beforeEach((to, from, next) => {
-  const publicPages = ['/login', '/createroom', '/getlink', '/createchannel'];
+  const publicPages = ['/login', '/createroom', '/getlink', '/create', '/createchannel', '/createfiledrop'];
   var authRequired = !publicPages.includes(to.path);
   const loggedIn = router.app.$store.state.auth.user;
 
@@ -130,6 +142,11 @@ router.beforeEach((to, from, next) => {
       //Invite to public room
       authRequired = false;
     }
+  } else if (to.name == 'Home') {
+    if (to.params.roomId !== undefined) {
+      const roomId = to.params.roomId ? util.sanitizeRoomId(to.params.roomId) : null;
+      router.app.$matrix.setCurrentRoomId(roomId);
+    }
   } else if (to.name == 'User') {
     if (to.params.userId) {
       let roomId = util.sanitizeUserId(to.params.userId);
@@ -153,7 +170,23 @@ router.beforeEach((to, from, next) => {
     }
   } else if (to.name == 'CreateRoom') {
     return router.app.$config.promise.then((config) => {
-      if (config.hide_add_room_on_home) {
+      if (config.hide_add_room_on_home || !config.roomTypes.includes("group_chat")) {
+        next('/');
+      } else {
+        next();
+      }
+    }).catch(err => { console.error(err); next('/'); });
+  } else if (to.name == 'CreateChannel') {
+    return router.app.$config.promise.then((config) => {
+      if (!config.roomTypes.includes("channel")) {
+        next('/');
+      } else {
+        next();
+      }
+    }).catch(err => { console.error(err); next('/'); });
+  } else if (to.name == 'CreateFileDrop') {
+    return router.app.$config.promise.then((config) => {
+      if (!config.roomTypes.includes("file_drop")) {
         next('/');
       } else {
         next();