Changes

2024-11-11 15:30:26 +05:00
parent 49bb821361
commit df22d5d19e
12 changed files with 112 additions and 46 deletions
@@ -0,0 +1,69 @@
+<template>
+
+	<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-y-4 gap-x-4 flex-wrap">
+			<img @click="toggler = !toggler" loading="lazy" class="rounded-xl md:w-[150px]" :src="'/storage/' + worker.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.academicTitle !== null" class="text-xs text-gray-500 mt-2">
+					Ученая степень: {{ worker.academicTitle }}
+				</p>
+				<p class="text-xs text-gray-500 mt-2">
+					Контактный телефон: {{ worker.contactPhone }}
+				</p>
+				<p class="text-xs text-gray-500 mt-2">
+					Электронная почта: {{ worker.contactEmail }}
+				</p>
+				<p class="text-xs text-gray-500 mt-2">
+					Кабинет: 207В
+				</p>
+			</div>
+		</div>
+	</div>
+
+	<FsLightbox class="" :toggler="toggler" :sources="['/storage/' + worker.photo]"/>
+
+
+
+
+</template>
+
+
+<script>
+
+import {Head, Link} from "@inertiajs/vue3";
+import ClientFooterDown from "@/Components/ClientFooterDown.vue";
+import MainNavbar from "@/Navbars/MainNavbar.vue";
+import FsLightbox from "fslightbox-vue/v3";
+
+export default {
+	name: "ClientDivisionWorkerCard",
+	data() {
+		return {
+			toggler: false,
+		}
+	},
+
+	props: {
+		worker: {
+			type: Object,
+		},
+	},
+
+	components: {
+		ClientFooterDown,
+		MainNavbar,
+		Link,
+		FsLightbox,
+		Head
+	},
+
+}
+</script>
+
+
+<style scoped>
+
+</style>
@@ -1,5 +1,5 @@
 <template>
-	<a v-if="item.tag === 'Faculty'" data-hs-overlay="#hs-basic-modal" :href="route('client.post.show', item.data.slug)" class="my-1 flex gap-3 px-2 py-2 items-center hover:bg-[#F2F2F2] rounded-lg">
+	<a v-if="item.tag === 'Faculty'" data-hs-overlay="#hs-basic-modal" :href="route('client.faculty.show', item.data.slug)" class="my-1 flex gap-3 px-2 py-2 items-center hover:bg-[#F2F2F2] rounded-lg">
 		<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
 			<path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
 		</svg>