Rework frontend

2025-03-23 00:38:16 +05:00
parent 17518ceed2
commit 49072e50c7
438 changed files with 14375 additions and 20015 deletions
@@ -0,0 +1,49 @@
+<template>
+	<div class="">
+		<img @click="toggler = !toggler" class="shrink-0 w-full md:w-[200px] md:h-[300px] rounded-xl object-cover" :src="'/storage/' + photo" alt="Avatar">
+	</div>
+
+	<FsLightbox class="" :toggler="toggler" :sources="[domainPath + '/storage/' + photo]"/>
+
+</template>
+
+<script>
+import slugify from "slugify";
+import FsLightbox from "fslightbox-vue";
+
+export default {
+	name: "PersonAvatarBlock",
+	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: {
+		photo: {
+			type: String,
+		},
+	},
+}
+</script>
+
+<style>
+
+.fslightbox-container {
+	margin: 0 !important;
+}
+
+</style>