Merge pull request #64 from IBEC-BOX/cards

Cards
IBEC-BOX · Feb 15, 2024 · 74b0240 · 74b0240
2 parents c539f68 + c3c582b
commit 74b0240
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 2 deletions.
diff --git 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
@@ -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,