From 921b3ab53ee01bab6948b9443e80339654773ec5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=97=D0=B5=D0=BB=D0=B5=D0=BD=D1=81=D0=BA=D0=B0=D1=8F=20?=
 =?UTF-8?q?=D0=90=D0=BD=D0=B0=D1=81=D1=82=D0=B0=D1=81=D0=B8=D1=8F=20=D0=9D?=
 =?UTF-8?q?=D0=B8=D0=BA=D0=BE=D0=BB=D0=B0=D0=B5=D0=B2=D0=BD=D0=B0?=
 <a.zelenskaya@svs-tech.pro>
Date: Thu, 13 Jun 2024 13:46:57 +0300
Subject: [PATCH] modal

---
 components/modal.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/modal.vue b/components/modal.vue
index 5616d4f..ae024d9 100644
--- a/components/modal.vue
+++ b/components/modal.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { getColorHexFromRal, getColorNameFromRal } from '@/components/ral'
 const config = useRuntimeConfig()
 const apiBase = config.public.apiBase
 
@@ -102,10 +103,13 @@ const submit = (e: any) => {
                         Секций: {{ section_count }}
                     </div>
                     <div>
-                        Цвет столба: {{ pillar_color }}
+                        Цвет столба:
+                        <input id="pillar_color" :value="getColorNameFromRal(pillar_color)" />
+                       
                     </div>
                     <div>
-                        Цвет ламелей: {{ lamelle_color }}
+                        Цвет ламелей:
+                        <input id="lamelle_color" :value="getColorNameFromRal(lamelle_color)" />
                     </div>
                 </div>
                 <div class="flex gap-4">