fix bugs

2025-05-06 10:47:12 +05:00
parent 6f4da2e704
commit 8dadd19adc
7 changed files with 55 additions and 40 deletions
@@ -7,11 +7,27 @@
        </svg>
        <span class="sr-only">Previous</span>
      </a>
+
      <div class="flex items-center gap-x-1">
-        <a v-for="link in getPageLinks(links)" :href="link.url"
-                :class="link.active ? 'border-gray-200 text-gray-800' : 'border-transparent hover:bg-gray-100'"
-                class="min-h-9.5 min-w-9.5 flex justify-center items-center border  py-2 px-3 text-sm rounded-lg focus:outline-hidden focus:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none">{{ link.label }}</a>
+        <!-- Десктопная версия - показываем все страницы -->
+        <template v-for="link in getPageLinks(links)" :key="link.label">
+          <a :href="link.url"
+             :class="link.active ? 'border-gray-200 text-gray-800' : 'border-transparent hover:bg-gray-100'"
+             class="hidden md:flex min-h-9.5 min-w-9.5 justify-center items-center border py-2 px-3 text-sm rounded-lg focus:outline-hidden focus:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none">
+            {{ link.label }}
+          </a>
+        </template>
+
+        <!-- Мобильная версия - показываем только активную и соседние страницы -->
+        <template v-for="link in getMobilePageLinks(links)" :key="'mobile-' + link.label">
+          <a :href="link.url"
+             :class="link.active ? 'border-gray-200 text-gray-800' : 'border-transparent hover:bg-gray-100'"
+             class="md:hidden min-h-9.5 min-w-9.5 flex justify-center items-center border py-2 px-3 text-sm rounded-lg focus:outline-hidden focus:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none">
+            {{ link.label }}
+          </a>
+        </template>
      </div>
+
      <a :href="links.links.slice(-1).pop().url" class="min-h-9.5 min-w-9.5 py-2 px-2.5 inline-flex justify-center items-center gap-x-2 text-sm rounded-lg border border-transparent text-gray-800 hover:bg-gray-100 focus:outline-hidden focus:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none" aria-label="Next">
        <span class="sr-only">Next</span>
        <svg class="shrink-0 size-3.5" 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">
@@ -39,6 +55,20 @@ export default {
          link.label !== 'pagination.previous' &&
          link.label !== 'pagination.next'
      );
+    },
+    getMobilePageLinks(pagination) {
+      const allLinks = this.getPageLinks(pagination);
+      const activeIndex = allLinks.findIndex(link => link.active);
+
+
+
+      // Возвращаем только активную страницу и соседние
+      if (activeIndex === -1) return allLinks;
+
+      const start = Math.max(0, activeIndex - 1);
+      const end = Math.min(allLinks.length - 1, activeIndex + 1);
+
+      return allLinks.slice(start, end + 1);
    }
  }
 };
@@ -1,12 +1,10 @@
 import '../css/app.css';
-
 import { createInertiaApp } from '@inertiajs/vue3'
 import createServer from '@inertiajs/vue3/server'
 import { renderToString } from '@vue/server-renderer'
 import { createSSRApp, h } from 'vue'
 import { ZiggyVue } from '../../vendor/tightenco/ziggy/dist/vue.m';

-
 createServer(page =>
    createInertiaApp({
        page,
@@ -16,9 +14,14 @@ createServer(page =>
            return pages[`./Pages/${name}.vue`]()
        },
        setup({ App, props, plugin }) {
-            return createSSRApp({
+            const ssrApp = createSSRApp({
                render: () => h(App, props),
-            })
+            });
+
+            ssrApp.config.errorHandler = () => null;
+            ssrApp.config.warnHandler = () => null;
+
+            return ssrApp
                .use(plugin)
                .use(ZiggyVue, {
                    ...page.props.ziggy,
@@ -26,4 +29,4 @@ createServer(page =>
                });
        },
    }),
-)
+);
@@ -2,7 +2,7 @@
 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 <head>
    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

 {{--    <title inertia>{{ config('app.name', 'Laravel') }}</title>--}}