From 6afed2d73e21bf64c69530205c666fb3ea9a5e82 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Wed, 25 Sep 2024 16:56:36 +0300
Subject: [PATCH] pattern

---
 components/calc/values.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/components/calc/values.vue b/components/calc/values.vue
index 1e8c2ec..6450600 100644
--- a/components/calc/values.vue
+++ b/components/calc/values.vue
@@ -189,7 +189,8 @@ const calc_table = computed(() => {
                 <DropdownPicker type="color" :cb="setLamelleColor" name="lamelle_color"
                     :goto_target="new Vector3(0, lamelles_count * lamelle_height * 0.75, 0)"
                     :goto_cam="new Vector3(0.75, 0.75, 0.75)">
-                    <span :style="[{ color: lamelle_text, backgroundColor: getColorHexFromRal(lamelle_color) ?? 'transparent' }]">
+                    <span
+                        :style="[{ color: lamelle_text, backgroundColor: getColorHexFromRal(lamelle_color) ?? 'transparent' }]">
                         {{ getColorNameFromRal(lamelle_color) }}
                     </span>
                 </DropdownPicker>
@@ -201,7 +202,8 @@ const calc_table = computed(() => {
                 <DropdownPicker type="color" :cb="setPillarColor" name="pillar_color"
                     :goto_target="new Vector3(-fence_section * 0.5, lamelles_count * lamelle_height, 0)"
                     :goto_cam="new Vector3(-1, -1, 1)">
-                    <span :style="[{ color: pillar_text, backgroundColor: getColorHexFromRal(pillar_color) ?? 'transparent' }]">
+                    <span
+                        :style="[{ color: pillar_text, backgroundColor: getColorHexFromRal(pillar_color) ?? 'transparent' }]">
                         {{ getColorNameFromRal(pillar_color) }}
                     </span>
                 </DropdownPicker>
@@ -213,9 +215,14 @@ const calc_table = computed(() => {
                 <DropdownPicker type="pattern" :cb="setPillarPattern" name="pillar_pattern" :disabled="remove_pillar"
                     :goto_target="new Vector3(fence_section * 0.5, lamelles_count * lamelle_height, 0)"
                     :goto_cam="new Vector3(1, 2, -1)">
-                    <input id="pillar_pattern" type="text" readonly :value="pillar_pattern" :style="{
-                        backgroundImage: `url(${getFilename(pillar_pattern)})`
-                    }" />
+                    <span
+                        :style="getFilename(pillar_pattern) ? [{
+                            backgroundImage: `url(${getFilename(pillar_pattern)})`, 
+                            backgroundSize: 'contain', 
+                            color: 'transparent'
+                        }] : []">
+                        {{ pillar_pattern }}
+                    </span>
                 </DropdownPicker>
             </div>
         </div>