failj/ntspi-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changes

Browse Source
This commit is contained in:
f4ilji
2025-01-09 09:38:54 +05:00
parent abc6bcf1ba
commit 767cd2680c
5 changed files with 28 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/Components/BaseComponents/BaseBuilderUi/Blocks/Contacts/ContactGroup.vue
+2 -2
View File
@@ -1,8 +1,8 @@
<template>
<div class="mb-[50px] space-y-3">
<div class="space-y-3">
<h2 class="font-semibold text-[#1A5AAF] text-lg">{{ title }}</h2>
<div v-for="(item, index) in items" :key="index">
<h3 class="font-semibold mb-4">{{ item.header }}</h3>
<h3 class="font-semibold md:mb-2 mb-1">{{ item.header }}</h3>
<div class="font-light">
<p v-for="(detail, idx) in item.details" :key="idx">
<span v-if="detail.url">
resources/js/Components/BaseComponents/BaseBuilderUi/Blocks/Contacts/ContactSectionBlock.vue
+19 -56
View File
@@ -1,22 +1,23 @@
<template>
<!-- <div v-if="loading" class="flex flex-col space-y-4">-->
<!-- <div class="group block rounded-xl overflow-hidden animate-pulse">-->
<!-- <div class="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-5">-->
<!-- <div class="shrink-0 relative rounded-xl overflow-hidden w-full sm:w-56 h-44">-->
<!-- <div class="w-full h-full bg-gray-200"></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<section class="bg-[#F5F5F5] w-full py-10">
<div class="max-w-screen-xl md:flex justify-around w-full mx-auto px-4 py-[50px] flex-wrap">
<ContactGroup v-for="contact in contacts.data.content"
:title="contact.title"
:items="contact.items"
/>
<div v-if="loading" class="flex flex-col space-y-4">
<div class="group block rounded-xl overflow-hidden animate-pulse">
<div class="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-5">
<div class="shrink-0 relative rounded-xl overflow-hidden w-full sm:w-56 h-44">
<div class="w-full h-full bg-gray-200"></div>
</div>
</div>
</div>
</section>
</div>
<div v-else>
<section class="bg-[#F5F5F5] w-full py-10">
<div class="max-w-screen-xl md:flex justify-around w-full mx-auto px-4 md:py-[50px] flex-wrap space-y-7 md:space-y-0">
<ContactGroup v-for="contact in contacts.data.content"
:title="contact.title"
:items="contact.items"
/>
</div>
</section>
</div>
</template>
<script>
@@ -29,46 +30,8 @@ export default {
},
data() {
return {
loading: false,
loading: true,
contacts: null,
contactItems: [
{
header: 'Главный корпус',
details: [
{text: '622031, Нижний Тагил, Красногвардейская 57', url: null},
],
},
{
header: 'Свяжитесь с нами',
details: [
{text: '(3435) 25-48-00', url: null},
{text: 'office@ntspi.ru', url: 'mailto:office@ntspi.ru'},
],
},
],
admissionItems: [
{
header: 'Расписание',
details: [
{text: 'Понедельник - Пятница с 08.30 до 17.00', url: null},
],
},
{
header: 'Ответственный секретарь приемной комиссии',
details: [
{text: '+7(906)-802-55-59', url: null},
{text: 'ntgspi@yandex.ru', url: 'mailto:ntgspi@yandex.ru'},
]
}
],
usefulItems: [
{
header: 'Полезное',
details: [
{text: 'Виртуальный тур', url: 'https://ntspi.ru/panorama/tour.html'},
],
},
],
};
},
methods: {