From a48a2cdb3899dafe6594c5a958b3046cd5dd3c83 Mon Sep 17 00:00:00 2001
From: Axolotle <nchesnais@mailoo.org>
Date: Tue, 28 Jul 2020 18:03:56 +0200
Subject: [PATCH] add empty GroupList and GroupCreate views and routes

---
 app/src/routes.js                   | 32 ++++++++++++++++++++++++++++-
 app/src/views/group/GroupCreate.vue | 13 ++++++++++++
 app/src/views/group/GroupList.vue   | 13 ++++++++++++
 app/src/views/group/index.js        |  2 ++
 app/src/views/user/UserList.vue     |  4 ++--
 5 files changed, 61 insertions(+), 3 deletions(-)
 create mode 100644 app/src/views/group/GroupCreate.vue
 create mode 100644 app/src/views/group/GroupList.vue
 create mode 100644 app/src/views/group/index.js

diff --git a/app/src/routes.js b/app/src/routes.js
index 1ed70f8d..ff12c1eb 100644
--- a/app/src/routes.js
+++ b/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' }
+      ]
+    }
   }
 ]
 
diff --git a/app/src/views/group/GroupCreate.vue b/app/src/views/group/GroupCreate.vue
new file mode 100644
index 00000000..8e67f856
--- /dev/null
+++ b/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>
diff --git a/app/src/views/group/GroupList.vue b/app/src/views/group/GroupList.vue
new file mode 100644
index 00000000..03908682
--- /dev/null
+++ b/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>
diff --git a/app/src/views/group/index.js b/app/src/views/group/index.js
new file mode 100644
index 00000000..a315429c
--- /dev/null
+++ b/app/src/views/group/index.js
@@ -0,0 +1,2 @@
+export { default as GroupList } from './GroupList'
+export { default as GroupCreate } from './GroupCreate'
diff --git a/app/src/views/user/UserList.vue b/app/src/views/user/UserList.vue
index 6f25e6fa..00b763a6 100644
--- a/app/src/views/user/UserList.vue
+++ b/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>