first commit admin pages

src/AdminPage.vue

@@ -0,0 +1,36 @@
+<template>
+  <c-header title="BDLG Planner" titleTo="/planner" :tabs="tabs" />
+  <div class="main-container">
+    <router-view
+      @export="exportStateToJson"
+      @import="(e) => importJsonState(e, false)"
+      @localSave="localSave"
+      @save="save"
+      @solve="solve"
+      @newEvenement="newEvenement"
+    />
+  </div>
+  <c-footer />
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+import "@/assets/css/main.css";
+import cHeader, { HeaderLink } from "./components/Header.vue";
+import cFooter from "./components/Footer.vue";
+
+const tabs: Array<HeaderLink> = [
+  { to: "/admin", name: "Accueil" },
+  { to: "/admin/users", name: "Utilisateurs" },
+  { to: "/admin/evenements", name: "Evenements" },
+];
+
+export default defineComponent({
+  components: { cHeader, cFooter },
+  data() {
+    return { tabs };
+  },
+});
+</script>
+
+<style scoped></style>

src/admin.ts

@@ -0,0 +1,6 @@
+import { createApp } from "vue";
+import Admin from "@/AdminPage.vue";
+import router from "./router/admin";
+
+const app = createApp(Admin).use(router);
+app.mount("#app");

src/router/admin.ts

@@ -0,0 +1,29 @@
+import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
+import Users from "@/views/UserManager.vue";
+import EvenementManager from "@/views/EvenementManager.vue";
+import Admin from "@/views/Admin.vue";
+
+const routes: Array<RouteRecordRaw> = [
+  {
+    path: "/admin",
+    name: "Home",
+    component: Admin,
+  },
+  {
+    path: "/admin/users",
+    name: "Users",
+    component: Users,
+  },
+  {
+    path: "/admin/evenements",
+    name: "Evenements",
+    component: EvenementManager,
+  },
+];
+
+const router = createRouter({
+  history: createWebHistory(process.env.BASE_URL),
+  routes,
+});
+
+export default router;

src/router/index.ts

@@ -1,47 +0,0 @@
-import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
-import Evenement from "../views/Evenement.vue";
-import Planning from "@/views/Planning.vue";
-import CompetenceManager from "@/views/CompetenceManager.vue";
-import BenevoleManager from "@/views/BenevoleManager.vue";
-import PlanningPersonnel from "@/views/PlanningPersonnel.vue";
-import Home from "@/views/Home.vue";
-
-const routes: Array<RouteRecordRaw> = [
-  {
-    path: "/planner/",
-    name: "Home",
-    component: Home,
-  },
-  {
-    path: "/planner/evenement",
-    name: "Evenement",
-    component: Evenement,
-  },
-  {
-    path: "/planner/planning",
-    name: "Planning",
-    component: Planning,
-  },
-  {
-    path: "/planner/competences",
-    name: "Competence",
-    component: CompetenceManager,
-  },
-  {
-    path: "/planner/benevoles",
-    name: "Benevoles",
-    component: BenevoleManager,
-  },
-  {
-    path: "/planner/planningIndividuel",
-    name: "planningIndividuel",
-    component: PlanningPersonnel,
-  },
-];
-
-const router = createRouter({
-  history: createWebHistory(process.env.BASE_URL),
-  routes,
-});
-
-export default router;

src/views/Admin.vue

@@ -0,0 +1,15 @@
+<template>
+  <div></div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  setup() {
+    return {};
+  },
+});
+</script>
+
+<style scoped></style>

src/views/EvenementManager.vue

@@ -0,0 +1,15 @@
+<template>
+  <div></div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  setup() {
+    return {};
+  },
+});
+</script>
+
+<style scoped></style>

src/views/UserManager.vue

@@ -0,0 +1,15 @@
+<template>
+  <div></div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+  data() {
+    return {};
+  },
+});
+</script>
+
+<style scoped></style>