Add searchable admin screen

src/router/index.js

@@ -71,31 +71,6 @@ export const constantRoutes = [
     component: () => import('@/views/error-page/401'),
     hidden: true
   },
-  {
-    path: '/',
-    component: Layout,
-    redirect: '/dashboard',
-    children: [
-      {
-        path: 'dashboard',
-        component: () => import('@/views/dashboard/index'),
-        name: 'Dashboard',
-        meta: { title: 'Dashboard', icon: 'dashboard', affix: true }
-      }
-    ]
-  },
-  {
-    path: '/chatbot',
-    component: Layout,
-    children: [
-      {
-        path: 'index',
-        component: () => import('@/views/chatbot/index'),
-        name: 'Chatbot Joe',
-        meta: { title: 'Chatbot Joe', icon: 'message', affix: true }
-      }
-    ]
-  },
   {
     path: '/documentation',
     hidden: !settings.developmentSidebar,
@@ -144,6 +119,48 @@ export const constantRoutes = [
  * the routes that need to be dynamically loaded based on user roles
  */
 export const asyncRoutes = [
+  {
+    path: '/find',
+    component: Layout,
+    alwaysShow: false,
+    children: [
+      {
+        path: 'index',
+        component: () => import('@/views/find/index'),
+        name: 'Personen finden',
+        meta: {
+          roles: ['admin'],
+          title: 'Personen finden',
+          icon: 'search'
+        }
+      }
+    ]
+  },
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/dashboard',
+    children: [
+      {
+        path: 'dashboard',
+        component: () => import('@/views/dashboard/index'),
+        name: 'Dashboard',
+        meta: { title: 'Dashboard', icon: 'dashboard', affix: true }
+      }
+    ]
+  },
+  {
+    path: '/chatbot',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        component: () => import('@/views/chatbot/index'),
+        name: 'Chatbot Joe',
+        meta: { title: 'Chatbot Joe', icon: 'message', affix: true }
+      }
+    ]
+  },
   {
     path: '/permission',
     component: Layout,