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 12:48:19 +05:00
parent 21a6e9073b
commit cebc584a14
303 changed files with 8224 additions and 2563 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/Pages/Main.vue
+90 -88
View File
@@ -2,8 +2,11 @@
<Head>
<title>Главная</title>
<meta name="description" content="Your page description">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Заголовок страницы">
<meta property="og:description" content="Описание страницы">
<meta property="og:image" content="URL_изображения">
</Head>
<MainPageNavBar :sections="$page.props.navigation" :slider-ref="sliderRef" />
<ClientMainSlider @slider-mounted="setSliderRef" :slidersCarousel="sliders" />
<section class="max-w-screen-xl w-full mx-auto px-4 py-3 pb-10">
@@ -84,103 +87,94 @@
</Link>
</div>
<!-- End Card Blog -->
<h2 class="text-brand-primary my-10 md:mb-[50px] md:mt-[80px] text-2xl font-semibold tracking-tight text-black lg:text-[32px] lg:leading-tight">Образование</h2>
<div class="grid gap-10 md:grid-cols-1 lg:gap-10 xl:grid-cols-2">
<Link :href="route('client.program.index', {level: 'BACHELOR'})">
<div class="w-full bg-[#E9F2FE] hover:opacity-70 duration-300 rounded group px-10 py-8">
<h3 class="my-3 flex justify-between items-center gap-x-1 text-2xl font-semibold text-gray-800">
<span class="">Бакалавриат</span>
<svg class="flex-shrink-0 size-9 transition ease-in-out duration-300 group-hover:translate-x-2" 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="m9 18 6-6-6-6"/></svg>
</h3>
<p class="font-thin">Построй свою индивидуальную траекторию</p>
<div class="flex mt-[100px] gap-x-4">
<div class="">
<span class="block text-xl font-semibold">30</span>
<span class="block">Программ</span>
</div>
<div>
<span class="block text-xl font-semibold">30</span>
<span class="block">Программ</span>
</div>
<div>
<span class="block text-xl font-semibold">30</span>
<span class="block">Программ</span>
</div>
</div>
</div>
</Link>
<Link :href="route('client.program.index', {level: 'MASTER'})">
<div class="w-full bg-[#F5F5F5] hover:opacity-70 duration-300 rounded group px-10 py-8">
<h3 class="my-3 flex justify-between items-center gap-x-1 text-2xl font-semibold text-gray-800">
<span class="">Магистратура</span>
<svg class="flex-shrink-0 size-9 transition ease-in-out duration-300 group-hover:translate-x-2" 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="m9 18 6-6-6-6"/></svg>
</h3>
<p class="font-thin">Построй свою индивидуальную траекторию</p>
<div class="flex mt-[100px] gap-x-4">
<div class="">
<span class="block text-xl font-semibold">30</span>
<span class="block">Программ</span>
</div>
<div>
<span class="block text-xl font-semibold">30</span>
<span class="block">Программ</span>
</div>
<div>
<span class="block text-xl font-semibold">30</span>
<span class="block">Программ</span>
</div>
</div>
</div>
</Link>
<Link :href="route('client.additionalEducation.index')">
<!-- Card Blog -->
<div class="w-full mx-auto">
<!-- Grid -->
<div class="grid sm:grid-cols-2 lg:grid-cols-2 gap-6">
<template v-for="(level, index) in educations.admission_campaign">
<Link :href="route('client.program.index', {level: LevelEducational[index].name})">
<div class="group flex flex-col h-full bg-white hover:opacity-70 hover:border-secondDarkBlue duration-300 border border-gray-200 shadow-sm rounded-xl">
<div class="p-4 md:p-6">
<span class="block mb-1 text-xs font-semibold uppercase text-blue-600">
{{ LevelEducational[index].type_label }}
</span>
<h3 class="text-3xl font-semibold text-gray-800">
{{ LevelEducational[index].label }}
</h3>
<p class="mt-3 text-gray-500">
Построй свою индивидуальную траекторию
</p>
</div>
<div class="mt-auto p-4 md:p-6 grid grid-cols-2 lg:grid-cols-3 sm:space-y-0">
<div class="pb-4">
<p class="text-2xl font-semibold text-blue-600">{{ level.total_programs }}</p>
<p class="mt-1 text-sm text-gray-500">Программ</p>
</div>
<div class="pb-4">
<p class="text-2xl font-semibold text-blue-600">{{ level.places.och_count }}</p>
<p class="mt-1 text-sm text-gray-500">Очных</p>
</div>
<div class="pb-4">
<p class="text-2xl font-semibold text-blue-600">{{ level.places.zaoch_count }}</p>
<p class="mt-1 text-sm text-gray-500">Заочных</p>
</div>
<div class="pb-4">
<p class="text-2xl font-semibold text-blue-600">{{ level.places.budget_places }}</p>
<p class="mt-1 text-sm text-gray-500">Бюджетных</p>
</div>
<div class="pb-4">
<p class="text-2xl font-semibold text-blue-600">{{ level.places.non_budget_places }}</p>
<p class="mt-1 text-sm text-gray-500">Платных</p>
</div>
<div class="w-full bg-[#F5F5F5] hover:opacity-70 duration-300 rounded group px-10 py-8">
<h3 class="my-3 flex justify-between items-center gap-x-1 text-2xl font-semibold text-gray-800">
<span class="">Дополнительное образование</span>
<svg class="flex-shrink-0 size-9 transition ease-in-out duration-300 group-hover:translate-x-2" 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="m9 18 6-6-6-6"/></svg>
</h3>
<p class="font-thin">Построй свою индивидуальную траекторию</p>
<div class="flex mt-[100px] gap-x-4">
<div class="">
<span class="block text-xl font-semibold">{{ additional_educations.educations_count }}</span>
<span class="block">Программ</span>
</div>
</div>
<div>
<span class="block text-xl font-semibold">{{ additional_educations.categories_count }}</span>
<span class="block">Направлений</span>
</Link>
</template>
<Link :href="route('client.additionalEducation.index')">
<div class="group flex flex-col h-full bg-white hover:opacity-70 hover:border-secondDarkBlue duration-300 border border-gray-200 shadow-sm rounded-xl">
<div class="p-4 md:p-6">
<span class="block mb-1 text-xs font-semibold uppercase text-blue-600">
Доп. образование
</span>
<h3 class="text-3xl font-semibold text-gray-800">
Дополнительное образование
</h3>
<p class="mt-3 text-gray-500">
Построй свою индивидуальную траекторию
</p>
</div>
<div class="mt-auto p-4 md:p-6 grid grid-cols-2 lg:grid-cols-3 sm:space-y-0 space-y-3">
<div class="pb-4">
<p class="text-2xl font-semibold text-blue-600">{{ educations.additional_education.educations_count }}</p>
<p class="mt-1 text-sm text-gray-500">Программ</p>
</div>
<div class="pb-4">
<p class="text-2xl font-semibold text-blue-600">{{ educations.additional_education.categories_count }}</p>
<p class="mt-1 text-sm text-gray-500">Направлений</p>
</div>
</div>
</div>
</div>
</Link>
<Link :href="route('client.program.index', {level: 'MIDDLE_LEVEL_SPECIALIST_TRAINING'})">
<div class="w-full bg-[#E9F2FE] hover:opacity-70 duration-300 rounded group px-10 py-8">
<h3 class="my-3 flex justify-between items-center gap-x-1 text-2xl font-semibold text-gray-800">
<span class="">Среднее профессиональное</span>
<svg class="flex-shrink-0 size-9 transition duration-300 ease-in-out group-hover:translate-x-2" 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="m9 18 6-6-6-6"/></svg>
</h3>
<p class="font-thin">Построй свою индивидуальную траекторию</p>
<div class="flex mt-[100px] gap-x-4">
<div class="">
<span class="block text-xl font-semibold">30</span>
<span class="block">Программ</span>
</div>
<div>
<span class="block text-xl font-semibold">30</span>
<span class="block">Программ</span>
</div>
<div>
<span class="block text-xl font-semibold">30</span>
<span class="block">Программ</span>
</div>
</div>
</div>
</Link>
</Link>
</div>
<!-- End Grid -->
</div>
<!-- End Card Blog -->
</section>
<section class="bg-[#F5F5F5] w-full py-10">
<div class="max-w-screen-xl md:flex justify-around w-full mx-auto px-4 py-[50px] flex-wrap">
<div class="mb-[50px] space-y-3">
@@ -248,11 +242,18 @@ import ClientFooterDown from "@/Components/ClientFooterDown.vue";
import MainPageNavBar from "@/Navbars/MainPageNavbar.vue";
import ClientPost from "@/Components/ClientPost.vue";
import { ref } from 'vue';
import LevelEducational from "../Enum/LevelEducational.js";
import BaseMetaHead from "@/Components/BaseComponents/BaseMetaHead.vue";
export default {
name: "Main",
computed: {
LevelEducational() {
return LevelEducational
}
},
data() {
return {
sliderRef: null,
@@ -269,7 +270,7 @@ export default {
sliders: {
type: Object,
},
additional_educations: {
educations: {
type: Object,
},
icons: {
@@ -278,6 +279,7 @@ export default {
},
components: {
BaseMetaHead,
ClientPost,
MainPageNavBar,
ClientFooterDown,