Moved html editor to ingredients, added additional styling options and added md file for bartender settings und queries.

2026-02-03 21:45:05 +01:00
parent 64422fc68e
commit cb7e7210de
4 changed files with 48 additions and 22 deletions
@@ -0,0 +1,23 @@
+# Bartender settings
+
+---
+
+## SQL
+
+
+
+---
+
+### HTML settings for label
+
+### Product title
+```html
+<p style="text-align: center; font-size: 16px; font-family: Arial;"><b>
+</b></p>
+```
+
+### Allergens info
+```html
+<html><head><style type='text/css'>body {font-family: Arial; font-size: 7px;}</style></head><body>
+</body></html>
+```
@@ -177,14 +177,23 @@
              />
            </v-row>
            <v-row no-gutters>
-              <VuetifyTiptap
-                  v-model="store.articleEdit.description"
+              <v-textarea
+                  v-model.trim="store.articleEdit.description"
+                  :tile=true
                  label="Beschreibung"
-                  rounded
-                  :max-height="200"
-                  :disabled="!edit"
-              />
+                  counter
+                  :persistentCounter=true
+                  rows="6"
+                  no-resize
+                  :readonly="!edit"
+                  persistent-placeholder
+              >
+                <template v-slot:counter="{ counter }">
+                  <span>{{ counter }} von {{ store.ingredientsMaxChars  }} Zeichen.</span>
+                </template>
+              </v-textarea>
            </v-row>
+
          </v-col>

          <v-col cols="5" style="padding: 5px;">
@@ -199,21 +208,13 @@
              />
            </v-row>
            <v-row no-gutters>
-              <v-textarea
-                  v-model.trim="store.articleEdit.ingredients"
-                  :tile=true
+              <VuetifyTiptap
+                  v-model="store.articleEdit.ingredients"
                  label="Zutaten"
-                  counter
-                  :persistentCounter=true
-                  rows="6"
-                  no-resize
-                  :readonly="!edit"
-                  persistent-placeholder
-              >
-                <template v-slot:counter="{ counter }">
-                  <span>{{ counter }} von {{ store.ingredientsMaxChars  }} Zeichen.</span>
-                </template>
-              </v-textarea>
+                  rounded
+                  :max-height="200"
+                  :disabled="!edit"
+              />
            </v-row>
          </v-col>
        </v-row>
@@ -13,7 +13,7 @@ import {
  Table,
  TextAlign,
  VuetifyTiptap,
-  createVuetifyProTipTap,
+  createVuetifyProTipTap, FontSize, FontFamily,
 } from 'vuetify-pro-tiptap'

 import 'vuetify/styles'
@@ -35,6 +35,8 @@ const vuetifyProTipTap = createVuetifyProTipTap({
    Bold,
    Heading,
    TextAlign,
+    FontSize,
+    FontFamily,
    Clear.configure({ divider: true }),
    Indent.configure({ divider: true }),
    Table.configure({ divider: true }),
@@ -14,7 +14,7 @@
        "pinia": "3.0.4",
        "vue": "3.5.27",
        "vue-router": "5.0.2",
-        "vuetify-pro-tiptap": "^2.8.2"
+        "vuetify-pro-tiptap": "2.8.2"
      },
      "devDependencies": {
        "vite-plugin-vuetify": "2.1.3",