Many Changes

pages/products/[mode]/[[id]].vue

@@ -44,7 +44,25 @@ setupPage()
 </script>
 
 <template>
-  <UDashboardNavbar :title="currentItem ? currentItem.name : (mode === 'create' ? 'Artikel erstellen' : 'Artikel bearbeiten')">
+  <UDashboardNavbar
+      :title="currentItem ? currentItem.name : (mode === 'create' ? 'Artikel erstellen' : 'Artikel bearbeiten')"
+      :ui="{center: 'flex items-stretch gap-1.5 min-w-0'}"
+  >
+    <template #left>
+      <UButton
+          icon="i-heroicons-chevron-left"
+          variant="outline"
+          @click="router.push(`/products`)"
+      >
+        Artikel
+      </UButton>
+    </template>
+    <template #center>
+      <h1
+          v-if="currentItem"
+          class="text-xl font-medium"
+      >{{currentItem ? `Artikel: ${currentItem.name}` : (mode === 'create' ? 'Artikel erstellen' : 'Artikel bearbeiten')}}</h1>
+    </template>
     <template #right>
       <UButton
           v-if="mode === 'edit'"
@@ -145,6 +163,13 @@ setupPage()
           v-model="itemInfo.manufacturer"
       />
     </UFormGroup>
+    <UFormGroup
+        label="Hersteller Nr.:"
+    >
+      <UInput
+          v-model="itemInfo.manufacturerNumber"
+      />
+    </UFormGroup>
     <UFormGroup
         label="Einheit:"
     >
@@ -168,7 +193,7 @@ setupPage()
           multiple
       >
         <template #label>
-          {{itemInfo.tags.join(", ")}}
+          {{itemInfo.tags.length > 0 ? itemInfo.tags.join(", ") : "Keine Tags ausgewählt"}}
         </template>
       </USelectMenu>
     </UFormGroup>
@@ -199,6 +224,13 @@ setupPage()
         </template>
       </UInput>
     </UFormGroup>
+    <UFormGroup
+        label="Beschreibung:"
+    >
+      <UTextarea
+          v-model="itemInfo.description"
+      />
+    </UFormGroup>
   </UForm>
 </template>