From aea3b2ebaf44c4dce11d895b25e9b34b53f67bfa Mon Sep 17 00:00:00 2001
From: FrenchGithubUser <frenchgithubuser@tutanota.com>
Date: Sat, 29 Nov 2025 14:54:47 +0100
Subject: [PATCH] feat: create wiki articles

---
 frontend/src/router/index.ts                        | 10 +++++++++-
 frontend/src/services/api/wikiService.ts            |  6 ++++++
 frontend/src/views/wiki/CreateOrEditWikiArticle.vue | 13 +++++++++++--
 frontend/src/views/wiki/WikiView.vue                |  2 +-
 4 files changed, 27 insertions(+), 4 deletions(-)

diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index f0f91136..c6b21f9e 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -166,7 +166,15 @@ const router = createRouter({
       path: '/wiki/article/:id/edit',
       name: 'EditWikiArticle',
       meta: {
-        documentTitle: 'Edit Wiki',
+        documentTitle: 'Edit Wiki Article',
+      },
+      component: () => import('../views/wiki/CreateOrEditWikiArticle.vue'),
+    },
+    {
+      path: '/wiki/create-article',
+      name: 'CreateWikiArticle',
+      meta: {
+        documentTitle: 'Create Wiki Article',
       },
       component: () => import('../views/wiki/CreateOrEditWikiArticle.vue'),
     },
diff --git a/frontend/src/services/api/wikiService.ts b/frontend/src/services/api/wikiService.ts
index 14372b87..d644b338 100644
--- a/frontend/src/services/api/wikiService.ts
+++ b/frontend/src/services/api/wikiService.ts
@@ -7,6 +7,12 @@ export const getWikiArticle = async (articleId: number) => {
   return (await api.get<WikiArticle>(`/wiki/articles?id=${articleId}`)).data
 }
 
+export type UserCreatedWikiArticle = components['schemas']['UserCreatedWikiArticle']
+
+export const createWikiArticle = async (article: UserCreatedWikiArticle) => {
+  return (await api.post<WikiArticle>('/wiki/articles', article)).data
+}
+
 export type EditedWikiArticle = components['schemas']['EditedWikiArticle']
 
 export const editWikiArticle = async (article: EditedWikiArticle) => {
diff --git a/frontend/src/views/wiki/CreateOrEditWikiArticle.vue b/frontend/src/views/wiki/CreateOrEditWikiArticle.vue
index 04305c82..4e7c461e 100644
--- a/frontend/src/views/wiki/CreateOrEditWikiArticle.vue
+++ b/frontend/src/views/wiki/CreateOrEditWikiArticle.vue
@@ -7,14 +7,14 @@
     <BBCodeEditor :rows="30" :initial-value="wikiArticle.body" :label="t('wiki.article_body')" @value-change="wikiArticle.body = $event">
       <template #buttons>
         <Button v-if="isEditMode" :label="t('wiki.validate_article_edit')" :loading @click="editArticle" />
-        <Button v-else :label="t('wiki.create_article')" :loading />
+        <Button v-else :label="t('wiki.create_article')" :loading @click="createArticle" />
       </template>
     </BBCodeEditor>
   </div>
 </template>
 
 <script setup lang="ts">
-import { editWikiArticle, getWikiArticle, type EditedWikiArticle } from '@/services/api/wikiService'
+import { createWikiArticle, editWikiArticle, getWikiArticle, type EditedWikiArticle } from '@/services/api/wikiService'
 import { computed, ref } from 'vue'
 import { onMounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
@@ -40,6 +40,15 @@ const editArticle = () => {
     .catch(() => (loading.value = false))
 }
 
+const createArticle = () => {
+  loading.value = true
+  createWikiArticle(wikiArticle.value)
+    .then((data) => {
+      router.push(`/wiki/article/${data.id}`)
+    })
+    .catch(() => (loading.value = false))
+}
+
 onMounted(async () => {
   if (isEditMode.value) {
     wikiArticle.value = await getWikiArticle(parseInt(route.params.id as string))
diff --git a/frontend/src/views/wiki/WikiView.vue b/frontend/src/views/wiki/WikiView.vue
index 47cffb46..3939a327 100644
--- a/frontend/src/views/wiki/WikiView.vue
+++ b/frontend/src/views/wiki/WikiView.vue
@@ -4,7 +4,7 @@
       <i class="pi pi-plus" v-tooltip.top="t('wiki.create_article')" />
     </RouterLink>
     <RouterLink to="/wiki/search">
-      <i class="pi pi-search" v-tooltip.top="t('wiki.search')" />
+      <i class="pi pi-search" v-tooltip.top="'Not implemented yet'" />
     </RouterLink>
   </div>
   <div v-if="wikiArticle" class="wiki-article">