From c3c582b23d6ceb23df7296e8dac703e52320ce20 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=95=D0=B2=D0=B3=D0=B5=D0=BD=D0=B8=D0=B9=20=D0=93=D0=BE?=
 =?UTF-8?q?=D0=BB=D0=BE=D0=B2=D0=BA=D0=B8=D0=BD?= <mr.happy.2000@mail.ru>
Date: Thu, 15 Feb 2024 15:58:41 +0600
Subject: [PATCH] added v-html in cards & erg vacancies

---
 src/runtime/components/Parts/Card.vue         | 19 ++++++++++++++++++-
 src/runtime/components/Parts/ErgVacancies.vue | 12 +++++++++++-
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/runtime/components/Parts/Card.vue b/src/runtime/components/Parts/Card.vue
index c24bdaf..611cc61 100644
--- a/src/runtime/components/Parts/Card.vue
+++ b/src/runtime/components/Parts/Card.vue
@@ -47,7 +47,23 @@
           v-bind="textImage.attrs"
           class="mr-2"
         />
-        <span class="text-15">{{ text }}</span>
+        <span>{{ text }}</span>
+      </v-card-text>
+
+      <v-card-text
+        v-if="textBody && modal"
+        v-bind="textAttrs"
+        :class="hoverText ? 'card__text-hover' : ''"
+        class="d-flex align-center"
+        @click="openModal = true"
+      >
+        <v-img
+          v-if="textImage"
+          :src="textImage.src"
+          v-bind="textImage.attrs"
+          class="mr-2"
+        />
+        <div v-html="textBody"></div>
       </v-card-text>
 
       <v-card-subtitle
@@ -197,6 +213,7 @@ const props = defineProps({
   subtitle: { type: String, default: "" },
   price: { type: String, default: "" },
   text: { type: String, default: "" },
+  textBody: { type: String, default: "" },
   textImage: Object,
   hoverText: { type: Boolean, default: false },
   date: { type: String, default: "" },
diff --git a/src/runtime/components/Parts/ErgVacancies.vue b/src/runtime/components/Parts/ErgVacancies.vue
index 8df6baf..e300cfc 100644
--- a/src/runtime/components/Parts/ErgVacancies.vue
+++ b/src/runtime/components/Parts/ErgVacancies.vue
@@ -25,22 +25,31 @@
           :style="[leftImage || rightImage ? '' : 'display: contents', bodyAttrs]"
           class="py-0 px-5"
         >
-          <v-chip v-bind="chip.attrs" class="z-index-2">
+          <v-chip v-bind="chip.attrs" class="z-index-2" v-if="chip">
             {{ chip.text }}
           </v-chip>
           <div class="vacancies__body position-relative z-index-2">
             <h2
               class="mb-2"
               v-bind="titleAttrs"
+              v-if="title"
             >
               {{ title || 'Станьте частью команды' }}
             </h2>
             <p
               class="mb-4"
               v-bind="subTitleAttrs"
+              v-if="subTitle"
             >
               {{ subTitle || 'Мы предлагаем конкурентные зарплаты, социальные гарантии' }}
             </p>
+            <div
+              class="mb-4"
+              v-if="textBody"
+              v-html="textBody"
+            >
+              {{ textBody || 'Мы предлагаем конкурентные зарплаты, социальные гарантии' }}
+            </div>
           </div>
           <v-btn
             v-bind="button.attrs"
@@ -144,6 +153,7 @@ const props = defineProps({
   button: { type: Object, default: () => ({
     text: ''
   })},
+  textBody: String,
   leftImage: Object,
   rightImage: Object,
   gallery: Boolean,