From f9146eb395fc4116a2597cdd207bd80e23ca0cd1 Mon Sep 17 00:00:00 2001 From: Florian Sylvain Date: Thu, 5 Jan 2023 00:54:01 +0100 Subject: [PATCH] Implemented article creation/edition draft --- web/admin-gui/src/assets/base.css | 8 +++ web/admin-gui/src/router/index.ts | 15 ++++-- web/admin-gui/src/views/Articles.vue | 12 ++++- .../views/{Edition.vue => ArticlesEdit.vue} | 3 +- web/admin-gui/src/views/ArticlesNew.vue | 54 +++++++++++++++++++ 5 files changed, 85 insertions(+), 7 deletions(-) rename web/admin-gui/src/views/{Edition.vue => ArticlesEdit.vue} (78%) create mode 100644 web/admin-gui/src/views/ArticlesNew.vue diff --git a/web/admin-gui/src/assets/base.css b/web/admin-gui/src/assets/base.css index 9eff0e3..146a21f 100644 --- a/web/admin-gui/src/assets/base.css +++ b/web/admin-gui/src/assets/base.css @@ -117,6 +117,9 @@ span { font-size: var(--font-body); font-weight: var(--medium-weight); + text-align: center; + text-decoration: none; + background-color: var(--primary); transition: background-color 150ms, color 150ms; @@ -134,6 +137,11 @@ span { background-color: var(--primary-verylight); } +.button-secondary:active { + background-color: var(--primary-light); + color: var(--neutral-dark); +} + .button-primary:hover { background-color: var(--primary-light); } diff --git a/web/admin-gui/src/router/index.ts b/web/admin-gui/src/router/index.ts index 0bb9d35..17aafd2 100644 --- a/web/admin-gui/src/router/index.ts +++ b/web/admin-gui/src/router/index.ts @@ -1,11 +1,12 @@ -import { createRouter, createWebHistory, type NavigationGuard } from 'vue-router' +import { createRouter, createWebHistory } from 'vue-router' import { useAuthStore } from '@/stores/AuthStore' import { nextTick } from 'vue' import Debug from '@/views/Debug.vue' import Login from '@/views/Login.vue' import Home from '@/views/Home.vue' import Articles from '@/views/Articles.vue' -import Edition from '@/views/Edition.vue' +import ArticlesEdit from '@/views/ArticlesEdit.vue' +import ArticlesNew from '@/views/ArticlesNew.vue' const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), @@ -45,7 +46,15 @@ const router = createRouter({ { path: '/articles/edit/:articleID', name: 'edition', - component: Edition, + component: ArticlesEdit, + meta: { + title: 'GohCMS - Edition' + } + }, + { + path: '/articles/new', + name: 'edition', + component: ArticlesNew, meta: { title: 'GohCMS - Edition' } diff --git a/web/admin-gui/src/views/Articles.vue b/web/admin-gui/src/views/Articles.vue index a1076f6..294f9b8 100644 --- a/web/admin-gui/src/views/Articles.vue +++ b/web/admin-gui/src/views/Articles.vue @@ -1,11 +1,19 @@ \ No newline at end of file diff --git a/web/admin-gui/src/views/Edition.vue b/web/admin-gui/src/views/ArticlesEdit.vue similarity index 78% rename from web/admin-gui/src/views/Edition.vue rename to web/admin-gui/src/views/ArticlesEdit.vue index 93b6cbb..1f3e2b2 100644 --- a/web/admin-gui/src/views/Edition.vue +++ b/web/admin-gui/src/views/ArticlesEdit.vue @@ -5,8 +5,7 @@ import { useRoute } from 'vue-router'; import tinymceScriptSrc from '@/assets/tinymce/tinymce.min.js?url' const articleID = useRoute().params.articleID -const defaultData = `

Bienvenue

Vous êtes en mode édition d'article.

Celui-ci semble encore neuf ! Supprimez ces lignes et laissez libre cours à votre imagination :)

Pour plus d'infos, rendez-vous sur la page d'aide.

` -const editorData: Ref = ref(defaultData) +const editorData: Ref = ref('') console.log(articleID) diff --git a/web/admin-gui/src/views/ArticlesNew.vue b/web/admin-gui/src/views/ArticlesNew.vue new file mode 100644 index 0000000..1f8a701 --- /dev/null +++ b/web/admin-gui/src/views/ArticlesNew.vue @@ -0,0 +1,54 @@ + + + + + \ No newline at end of file