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

Rework frontend

Browse Source
This commit is contained in:
F4ilji
2025-04-02 18:09:54 +05:00
parent 49072e50c7
commit bd3a4408b1
197 changed files with 9715 additions and 6664 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/Pages/Client/AcademicJournals/Index.vue
+6 -4
View File
@@ -3,15 +3,16 @@ import {Head, Link} from "@inertiajs/vue3";
import MainPageNavBar from "@/Navbars/MainPageNavbar.vue";
import MetaTags from "@/componentss/shared/SEO/MetaTags.vue";
import BasicFooter from "@/footers/BasicFooter.vue";
import AcademicJournalsListBreadcrumbs
from "@/componentss/features/academicJournals/components/AcademicJournalsListBreadcrumbs.vue.vue";
export default {
name: "Index",
components: {
AcademicJournalsListBreadcrumbs,
BasicFooter,
MetaTags,
MainPageNavBar,
ClientFooterDown,
ClientScrollTimeline,
Link,
Head,
},
@@ -44,8 +45,8 @@ export default {
<MainPageNavBar class="border-b" :sections="$page.props.navigation" />
<div class="flex flex-col h-screen">
<main class="flex-grow">
<div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 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="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-5 md:flex md:flex-row">
<div class="px-4 pb-12 sm:px-6 lg:px-8 mx-auto">
<div>
<!-- Avatar Media -->
<!-- End Avatar Media -->
@@ -54,6 +55,7 @@ export default {
<div class="space-y-5 md:space-y-4">
<!-- Card Section -->
<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
<AcademicJournalsListBreadcrumbs />
<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>
resources/js/Pages/Client/AcademicJournals/Show.vue
+8 -5
View File
@@ -5,10 +5,15 @@ import Builder from "@/componentss/shared/builder/pageBuilder/Builder.vue";
import BasicFooter from "@/footers/BasicFooter.vue";
import MetaTags from "@/componentss/shared/SEO/MetaTags.vue";
import AcademicJournalsTitle from "@/componentss/features/academicJournals/components/AcademicJournalsTitle.vue";
import BasicPagination from "@/componentss/shared/paginate/BasicPagination.vue";
import AcademicJournalsItemBreadcrumbs
from "@/componentss/features/academicJournals/components/AcademicJournalsItemBreadcrumbs.vue";
export default {
name: "Show",
components: {
AcademicJournalsItemBreadcrumbs,
BasicPagination,
MetaTags,
BasicFooter,
Builder,
@@ -66,6 +71,7 @@ export default {
<!-- End Avatar Media -->
<!-- Content -->
<div class="space-y-5 md:space-y-8">
<AcademicJournalsItemBreadcrumbs class="max-w-4xl px-2 xl:px-5 md:w-4/5 mx-auto" :title="journal.data.title" />
<AcademicJournalsTitle class="text-center" :header="journal.data.title" />
<div>
<nav class="flex flex-col md:flex-row justify-center gap-x-6" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
@@ -149,10 +155,9 @@ export default {
<div id="horizontal-alignment-4" class="hidden" role="tabpanel" aria-labelledby="horizontal-alignment-item-4">
<!-- List -->
<!-- Card Section -->
<div class="px-4 py-5 sm:px-6 lg:px-8 lg:py-7 mx-auto">
<div class="px-0 py-5 sm:px-6 lg:px-8 lg:py-7 mx-auto">
<!-- Grid -->
<div class="">
<template v-for="journalByYear in journals">
<template v-for="journalByYear in journals">
<h2 class="font-bold text-xl text-center">{{ journalByYear.year_publication }}</h2>
<hr class="mb-4 mt-2">
<div class="grid sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-6 mb-4">
@@ -177,8 +182,6 @@ export default {
</template>
</div>
</template>
</div>
<!-- End Grid -->
</div>
<!-- End Card Section --> <!-- End List -->
resources/js/Pages/Client/Events/Archive.vue
+7 -10
View File
@@ -104,26 +104,23 @@ export default {
</div>
<div class="grid gap-y-10 mt-5 w-full"> <!-- Добавлен w-full -->
<template v-for="event in events.data">
<Link class="group sm:flex rounded-xl w-full" :href="route('client.event.show', event.slug)"> <!-- Добавлен w-full -->
<div class="sm:flex rounded-xl w-full"> <!-- Добавлен w-full -->
<div class="grow">
<div class="flex flex-col h-full">
<div class="mb-3">
<p class="inline-flex mr-2 items-center gap-1.5 py-1.5 rounded-md text-[12px] text-gray-600">
{{ event.event_date_start }}
</p>
<p v-if="event.category" class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] text-blue-600">
{{ event.category }}
</p>
<a :href="route('client.event.archive', { 'category[]': event.category.slug })" v-if="event.category" class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] text-blue-600 hover:underline">
{{ event.category.title }}
</a>
</div>
<h3 class="text-lg sm:text-2xl font-semibold text-gray-800 group-hover:text-blue-600">
<Link :href="route('client.event.show', event.slug)" class="text-lg sm:text-2xl font-semibold text-gray-800 hover:text-blue-600">
{{ event.title }}
</h3>
<p class="mt-2 text-gray-600">
Great news we're eager to share.
</p>
</Link>
</div>
</div>
</Link>
</div>
</template>
</div>
<BasicPagination :links="events.links" />
resources/js/Pages/Client/Events/Index.vue
+9 -11
View File
@@ -98,7 +98,7 @@ export default {
</div>
</div>
<div v-if="hasActiveFilters" class="px-6">
<div v-if="hasActiveFilters">
<h3 class="text-sm text-gray-500 mb-4">Найдено мероприятий: {{ events.data.length }}</h3>
<div class="flex-wrap flex gap-3 md:items-center">
<BasicListBadge :filters="filters" />
@@ -107,26 +107,24 @@ export default {
</div>
<div class="grid gap-y-10 mt-10">
<template v-for="event in events.data">
<Link class="group sm:flex rounded-xl" :href="route('client.event.show', event.slug)">
<div class="sm:flex rounded-xl">
<div class="grow">
<div class="flex flex-col h-full">
<div class="mb-3">
<p class="inline-flex mr-2 items-center gap-1.5 py-1.5 rounded-md text-[12px] text-gray-600">
{{ event.event_time_start }}
</p>
<p v-if="event.category" class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] text-blue-600">
{{ event.category }}
</p>
<a :href="route('client.event.index', { 'category[]': event.category.slug })" v-if="event.category" class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] text-blue-600 hover:underline">
{{ event.category.title }}
</a>
</div>
<h3 class="text-lg sm:text-2xl font-semibold text-gray-800 group-hover:text-blue-600">
<Link :href="route('client.event.show', event.slug)" class="text-lg sm:text-2xl font-semibold text-gray-800 hover:text-blue-600">
{{ event.title }}
</h3>
<p class="mt-2 text-gray-600">
Great news we're eager to share.
</p>
</Link>
</div>
</div>
</Link>
</div>
</template>
</div>
</div>
resources/js/Pages/Client/Events/Show.vue
+21 -17
View File
@@ -70,28 +70,32 @@ export default {
<BasicTitle :header="event.data.title" />
</div>
<div class="flex space-x-3 text-gray-500 ">
<div class="flex gap-x-3 text-gray-500 ">
<div class="flex items-center gap-3">
<div>
<div class="md:flex md:items-center space-y-3 md:space-y-0 space-x-2 text-sm">
<p v-if="event.data.is_online === 1" class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] text-blue-600">
Онлайн
</p>
<p v-if="event.data.category" class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] text-blue-600">
{{ event.data.category }}
</p>
<div class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] text-blue-600">
<span>Дата начала: {{ event.data.event_date_start }}, {{ event.data.event_time_start }}</span>
</div>
<div class="col-start-2 text-center">
<span>Адрес: {{ event.data.address }}</span>
</div>
</div>
</div>
<div class="flex items-center flex-wrap gap-2 text-sm">
<a :href="route('client.event.index', { 'is_online': 'online' })"
v-if="event.data.is_online === 1"
class="inline-flex items-center py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] hover:underline text-blue-600">
Онлайн
</a>
<a :href="route('client.event.index', { 'category[]': event.data.category.slug })"
v-if="event.data.category"
class="inline-flex items-center py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] hover:underline text-blue-600">
{{ event.data.category.title }}
</a>
<div class="inline-flex items-center py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] text-blue-600">
<span>Дата начала: {{ event.data.event_date_start }}, {{ event.data.event_time_start }}</span>
</div>
<div class="md:flex md:items-center md:justify-center w-full md:w-auto">
<span>Адрес: {{ event.data.address }}</span>
</div>
</div>
</div>
</div>
</div>
<div class="space-y-3 md:space-y-4">
<div class="gap-y-3 md:gap-y-4">
<Builder :blocks="event.data.content"/>
</div>
</div>
resources/js/Pages/Client/Posts/Index.vue
+6 -6
View File
@@ -76,12 +76,12 @@ export default {
<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="pt-6 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto w-full max-w-screen-lg">
<div class="pt-6 px-4 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto w-full max-w-screen-lg">
<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>
<PostListBreadcrumbs :breadcrumbs="breadcrumbs" class="px-5" />
<PostListBreadcrumbs :breadcrumbs="breadcrumbs" />
<div>
<HeadItemsWrapper>
<PostListSearch :search_filter="filters.search_filter" />
@@ -93,9 +93,9 @@ export default {
</HeadItemsWrapper>
<div v-if="hasActiveFilters" class="px-6">
<div>
<h3 class="text-sm text-gray-500 mb-4">Найдено новостей: {{ posts.meta.total }}</h3>
<div class="flex-wrap flex gap-3 md:items-center">
<div v-if="hasActiveFilters" class="flex-wrap flex gap-3 md:items-center">
<BasicListBadge :filters="filters" />
</div>
</div>
@@ -103,8 +103,8 @@ export default {
<div class="space-y-5 md:space-y-4">
<div class="space-y-5 md:space-y-4">
<div>
<div class="container px-4 mx-auto xl:px-5 max-w-screen-lg py-5 lg:py-8">
<div class="mt-10 grid gap-10 md:grid-cols-2 lg:gap-10 xl:grid-cols-3">
<div class="container mx-auto max-w-screen-lg py-5 lg:py-8">
<div class="grid gap-10 md:grid-cols-2 lg:gap-10 xl:grid-cols-3">
<template v-for="post in posts.data" :key="post.id">
<PostListItem :post="post" />
</template>
resources/js/Pages/Dashboard/CreateSchedule.vue
-125
View File
@@ -1,125 +0,0 @@
<template>
<!-- ========== MAIN CONTENT ========== -->
<!-- Sidebar -->
<div id="sidebar-mini" class="transform fixed top-0 start-0 bottom-0 z-[60] w-20 bg-white border-e border-gray-200 lg:block lg:translate-x-0 lg:end-auto lg:bottom-0 [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500 dark:bg-neutral-800 dark:border-neutral-700" role="dialog" tabindex="-1" aria-label="Mini Sidebar">
<div class="flex flex-col justify-center items-center gap-y-2 py-4">
<div class="mb-4">
<Link
class="flex-none text-xl font-semibold"
href="/" aria-label="Brand">
<img class="max-w-[40px]" src="/logos/only_logo.svg" alt="">
</Link>
</div>
<div class="hs-tooltip [--placement:right] inline-block">
<button type="button" class="hs-tooltip-toggle size-[38px] inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-full border border-transparent text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="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="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute invisible z-20 py-1.5 px-2.5 bg-gray-900 text-xs text-white rounded-lg whitespace-nowrap dark:bg-neutral-700" role="tooltip">
Home
</span>
</button>
</div>
<div class="hs-tooltip [--placement:right] inline-block">
<button type="button" class="hs-tooltip-toggle size-[38px] inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-full border border-transparent text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="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="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute invisible z-20 py-1.5 px-2.5 bg-gray-900 text-xs text-white rounded-lg whitespace-nowrap dark:bg-neutral-700" role="tooltip">
Users
</span>
</button>
</div>
<div class="hs-tooltip [--placement:right] inline-block">
<button type="button" class="hs-tooltip-toggle size-[38px] inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-full border border-transparent text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
<svg class="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="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"></path><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"></path></svg>
<span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute invisible z-20 py-1.5 px-2.5 bg-gray-900 text-xs text-white rounded-lg whitespace-nowrap dark:bg-neutral-700" role="tooltip">
Notifications
</span>
</button>
</div>
</div>
</div> <!-- End Sidebar -->
<!-- Content -->
<div class="relative h-screen w-full">
<div class="py-10 lg:py-14">
<!-- Title -->
<div class="max-w-4xl px-4 sm:px-6 lg:px-8 mx-auto text-center">
<h1 class="text-3xl font-bold text-gray-800 sm:text-4xl dark:text-white">
Расписание НТГСПИ
</h1>
<p class="mt-3 text-gray-600 dark:text-neutral-400">
Онлайн веб конструктор
</p>
<div>
<Repeater>
<template class="" #block="{ block, index }">
<!-- Отображение и редактирование содержимого блока -->
<div class="w-full py-3 border">{{ weekDays[index] }}</div>
</template>
</Repeater>
<button @click="saveBlocks" type="button" class="hidden py-3 px-4 inline-flex items-center gap-x-2 text-sm font-medium rounded-lg border border-gray-200 text-gray-500 hover:border-blue-600 hover:text-blue-600 focus:outline-none focus:border-blue-600 focus:text-blue-600 disabled:opacity-50 disabled:pointer-events-none dark:border-neutral-700 dark:text-neutral-400 dark:hover:text-blue-500 dark:hover:border-blue-600 dark:focus:text-blue-500 dark:focus:border-blue-600">
Сохранить
</button>
</div>
</div>
<!-- End Title -->
</div>
<!-- Textarea -->
<!-- End Textarea -->
</div>
<!-- End Content -->
<!-- ========== END MAIN CONTENT ========== -->
</template>
<script>
import {Link} from "@inertiajs/vue3";
import Repeater from "@/Components/Dashboard/Repeater.vue";
export default {
name: "CreateSchedule",
data() {
return {
days: []
}
},
computed: {
weekDays() {
return ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'];
}
},
props: {
},
components: {
Repeater,
Link
},
methods: {
saveBlocks() {
// Сохранение массива blocks в JSON формате
const blocksJson = JSON.stringify(this.blocks);
// Отправка данных на сервер или сохранение в другом месте
console.log(blocksJson);
}
}
}
</script>
<style scoped>
</style>
resources/js/Pages/Main.vue
+1 -1
View File
@@ -2,7 +2,7 @@
<MetaTags :seo="seo" />
<MainPageNavBar :sections="$page.props.navigation" />
<Slider class="rounded" slider-id="quos-velit-quisquam" />
<Slider class="bvi-hide" slider-id="quos-velit-quisquam" />
<section class="max-w-screen-xl w-full mx-auto px-4 py-3 pb-10">
<h2 class="text-brand-primary my-6 md:mb-[50px] md:mt-[80px] text-2xl font-semibold tracking-tight text-black lg:text-[32px] lg:leading-tight bvi-show">Последние новости</h2>