Changes

2024-11-03 17:42:10 +05:00
parent 63e760872b
commit 03ff222263
71 changed files with 2916 additions and 2117 deletions
@@ -0,0 +1,78 @@
+<template>
+
+	<div class="sticky top-[100px] hidden h-[calc(100vh-121px)] max-w-[20%] min-w-[20%] md:flex md:shrink-0 md:flex-col md:justify-between">
+		<nav v-if="subSectionPages"
+				 class="styled-scrollbar flex h-[calc(100vh-200px)] flex-col overflow-y-scroll pr-2 pb-4">
+			<div class="text-gray-1000 mb-2 text-md font-medium">{{ currentSection }}</div>
+			<div class="flex gap-x-1">
+				<ul class="px-0.5 last-of-type:mb-0 mb-8">
+					<li v-for="page in subSectionPages.data" :key="page.id" class="my-1.5 flex">
+						<a :class="{'text-white font-semibold bg-primaryBlue': isSameRoute(page.path), 'text-gray-600 hover:text-[#2C6288]': !isSameRoute(page.path) }"
+							 :href="(page.is_url) ? page.path : route('page.view', page.path) + '/'"
+							 class="relative duration-300 flex gap-x-1 w-full rounded-md cursor-pointer items-center px-2 py-1 text-left text-sm">
+							{{
+								page.title
+							}}
+						</a>
+					</li>
+				</ul>
+			</div>
+
+		</nav>
+	</div>
+
+
+</template>
+
+<script>
+import {Link} from "@inertiajs/vue3";
+
+export default {
+	name: "BaseSubSectionLinks",
+	components: {Link},
+	data() {
+		return {
+			currentNavSection: null,
+			scrollTop: false,
+		}
+	},
+	methods: {
+		textLimit(text, symbols) {
+			if (text.length > symbols) {
+				let LimitedText
+				LimitedText = text.substring(0, symbols)
+				return LimitedText + "..."
+			}
+			return text
+		},
+		isSameRoute(route) {
+			if (this.$page.props.ziggy.location === this.$page.props.ziggy.url + '/' + route) {
+				return true
+			}
+		},
+
+
+
+	},
+
+
+	props: {
+		subSectionPages: {
+			type: Object,
+		},
+		currentSection: {
+			type: String,
+		},
+	},
+}
+
+</script>
+
+
+<style scoped>
+
+.styled-scrollbar {
+	overflow: hidden;
+}
+
+</style>