Skip to content
Snippets Groups Projects
Commit 95eb62aa authored by Tomáš Valenta's avatar Tomáš Valenta
Browse files

improve emoji input image serving, remove unnecessary v-bind

parent f6f9fc74
No related branches found
No related tags found
No related merge requests found
<script setup>
import VueSelect from 'vue-select'
import InputHeading from "./InputHeading.vue"
import likeImage from '../../assets/reactions/like.png'
import laughImage from '../../assets/reactions/laugh.png'
import heartImage from '../../assets/reactions/heart.png'
import angryImage from '../../assets/reactions/angry.png'
import sadImage from '../../assets/reactions/sad.png'
import surprisedImage from '../../assets/reactions/surprised.png'
import careImage from '../../assets/reactions/care.png'
</script>
<script>
......@@ -13,31 +21,31 @@ export default {
emojiOptions: [
{
title: '👍 Like',
path: './assets/reactions/like.png',
url: likeImage
},
{
title: '😂 Smích',
path: './assets/reactions/laugh.png',
url: laughImage
},
{
title: '♥️ Srdce',
path: './assets/reactions/heart.png',
url: heartImage
},
{
title: '😡 Naštvaný',
path: './assets/reactions/angry.png',
url: angryImage
},
{
title: '☹️ Smutný',
path: './assets/reactions/sad.png',
url: sadImage
},
{
title: '😲 Překvapený',
path: './assets/reactions/surprised.png',
url: surprisedImage
},
{
title: '🥰 Péče',
path: './assets/reactions/care.png',
url: careImage
},
],
selectedEmoji: this.modelValue
......
......@@ -120,25 +120,25 @@ export default {
<template v-slot:right>
<ImageInput
name="Obrázek"
v-bind:important="true"
:important="true"
v-model="mainImage"
zIndex="10"
/>
<LongTextInput
name="Hlavní text"
v-bind:important="true"
:important="true"
v-model="mainText"
zIndex="9"
/>
<ShortTextInput
name="Jméno osoby"
v-bind:important="true"
:important="true"
v-model="personName"
zIndex="8"
/>
<ShortTextInput
name="Pozice osoby"
v-bind:important="false"
:important="false"
v-model="personPosition"
zIndex="7"
/>
......@@ -147,7 +147,7 @@ export default {
<ImageInput
name="Obrázek loga"
v-bind:important="false"
:important="false"
v-model="logoImage"
:predefinedImages="predefinedLogoImages"
:mustSelectPredefinedImage="true"
......@@ -155,7 +155,7 @@ export default {
/>
<MultipleColorPicker
name="Barvy"
v-bind:important="false"
:important="false"
v-model="colors"
:colorLabels="colorLabels"
:predefinedColors="predefinedColors"
......
......@@ -125,31 +125,31 @@ export default {
<template v-slot:right>
<ImageInput
name="Obrázek"
v-bind:important="true"
:important="true"
v-model="mainImage"
zIndex="10"
/>
<LongTextInput
name="Hlavní text"
v-bind:important="true"
:important="true"
v-model="mainText"
zIndex="9"
/>
<ShortTextInput
name="Jméno osoby"
v-bind:important="true"
:important="true"
v-model="personName"
zIndex="8"
/>
<ShortTextInput
name="Pozice osoby"
v-bind:important="false"
:important="false"
v-model="personPosition"
zIndex="7"
/>
<ImageInput
name="Obrázek zdroje"
v-bind:important="true"
:important="true"
v-model="sourceImage"
:predefinedImages="predefinedSourceImages"
:mustSelectPredefinedImage="false"
......@@ -160,7 +160,7 @@ export default {
<ImageInput
name="Obrázek loga"
v-bind:important="false"
:important="false"
v-model="logoImage"
:predefinedImages="predefinedLogoImages"
:mustSelectPredefinedImage="true"
......@@ -168,7 +168,7 @@ export default {
/>
<MultipleColorPicker
name="Barvy"
v-bind:important="false"
:important="false"
v-model="colors"
:colorLabels="colorLabels"
:predefinedColors="predefinedColors"
......
......@@ -14,7 +14,7 @@ import Navbar from '../../components/Navbar.vue'
import MainContainer from '../../components/MainContainer.vue'
import ImageInput from '../../components/inputs/ImageInput.vue'
import LongTextInput from '../../components/inputs/text/LongTextInput.vue'
import ShortTextInput from '../../components/inputs/text/ShortTextInput.vue';
import ShortTextInput from '../../components/inputs/text/ShortTextInput.vue'
import InputSeparator from '../../components/inputs/InputSeparator.vue'
import MultipleColorPicker from '../../components/inputs/colors/MultipleColorPicker.vue'
</script>
......@@ -128,25 +128,25 @@ export default {
<template v-slot:right>
<LongTextInput
name="Hlavní text"
v-bind:important="true"
:important="true"
v-model="mainText"
zIndex="10"
/>
<ShortTextInput
name="Jméno osoby"
v-bind:important="true"
:important="true"
v-model="personName"
zIndex="9"
/>
<ShortTextInput
name="Pozice osoby"
v-bind:important="false"
:important="false"
v-model="personPosition"
zIndex="8"
/>
<ImageInput
name="Obrázek zdroje"
v-bind:important="true"
:important="true"
v-model="sourceImage"
:predefinedImages="predefinedSourceImages"
:mustSelectPredefinedImage="false"
......@@ -157,7 +157,7 @@ export default {
<ImageInput
name="Obrázek loga"
v-bind:important="false"
:important="false"
v-model="logoImage"
:predefinedImages="predefinedLogoImages"
:mustSelectPredefinedImage="true"
......@@ -165,7 +165,7 @@ export default {
/>
<MultipleColorPicker
name="Barvy"
v-bind:important="false"
:important="false"
v-model="colors"
:colorLabels="colorLabels"
:predefinedColors="predefinedColors"
......
......@@ -95,13 +95,13 @@ export default {
<template v-slot:right>
<LongTextInput
name="Text"
v-bind:important="true"
:important="true"
v-model="text"
zIndex="10"
/>
<ImageInput
name="Obrázek loga"
v-bind:important="false"
:important="false"
v-model="logoImage"
:predefinedImages="predefinedLogoImages"
:mustSelectPredefinedImage="true"
......@@ -109,7 +109,7 @@ export default {
/>
<MultipleColorPicker
name="Barvy"
v-bind:important="false"
:important="false"
v-model="colors"
:colorLabels="colorLabels"
:predefinedColors="predefinedColors"
......
......@@ -95,13 +95,13 @@ export default {
<template v-slot:right>
<LongTextInput
name="Text"
v-bind:important="true"
:important="true"
v-model="text"
zIndex="10"
/>
<ImageInput
name="Obrázek loga"
v-bind:important="false"
:important="false"
v-model="logoImage"
:predefinedImages="predefinedLogoImages"
:mustSelectPredefinedImage="true"
......@@ -109,7 +109,7 @@ export default {
/>
<MultipleColorPicker
name="Barvy"
v-bind:important="false"
:important="false"
v-model="colors"
:colorLabels="colorLabels"
:predefinedColors="predefinedColors"
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment