add empty GroupList and GroupCreate views and routes

app/src/routes.js

@@ -1,12 +1,15 @@
 import Home from './views/Home'
 import Login from './views/Login'
 import { UserList, UserCreate, UserInfo, UserEdit } from './views/user'
+import { GroupList, GroupCreate } from './views/group'
 
 const routes = [
   { name: 'home', path: '/', component: Home },
   { name: 'login', path: '/login', component: Login, meta: { noAuth: true } },
 
-  // Users routes
+  /* ───────╮
+   │  USER  │
+   ╰─────── */
   {
     name: 'user-list',
     path: '/users',
@@ -48,6 +51,33 @@ const routes = [
         { name: 'user-edit', param: 'name', trad: 'user_username_edit' }
       ]
     }
+  },
+
+  /* ────────╮
+   │  GROUP  │
+   ╰──────── */
+  {
+    name: 'group-list',
+    path: '/groups',
+    component: GroupList,
+    meta: {
+      breadcrumb: [
+        { name: 'user-list', trad: 'users' },
+        { name: 'group-list', trad: 'groups_and_permissions' }
+      ]
+    }
+  },
+  {
+    name: 'group-create',
+    path: '/groups/create',
+    component: GroupCreate,
+    meta: {
+      breadcrumb: [
+        { name: 'user-list', trad: 'users' },
+        { name: 'group-list', trad: 'groups_and_permissions' },
+        { name: 'group-create', trad: 'group_new' }
+      ]
+    }
   }
 ]
 

app/src/views/group/GroupCreate.vue

@@ -0,0 +1,13 @@
+<template lang="html">
+  <div class="group-create">
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'GroupCreate'
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

app/src/views/group/GroupList.vue

@@ -0,0 +1,13 @@
+<template lang="html">
+  <div class="group-list">
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'GroupList'
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

app/src/views/group/index.js

@@ -0,0 +1,2 @@
+export { default as GroupList } from './GroupList'
+export { default as GroupCreate } from './GroupCreate'

app/src/views/user/UserList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="users">
+  <div class="user-list">
     <div class="actions">
       <b-input-group>
         <b-input-group-prepend is-text>
@@ -9,7 +9,7 @@
         <b-form-input id="search-user" v-model="search" :placeholder="$t('user.search')" />
       </b-input-group>
       <div class="buttons">
-        <b-button variant="info">
+        <b-button variant="info" :to="{ name: 'group-list'}">
           <icon iname="key-modern" />
           {{ $t('groups_and_permissions_manage') }}
         </b-button>