v6

src/pages/project-page/ProjectPageHeader.vue

@@ -71,20 +71,12 @@
     <q-card class="q-pa-none q-ma-none">
       <q-card-section align="center">
         <div class="text-h6 text-negative ">
-          {{ $t( 
-            dialogType === 'archive'
-              ? 'project__archive_warning'
-              : 'project__delete_warning'
-          )}}
+          {{ $t('project__archive_warning')}}
         </div>
       </q-card-section>
 
       <q-card-section class="q-pt-none" align="center">
-        {{ $t( 
-            dialogType === 'archive'
-              ? 'project__archive_warning_message'
-              : 'project__delete_warning_message'
-          )}}
+        {{ $t('project__archive_warning_message')}}
       </q-card-section>
 
       <q-card-actions align="center">
@@ -96,14 +88,10 @@
         />
         <q-btn
           flat
-          :label="$t(
-            dialogType === 'archive'
-              ? 'project__archive'
-              : 'project__delete'
-          )"
+          :label="$t('project__archive')"
           color="negative"
           v-close-popup
-          @click="dialogType === 'archive' ? archiveProject() : deleteProject()"
+          @click="archiveProject"
         />
       </q-card-actions>
     </q-card>
@@ -122,22 +110,22 @@
 
   const expandProjectInfo = ref<boolean>(false)
   const showDialog = ref<boolean>(false)
-  const dialogType = ref<null | 'archive' | 'delete'>(null)
+  const dialogType = ref<null | 'archive'>(null)
 
   const headerHeight = ref<number>(0)
 
   const menuItems = [
     { id: 1, title: 'project__edit', icon:  'mdi-square-edit-outline', iconColor:  '', func: editProject },
     // { id: 2, title: 'project__backup', icon:  'mdi-content-save-outline', iconColor:  '', func: () => {} },
-    { id: 3, title: 'project__archive', icon:  'mdi-archive-outline', iconColor:  '', func:  () => { showDialog.value = true; dialogType.value = 'archive' }},
-    { id: 4, title: 'project__delete', icon:  'mdi-trash-can-outline', iconColor:  'red', func:  () => { showDialog.value = true; dialogType.value = 'delete' }},
+    { id: 3, title: 'project__archive', icon:  'mdi-archive-outline', iconColor:  'red', func:  () => { showDialog.value = true; dialogType.value = 'archive' }}
   ]
 
   const projectId = computed(() => parseIntString(route.params.id))
   const project =ref({
     name: '',
     description: '',
-    logo: ''
+    logo: '',
+    is_logo_bg: false
   })
 
   const loadProjectData = async () => {
@@ -154,7 +142,8 @@
     project.value = {
       name: projectFromStore.name,
       description: projectFromStore.description || '',
-      logo: projectFromStore.logo || ''
+      logo: projectFromStore.logo || '',
+      is_logo_bg: projectFromStore.is_logo_bg || false 
     }
   }
 }
@@ -164,15 +153,13 @@ async function abort () {
 }
 
 async function editProject () {
+  if (projectId.value) void projectsStore.update(projectId.value, project.value)
   await router.push({ name: 'project_info' })
 }
 
-function archiveProject () {
-  console.log('archive project')
-}
-
-function deleteProject () {
-  console.log('delete project')
+async function archiveProject () {
+  if (projectId.value) void projectsStore.archive(projectId.value)
+  await router.replace({ name: 'projects' })
 }
 
 function toggleExpand () {