first commit

2024-09-19 16:06:49 +05:00
commit b686638a39
1664 changed files with 428174 additions and 0 deletions
@@ -0,0 +1,68 @@
+<template>
+	<div class="w-full rounded-xl mb-4 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 @click="toggler = !toggler" loading="lazy" class="rounded-xl w-[150px]" :src="'/storage/' + block.data.photo" alt="Image Description">
+			<div class="grow">
+				<p class="font-medium text-gray-800 hover:text-gray-500">
+					{{ block.data.name }}
+				</p>
+				<template v-for="item in block.data.info">
+					<p class="text-xs text-gray-500 mt-2">
+						{{ item.column }}: {{ item.content }}
+					</p>
+				</template>
+
+			</div>
+		</div>
+
+		<!-- Social Brands -->
+		<!-- End Social Brands -->
+	</div>
+
+	<FsLightbox class="" :toggler="toggler" :sources="[domainPath + '/storage/' + block.data.photo]"/>
+
+
+
+</template>
+
+<script>
+import slugify from "slugify";
+import FsLightbox from "fslightbox-vue/v3";
+
+
+export default {
+	name: "PersonBlock",
+	components: { FsLightbox },
+	data() {
+		return {
+			toggler: false,
+			domainPath: null,
+		}
+	},
+	methods: {
+		generateSlug: function (text) {
+			return slugify(text, {
+				lower: true,
+				strict: true,
+				locale: 'ru'
+			});
+		},
+	},
+	mounted() {
+		this.domainPath = window.location.origin;
+	},
+	props: {
+		block: {
+			type: Object,
+		},
+	},
+}
+</script>
+
+<style>
+
+.fslightbox-container {
+	margin: 0 !important;
+}
+
+</style>