failj/ntspi-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changes

Browse Source
This commit is contained in:
f4ilji
2024-10-04 16:05:23 +05:00
parent cebc584a14
commit 77b3e3b4b1
124 changed files with 1123 additions and 587 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/Pages/Error.vue
+50 -24
View File
@@ -4,36 +4,40 @@
<meta name="description" content="Your page description">
</Head>
<MainPageNavBar class="border-b" :sections="$page.props.navigation"></MainPageNavBar>
<div class="flex flex-col h-screen justify-between">
<MainPageNavBar class="border-b" :sections="$page.props.navigation"></MainPageNavBar>
<div class="max-w-[50rem] flex flex-col mx-auto size-full">
<!-- ========== HEADER ========== -->
<!-- ========== END HEADER ========== -->
<div class="max-w-[50rem] flex flex-col mx-auto size-full">
<!-- ========== HEADER ========== -->
<!-- ========== END HEADER ========== -->
<!-- ========== MAIN CONTENT ========== -->
<main class="mt-[67px]" id="content">
<div class="text-center py-10 px-4 sm:px-6 lg:px-8">
<h1 class="block text-7xl font-bold text-gray-800 sm:text-9xl">{{ title }}</h1>
<p class="mt-3 text-gray-600">Упс! Что-то пошло не так.</p>
<p class="text-gray-600">{{ description }}</p>
<div class="mt-5 flex flex-col justify-center items-center gap-2 sm:flex-row sm:gap-3">
<a :href="route('index')" class="w-full sm:w-auto py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none" href="../examples.html">
<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>
На домашнюю страницу
</a>
<!-- ========== MAIN CONTENT ========== -->
<main class="my-auto" id="content">
<div class="text-center py-10 px-4 sm:px-6 lg:px-8">
<h1 class="block text-7xl font-bold text-gray-800 sm:text-9xl">{{ title }}</h1>
<p class="text-gray-600">{{ description }}</p>
<div class="mt-5 flex flex-col justify-center items-center gap-2 sm:flex-row sm:gap-3">
<a :href="route('index')" class="w-full sm:w-auto py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-lg border border-transparent bg-blue-600 text-white hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none" href="../examples.html">
<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>
На домашнюю страницу
</a>
</div>
</div>
</div>
</main>
<!-- ========== END MAIN CONTENT ========== -->
</main>
<!-- ========== END MAIN CONTENT ========== -->
<!-- ========== FOOTER ========== -->
<!-- ========== FOOTER ========== -->
<!-- ========== END FOOTER ========== -->
<!-- ========== END FOOTER ========== -->
</div>
<ClientFooterDown />
</div>
<ClientFooterDown />
@@ -52,7 +56,29 @@ import {defineComponent} from "vue";
import MainPageNavBar from "@/Navbars/MainPageNavbar.vue";
export default defineComponent({
components: {MainPageNavBar}
components: {ClientFooterDown, MainPageNavBar},
props: {
status: Number,
},
computed: {
title() {
return {
503: '503',
500: '500',
404: '404',
403: '403',
}[this.status]
},
description() {
return {
503: 'Простите, мы проводим технические работы на странице.',
500: 'Упс, проблема на стороне сервера. Мы уже решаем проблему!',
404: 'Упс, страница не найдена!',
403: 'Извините, у вас нет доступа к этой секции.',
}[this.status]
},
},
})