Rework frontend

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

@@ -1,37 +1,22 @@
 <script>
-import MainNavbar from "@/Navbars/MainNavbar.vue";
 import {Head, Link} from "@inertiajs/vue3";
-import FsLightbox from "fslightbox-vue/v3";
-import ClientScrollTimeline from "@/Components/ClientScrollTimeline.vue";
-import ClientFooterDown from "@/Components/ClientFooterDown.vue";
-import AdminIndexSearch from "@/Components/AdminIndexSearch.vue";
-import AdminIndexFilter from "@/Components/AdminIndexFilter.vue";
-import AdminIndexHeader from "@/Components/AdminIndexHeader.vue";
-import AdminIndexHeaderTitle from "@/Components/AdminIndexHeaderTitle.vue";
-import ClientPostFilter from '@/Components/ClientPostFilter.vue';
-import ClientPost from '@/Components/ClientPost.vue';
-import ClientPostSearch from '@/Components/ClientPostSearch.vue';
+import MetaTags from "@/componentss/shared/SEO/MetaTags.vue";
 import MainPageNavBar from "@/Navbars/MainPageNavbar.vue";
-import FacultyListBreadcrumbs from "@/Components/BuilderUi/Faculties/FacultyListBreadcrumbs.vue";
-import AppHead from "@/Components/AppHead.vue";
+import FacultyListBreadcrumbs from "@/componentss/features/faculties/components/FacultyListBreadcrumbs.vue";
+import BasicFooter from "@/footers/BasicFooter.vue";
+import BasicTitle from "@/componentss/ui/titles/BasicTitle.vue";
+import FacultyListTitle from "@/componentss/features/faculties/components/FacultyListTitle.vue";
 
 export default {
   name: "Index",
   components: {
-		AppHead,
-		FacultyListBreadcrumbs,
-		MainPageNavBar,
-    AdminIndexHeaderTitle, AdminIndexHeader,
-    AdminIndexFilter, AdminIndexSearch,
-    ClientFooterDown,
-    ClientScrollTimeline,
-    ClientPostFilter,
-    Link,
-    MainNavbar,
-    FsLightbox,
-    Head,
-    ClientPost,
-    ClientPostSearch
+    FacultyListTitle,
+    BasicTitle,
+    BasicFooter,
+    FacultyListBreadcrumbs,
+    MainPageNavBar,
+    MetaTags,
+    Link
   },
   data() {
     return {
@@ -56,14 +41,14 @@ export default {
 </script>
 
 <template>
-	<AppHead :seo="seo" />
+	<MetaTags :seo="seo" />
 
 	<MainPageNavBar class="border-b" :sections="$page.props.navigation"></MainPageNavBar>
 
 	<div class="flex flex-col h-screen">
 		<main class="flex-grow">
 			<div class="relative mx-auto mt-[67px] max-w-screen-xl py-10 md:flex md:flex-row md:py-10">
-				<div class="px-4 pt-6 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto">
+				<div class="px-4 pt-6 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto w-full max-w-screen-xl">
 					<div>
 						<!-- Avatar Media -->
 						<!-- End Avatar Media -->
@@ -72,10 +57,9 @@ export default {
 							<div class="space-y-5 md:space-y-4">
 								<!-- Card Section -->
 								<div class="max-w-[85rem] px-0 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
-									<div class="max-w-2xl text-center mx-auto mb-10 lg:mb-14">
-										<h2 class="text-2xl font-bold md:text-4xl md:leading-tight dark:text-white">Факультеты и кафедры</h2>
-										<p class="mt-1 text-gray-600 dark:text-neutral-400">Информация о наших факультетах и кафедрах</p>
-									</div>
+                  <FacultyListTitle
+                      bottom-text="Информация о наших факультетах и кафедрах"
+                      header="Факультеты и кафедры" />
 									<FacultyListBreadcrumbs />
 
 									<!-- Grid -->
@@ -111,7 +95,7 @@ export default {
 				</div>
 			</div>
 		</main>
-		<ClientFooterDown/>
+		<BasicFooter />
 	</div>
 </template>
 

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

@@ -1,9 +1,9 @@
 <template>
-	<AppHead :seo="seo" />
+	<MetaTags :seo="seo" />
 
 
 	<div class="flex flex-col h-screen justify-between">
-		<MainPageNavBar class="border-b" :sections="$page.props.navigation"></MainPageNavBar>
+		<MainPageNavBar class="border-b" :sections="$page.props.navigation" />
 
 		<div class="relative mx-auto mb-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
 
@@ -83,7 +83,7 @@
 
 
 						<template v-for="worker in faculty.data.workers">
-							<ClientFacultyWorkerCard :worker="worker" />
+							<FacultyWorkerCard :worker="worker" />
 						</template>
 
 
@@ -120,7 +120,7 @@
 
 
 						<div class="space-y-3 md:space-y-4">
-							<FacultyBuilder :blocks="faculty.data.content "/>
+							<Builder :blocks="faculty.data.content "/>
 						</div>
 
 					</div>
@@ -130,7 +130,7 @@
 			</article>
 		</div>
 
-		<ClientFooterDown/>
+		<BasicFooter />
 	</div>
 
 
@@ -141,23 +141,15 @@
 
 
 import {Link} from "@inertiajs/vue3";
-import FsLightbox from "fslightbox-vue/v3";
 import MainNavbar from "@/Navbars/MainNavbar.vue";
-import ClientFooterDown from "@/Components/ClientFooterDown.vue";
 import { Head } from '@inertiajs/vue3'
 import slugify from "slugify";
-import axios from "axios";
-import PageNavigateLinks from "@/Components/BuilderUi/Pages/PageNavigateLinks.vue";
-import PageBreadcrumbs from "@/Components/BuilderUi/Pages/PageBreadcrumbs.vue";
-import PageBuilder from "@/Components/BuilderUi/Pages/PageBuilder.vue";
-import PageSubSectionLinks from "@/Components/BuilderUi/Pages/PageSubSectionLinks.vue";
-import PageTitle from "@/Components/BuilderUi/Pages/PageTitle.vue";
-import ClientFacultyWorkerCard from "@/Components/PersonCards/ClientFacultyWorkerCard.vue";
-import PostBuilder from "@/Components/BuilderUi/Posts/PostBuilder.vue";
-import FacultyBuilder from "@/Components/BuilderUi/Faculties/FacultyBuilder.vue";
 import MainPageNavBar from "@/Navbars/MainPageNavbar.vue";
-import FacultyItemBreadcrumbs from "@/Components/BuilderUi/Faculties/FacultyItemBreadcrumbs.vue";
-import AppHead from "@/Components/AppHead.vue";
+import FacultyWorkerCard from "@/componentss/features/faculties/components/FacultyWorkerCard.vue";
+import BasicFooter from "@/footers/BasicFooter.vue";
+import Builder from "@/componentss/shared/builder/pageBuilder/Builder.vue";
+import MetaTags from "@/componentss/shared/SEO/MetaTags.vue";
+import FacultyItemBreadcrumbs from "@/componentss/features/faculties/components/FacultyItemBreadcrumbs.vue";
 
 
 export default {
@@ -182,17 +174,14 @@ export default {
 	},
 
 	components: {
-		AppHead,
+    MetaTags,
+    Builder,
+    BasicFooter,
+    FacultyWorkerCard,
 		FacultyItemBreadcrumbs,
 		MainPageNavBar,
-		FacultyBuilder,
-		PostBuilder,
-		ClientFacultyWorkerCard,
-		PageTitle, PageSubSectionLinks, PageBuilder, PageBreadcrumbs, PageNavigateLinks,
-		ClientFooterDown,
 		MainNavbar,
 		Link,
-		FsLightbox,
 		Head
 	},
 	methods: {
@@ -204,10 +193,6 @@ export default {
 			}
 			return text
 		},
-		openEditorImagesOnSlide: function (number) {
-			this.slide = number;
-			this.toggler = !this.toggler;
-		},
 		isSameRoute(route) {
 			if (this.$page.props.ziggy.location === route) {
 				return true
@@ -222,11 +207,7 @@ export default {
 		},
 		onScroll(e) {
 			const windowTop = window.top.scrollY
-			if (windowTop > 100) {
-				this.scrollTop = true
-			} else {
-				this.scrollTop = false
-			}
+			this.scrollTop = windowTop > 100;
 		},
 		scrollToTop() {
 			window.scrollTo(0, 0)
@@ -237,8 +218,6 @@ export default {
 	mounted() {
 		window.addEventListener("scroll", this.onScroll)
 
-		// this.editorImages = this.blocksWithSlideNumber.filter(block => block.type === 'image').map(block => block.data.file.url);
-
 		window.addEventListener("scroll", () => {
 			const headings = document.querySelectorAll('h2');
 			const visor = document.querySelector('#visor');
@@ -285,16 +264,6 @@ export default {
 
 
 
-.paragraph-container a {
-	@apply text-[#1E57A3];
-	@apply underline;
-}
-
-.paragraph-container p {
-	@apply mb-2
-}
-
-
 
 @keyframes fade {
 	from {