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

This commit is contained in:
2026-02-03 21:45:05 +01:00
parent 64422fc68e
commit cb7e7210de
4 changed files with 48 additions and 22 deletions
+23
View File
@@ -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>
```
+21 -20
View File
@@ -177,14 +177,23 @@
/> />
</v-row> </v-row>
<v-row no-gutters> <v-row no-gutters>
<VuetifyTiptap <v-textarea
v-model="store.articleEdit.description" v-model.trim="store.articleEdit.description"
:tile=true
label="Beschreibung" label="Beschreibung"
rounded counter
:max-height="200" :persistentCounter=true
:disabled="!edit" 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-row>
</v-col> </v-col>
<v-col cols="5" style="padding: 5px;"> <v-col cols="5" style="padding: 5px;">
@@ -199,21 +208,13 @@
/> />
</v-row> </v-row>
<v-row no-gutters> <v-row no-gutters>
<v-textarea <VuetifyTiptap
v-model.trim="store.articleEdit.ingredients" v-model="store.articleEdit.ingredients"
:tile=true
label="Zutaten" label="Zutaten"
counter rounded
:persistentCounter=true :max-height="200"
rows="6" :disabled="!edit"
no-resize />
:readonly="!edit"
persistent-placeholder
>
<template v-slot:counter="{ counter }">
<span>{{ counter }} von {{ store.ingredientsMaxChars }} Zeichen.</span>
</template>
</v-textarea>
</v-row> </v-row>
</v-col> </v-col>
</v-row> </v-row>
+3 -1
View File
@@ -13,7 +13,7 @@ import {
Table, Table,
TextAlign, TextAlign,
VuetifyTiptap, VuetifyTiptap,
createVuetifyProTipTap, createVuetifyProTipTap, FontSize, FontFamily,
} from 'vuetify-pro-tiptap' } from 'vuetify-pro-tiptap'
import 'vuetify/styles' import 'vuetify/styles'
@@ -35,6 +35,8 @@ const vuetifyProTipTap = createVuetifyProTipTap({
Bold, Bold,
Heading, Heading,
TextAlign, TextAlign,
FontSize,
FontFamily,
Clear.configure({ divider: true }), Clear.configure({ divider: true }),
Indent.configure({ divider: true }), Indent.configure({ divider: true }),
Table.configure({ divider: true }), Table.configure({ divider: true }),
+1 -1
View File
@@ -14,7 +14,7 @@
"pinia": "3.0.4", "pinia": "3.0.4",
"vue": "3.5.27", "vue": "3.5.27",
"vue-router": "5.0.2", "vue-router": "5.0.2",
"vuetify-pro-tiptap": "^2.8.2" "vuetify-pro-tiptap": "2.8.2"
}, },
"devDependencies": { "devDependencies": {
"vite-plugin-vuetify": "2.1.3", "vite-plugin-vuetify": "2.1.3",