Changes

2025-01-08 22:48:54 +05:00
parent ad5e26ff0c
commit abc6bcf1ba
16 changed files with 226 additions and 69 deletions
@@ -1,21 +1,38 @@
 <template>
 	<div v-if="loading" class="flex flex-col space-y-4">
-		<div class="group block rounded-xl overflow-hidden animate-pulse">
+		<div class="group flex justify-center space-x-8 mb-8 flex-wrap rounded-xl overflow-hidden animate-pulse items-center">
 			<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 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 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 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>
 	<div v-else>

+
 		<!-- Card Blog -->
-		<div class="px-0 py-10 sm:px-2 lg:py-14 mx-auto">
+		<div v-if="resource.data.length !== 0" class="px-0 py-10 sm:px-2 lg:py-14 mx-auto">
 			<!-- Title -->
 			<div class="max-w-2xl text-center mx-auto mb-10 lg:mb-14">
 				<h2 class="text-2xl font-bold md:text-4xl md:leading-tight">Полезные ресурсы</h2>
-				<p class="mt-1 text-gray-600">We've helped some great companies brand, design and get to market.</p>
+				<p class="mt-1 text-gray-600"></p>
 			</div>
 			<!-- End Title -->

@@ -66,7 +83,7 @@ export default {
 	},
 	methods: {
 		getResource(id) {
-			axios.get(route('client.widget.page.resource.index', id))
+			axios.get(route('client.widget.page.resource.show', id))
 					.then(response => {
 						this.resource = response.data;
 						this.loading = false; // Установить состояние загрузки в false
@@ -41,6 +41,7 @@ export default {
 				pageItem: () => import('@/Components/BuilderUi/Pages/Blocks/PageItemBlock.vue'),
 				customForm: () => import('@/Components/BuilderUi/Pages/Blocks/FormBlock.vue'),
 				pageResourceList: () => import('@/Components/BuilderUi/Pages/Blocks/PageResourceList.vue'),
+				contact: () => import('@/Components/BaseComponents/BaseBuilderUi/Blocks/Contacts/ContactSectionBlock.vue'),
 			};

 			// Создайте массив промисов для загрузки всех компонентов
@@ -66,6 +67,7 @@ export default {
 				pageItem: () => import('@/Components/BuilderUi/Pages/Blocks/PageItemBlock.vue'),
 				customForm: () => import('@/Components/BuilderUi/Pages/Blocks/FormBlock.vue'),
 				pageResourceList: () => import('@/Components/BuilderUi/Pages/Blocks/PageResourceList.vue'),
+				contact: () => import('@/Components/BaseComponents/BaseBuilderUi/Blocks/Contacts/ContactSectionBlock.vue'),
 			};
 			return defineAsyncComponent(componentMap[type] || null);
 		},
@@ -41,6 +41,7 @@ export default {
 				pageItem: () => import('@/Components/BuilderUi/Pages/Blocks/PageItemBlock.vue'),
 				customForm: () => import('@/Components/BuilderUi/Pages/Blocks/FormBlock.vue'),
 				pageResourceList: () => import('@/Components/BuilderUi/Pages/Blocks/PageResourceList.vue'),
+				contact: () => import('@/Components/BaseComponents/BaseBuilderUi/Blocks/Contacts/ContactSectionBlock.vue'),
 			};

 			// Создайте массив промисов для загрузки всех компонентов
@@ -65,6 +66,7 @@ export default {
 				pageItem: () => import('@/Components/BuilderUi/Pages/Blocks/PageItemBlock.vue'),
 				customForm: () => import('@/Components/BuilderUi/Pages/Blocks/FormBlock.vue'),
 				pageResourceList: () => import('@/Components/BuilderUi/Pages/Blocks/PageResourceList.vue'),
+				contact: () => import('@/Components/BaseComponents/BaseBuilderUi/Blocks/Contacts/ContactSectionBlock.vue'),
 			};
 			return defineAsyncComponent(componentMap[type] || null);
 		},