Changes

2024-11-01 00:38:22 +05:00
parent cf5ef14736
commit db9849e3f4
97 changed files with 4207 additions and 906 deletions
@@ -1,5 +1,5 @@
 <template>
-    <span v-if="this.filter.value !== null" class="inline-flex items-center gap-x-1.5 py-1.5 ps-3 pe-2 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
+    <span v-if="filter.value !== null" class="inline-flex items-center gap-x-1.5 py-1.5 ps-3 pe-2 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
        {{ (filter.value.length > 1) ? filter.value.length + ' категории' : filter.content[filter.value[0]].data.title }}
        <button @click.prevent="clearFilter" type="button" class="shrink-0 size-4 inline-flex items-center justify-center rounded-full hover:bg-blue-200 focus:outline-none focus:bg-blue-200 focus:text-blue-500">
            <span class="sr-only">Remove badge</span>
@@ -1,5 +1,5 @@
 <template>
-	<span v-if="this.filter.value !== null" class="inline-flex items-center gap-x-1.5 py-1.5 ps-3 pe-2 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
+	<span v-if="filter.value !== null" class="inline-flex items-center gap-x-1.5 py-1.5 ps-3 pe-2 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
  	Поиск: {{ filter.value }}
  	<button @click.prevent="clearFilter" type="button" class="shrink-0 size-4 inline-flex items-center justify-center rounded-full hover:bg-blue-200 focus:outline-none focus:bg-blue-200 focus:text-blue-500">
    	<span class="sr-only">Remove badge</span>
@@ -1,5 +1,5 @@
 <template>
-	<span v-if="this.filter.value !== null" class="inline-flex items-center gap-x-1.5 py-1.5 ps-3 pe-2 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
+	<span v-if="filter.value !== null" class="inline-flex items-center gap-x-1.5 py-1.5 ps-3 pe-2 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
  	{{ (filter.value.length > 1) ? 'Тэг: ' + filter.value.length + ' значений' : '#' + JSON.parse(filter.content[filter.value].data.name).ru }}
  	<button @click.prevent="clearFilter" type="button" class="shrink-0 size-4 inline-flex items-center justify-center rounded-full hover:bg-blue-200 focus:outline-none focus:bg-blue-200 focus:text-blue-500">
    	<span class="sr-only">Remove badge</span>
@@ -1,6 +1,6 @@
 <template>

-	<Link :href="route(this.link)" class="inline-flex items-center gap-x-1.5 text-sm text-gray-600 decoration-2 hover:underline dark:text-blue-500">
+	<Link :href="route(link)" class="inline-flex items-center gap-x-1.5 text-sm text-gray-600 decoration-2 hover:underline dark:text-blue-500">
 		<svg class="flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>
 		{{ title }}
 	</Link>
@@ -44,7 +44,7 @@
 							</Link>
 						</li>
 						<li class="text-sm">
-							<Link :href="this.$inertia.page.props.ziggy.location" class="flex items-center text-gray-500 hover:text-blue-600">
+							<Link :href="$page.props.ziggy.location" class="flex items-center text-gray-500 hover:text-blue-600">
 								<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
 										 width="16" height="16"
 										 viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -74,7 +74,7 @@
 							</Link>
 						</li>
 						<li class="text-sm">
-							<Link :href="this.$inertia.page.props.ziggy.location" class="flex items-center text-gray-500 hover:text-blue-600">
+							<Link :href="$page.props.ziggy.location" class="flex items-center text-gray-500 hover:text-blue-600">
 								<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
 										 width="16" height="16"
 										 viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -115,7 +115,10 @@ export default {
 			return text
 		},
 		isMobileDevice() {
-			return window.innerWidth < 1024; // Задайте порог для мобильных устройств
+			if (typeof window !== 'undefined') {
+				return window.innerWidth < 1024; // Проверка на мобильные устройства
+			}
+			return false; // По умолчанию возвращаем false, когда не в браузере
 		},
 		handleSectionClick(breadcrumb) {
 			if (this.isMobileDevice()) {
@@ -94,7 +94,10 @@ export default {
 			return text
 		},
 		isMobileDevice() {
-			return window.innerWidth < 1024; // Задайте порог для мобильных устройств
+			if (typeof window !== 'undefined') {
+				return window.innerWidth < 1024; // Проверка на мобильные устройства
+			}
+			return false; // По умолчанию возвращаем false, когда не в браузере
 		},
 		handleSectionClick(breadcrumb) {
 			if (this.isMobileDevice()) {
@@ -27,7 +27,7 @@ import slugify from "slugify";
 import SearchBadge from "@/Components/BuilderUi/Events/Badges/SearchBadge.vue";
 import CategoryBadge from "@/Components/BuilderUi/Events/Badges/CategoryBadge.vue";
 import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
-import {debounce} from "lodash/function.js";
+import {debounce} from "lodash";
 export default {
 	name: "CategoryFilter",
 	components: {
@@ -19,7 +19,7 @@ import slugify from "slugify";
 import SearchBadge from "@/Components/BuilderUi/Events/Badges/SearchBadge.vue";
 import CategoryBadge from "@/Components/BuilderUi/Events/Badges/CategoryBadge.vue";
 import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
-import {debounce} from "lodash/function.js";
+import {debounce} from "lodash";
 export default {
 	name: "IsOnlineFilter",
 	components: {
@@ -2,7 +2,7 @@
 	<div class="min-w-[12rem] py-1 space-y-3">
 		<h3 class="font-medium text-gray-900 text-sm mb-2">Сортировать по</h3>
 		<div>
-			<select @change="filter" v-model="sortOrder" class="py-2 px-3 pe-9 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600">
+			<select @change="filter()" v-model="sortOrder" class="py-2 px-3 pe-9 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-400 dark:placeholder-neutral-500 dark:focus:ring-neutral-600">
 				<option value="desc">Дате (Сначала новые)</option>
 				<option value="asc">Дате (Сначала старые)</option>
 			</select>
@@ -17,7 +17,7 @@ import slugify from "slugify";
 import SearchBadge from "@/Components/BuilderUi/Events/Badges/SearchBadge.vue";
 import CategoryBadge from "@/Components/BuilderUi/Events/Badges/CategoryBadge.vue";
 import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
-import {debounce} from "lodash/function.js";
+import {debounce} from "lodash";
 export default {
 	name: "SortingByFilter",
 	components: {
@@ -27,7 +27,7 @@ import slugify from "slugify";
 import SearchBadge from "@/Components/BuilderUi/Events/Badges/SearchBadge.vue";
 import CategoryBadge from "@/Components/BuilderUi/Events/Badges/CategoryBadge.vue";
 import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
-import {debounce} from "lodash/function.js";
+import {debounce} from "lodash";
 export default {
 	name: "TagFilter",
 	components: {