Moved html editor to ingredients, added additional styling options and added md file for bartender settings und queries.
This commit is contained in:
@@ -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>
|
||||||
<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>
|
||||||
|
|||||||
@@ -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 }),
|
||||||
|
|||||||
Generated
+1
-1
@@ -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",
|
||||||
|
|||||||
Reference in New Issue
Block a user