Changes

resources/js/Pages/Client/Divisions/Show.vue

@@ -74,31 +74,7 @@
 
 							<h2 v-if="division.data.workers.length > 0" id="persons" class="font-bold text-xl">Состав</h2>
 							<template v-for="worker in division.data.workers">
-								<div class="flex flex-col rounded-xl p-4 md:p-6 bg-white border border-gray-200 dark:bg-slate-900 dark:border-gray-700">
-									<div class="flex items-center gap-x-4">
-										<img loading="lazy" class="rounded-xl w-[150px]" :src="'/storage/' + worker.details.photo" alt="Image Description">
-										<div class="grow">
-											<Link :href="route('client.person.show', worker.slug)" class="font-medium text-gray-800 hover:text-gray-500 underline">
-												{{ worker.administrativePosition }}: {{ worker.name }}
-											</Link>
-											<p v-if="worker.details.academicTitle" class="text-xs text-gray-500 mt-2">
-												Ученая степень: {{ worker.details.academicTitle }}
-											</p>
-											<p class="text-xs text-gray-500 mt-2">
-												Контактный телефон: {{ worker.details.contactPhone }}
-											</p>
-											<p class="text-xs text-gray-500 mt-2">
-												Электронная почта: {{ worker.details.contactEmail }}
-											</p>
-											<p class="text-xs text-gray-500 mt-2">
-												Кабинет: 207В
-											</p>
-										</div>
-									</div>
-
-									<!-- Social Brands -->
-									<!-- End Social Brands -->
-								</div>
+								<ClientFacultyWorkerCard :worker="worker" />
 							</template>
 
 
@@ -162,6 +138,7 @@ export default {
 	},
 
 	components: {
+		ClientFacultyWorkerCard,
 		AppHead,
 		DivisionItemBreadcrumbs,
 		DivisionBuilder,

resources/js/Pages/Client/Persons/Show.vue

@@ -121,8 +121,6 @@
 									</template>
 								</div>
 
-								{{ console.log(person) }}
-
 								<ul class="mt-5 flex flex-col gap-y-3">
 
 									<li class="flex items-center gap-x-2.5">
@@ -316,8 +314,6 @@
 		<ClientFooterDown/>
 	</div>
 
-	<FsLightbox class="z-1000" :slide="slide" :toggler="toggler" :sources="editorImages"/>
-
 
 </template>
 
@@ -364,7 +360,6 @@ export default {
 		ClientFooterDown,
 		MainNavbar,
 		Link,
-		FsLightbox,
 		Head
 	},
 	methods: {
@@ -400,18 +395,7 @@ export default {
 				this.scrollTop = false
 			}
 		},
-		scrollToTop() {
-			window.scrollTo(0, 0)
-		},
-
-
-	},
-	mounted() {
-		window.addEventListener("scroll", this.onScroll)
-
-		// this.editorImages = this.blocksWithSlideNumber.filter(block => block.type === 'image').map(block => block.data.file.url);
-
-		window.addEventListener("scroll", () => {
+		handleScroll(e) {
 			const headings = document.querySelectorAll('h2');
 			const visor = document.querySelector('#visor');
 			let lastVisibleHeading = null;
@@ -439,12 +423,23 @@ export default {
 					break; // Выходим из цикла, если нашли видимый заголовок
 				}
 			}
-		});
+		},
+		scrollToTop() {
+			window.scrollTo(0, 0)
+		},
+
+
+	},
+	mounted() {
+		window.addEventListener("scroll", this.onScroll)
+
+
+		window.addEventListener("scroll", this.handleScroll);
 
 
 	},
 	beforeDestroy() {
-		window.removeEventListener('scroll', this.handleScroll);
+		window.removeEventListener("scroll", this.handleScroll);
 		window.removeEventListener("scroll", this.onScroll)
 	},
 

resources/js/Pages/Client/Schedules/Index.vue

@@ -45,7 +45,7 @@ export default {
 			<div class="relative mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
 				<article class="w-full min-w-0 mt-4 px-1 md:px-6">
 					<div class="relative overflow-hidden">
-						<div class="max-w-[85rem] mx-auto px-4 sm:px-6 lg:px-8 py-10 sm:pb-12 sm:py-5">
+						<div class="max-w-[85rem] mx-auto sm:px-6 lg:px-8 py-10 sm:pb-12 sm:py-5">
 							<div class="text-center">
 								<h1 class="text-2xl sm:text-4xl font-bold text-gray-800 dark:text-gray-200">
 									Расписание занятий