Changes
This commit is contained in:
@@ -20,10 +20,18 @@ import PostTitle from "@/Components/BuilderUi/Posts/PostTitle.vue";
|
||||
import PostBuilder from "@/Components/BuilderUi/Posts/PostBuilder.vue";
|
||||
import PostGallery from "@/Components/BuilderUi/Posts/PostGallery.vue";
|
||||
import MainPageNavBar from "@/Navbars/MainPageNavbar.vue";
|
||||
import ProgramListBreadcrumbs from "@/Components/BuilderUi/Programs/ProgramListBreadcrumbs.vue";
|
||||
import ClientAdditionalProgramFilter
|
||||
from "@/Components/BuilderUi/AdditionalEducationPrograms/ClientAdditionalProgramFilter.vue";
|
||||
import ProgramBadge from "@/Components/BuilderUi/AdditionalEducationPrograms/ProgramBadge.vue";
|
||||
import AdditionalEducationProgramListBreadcrumbs
|
||||
from "@/Components/BuilderUi/AdditionalEducationPrograms/AdditionalEducationProgramListBreadcrumbs.vue";
|
||||
|
||||
export default {
|
||||
name: "Index",
|
||||
components: {
|
||||
AdditionalEducationProgramListBreadcrumbs, ProgramBadge, ClientAdditionalProgramFilter,
|
||||
ProgramListBreadcrumbs,
|
||||
MainPageNavBar,
|
||||
PostGallery, PostBuilder, PostTitle, PostBackButton, PostTimeRead, PostAuthorsList,
|
||||
ClientProgramFilter,
|
||||
@@ -102,32 +110,35 @@ export default {
|
||||
|
||||
<MainPageNavBar class="border-b" :sections="$page.props.navigation"></MainPageNavBar>
|
||||
|
||||
|
||||
<div class="flex flex-col h-screen">
|
||||
<main class="flex-grow">
|
||||
<div class="relative mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:py-10">
|
||||
<div class="w-100">
|
||||
<div>
|
||||
<!-- Avatar Media -->
|
||||
<!-- End Avatar Media -->
|
||||
<!-- Content -->
|
||||
<div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:py-10">
|
||||
<div class="">
|
||||
<div class="">
|
||||
<div class="space-y-5 md:space-y-4">
|
||||
<h1 class="text-brand-primary text-center mb-3 mt-2 text-3xl font-semibold tracking-tight dark:text-white lg:text-[40px] lg:leading-tight">
|
||||
{{ this.campaignName }}
|
||||
</h1>
|
||||
<div class="space-y-5 md:space-y-10">
|
||||
<div class="space-y-5 md:space-y-4 mx-auto max-w-3xl">
|
||||
<div>
|
||||
<div class="my-10 flex items-center justify-center gap-x-2">
|
||||
<LevelEduFilter :levels="levelsEducational" :level_filter="filters.level_filter" />
|
||||
<ClientProgramFilter
|
||||
:budget_filter="filters.budget_filter"
|
||||
:direction_filter="filters.direction_filter"
|
||||
:formEdu_filter="filters.formEdu_filter"
|
||||
:types_budget="budgetEdu"
|
||||
:direction_studies="direction_studies"
|
||||
:forms_educational="formsEdu" />
|
||||
<div class="">
|
||||
<div class="my-10 w-full">
|
||||
<ProgramListBreadcrumbs :breadcrumbs="breadcrumbs" />
|
||||
<div class="flex items-center gap-x-2">
|
||||
<LevelEduFilter :levels="levelsEducational" :level_filter="filters.level_filter" />
|
||||
<ClientProgramFilter
|
||||
:budget_filter="filters.budget_filter"
|
||||
:direction_filter="filters.direction_filter"
|
||||
:formEdu_filter="filters.formEdu_filter"
|
||||
:types_budget="budgetEdu"
|
||||
:direction_studies="direction_studies"
|
||||
:forms_educational="formsEdu" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mx-auto xl:px-5 py-5 lg:py-4">
|
||||
<div class="w-full mx-auto gap-x3 flex flex-wrap lg:justify-center">
|
||||
<div class="container py-5 lg:py-4">
|
||||
<div class="w-full mx-auto flex flex-wrap lg:justify-between">
|
||||
<template v-for="naprs in transformToColumns(this.naprs.data)">
|
||||
<div class="flex flex-col">
|
||||
<template v-for="napr in naprs">
|
||||
@@ -136,7 +147,10 @@ export default {
|
||||
{{ napr.name }}
|
||||
</h1>
|
||||
<template v-for="program in napr.programs" :key="program.id">
|
||||
<Link class="block text-[#1E57A3] hover:text-blue-600 duration-200 text-sm underline underline-offset-2 py-1" :href="route('client.program.show', program.slug)">{{ program.name }}</Link>
|
||||
<Link
|
||||
class="block text-[#1E57A3] hover:text-blue-600 duration-200 text-sm underline underline-offset-2 py-1"
|
||||
:href="route('client.program.show', program.slug)">{{ program.name }}
|
||||
</Link>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
@@ -147,10 +161,6 @@ export default {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- End Content -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -160,6 +170,7 @@ export default {
|
||||
|
||||
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<style scoped></style>
|
||||
|
||||
@@ -12,11 +12,19 @@ import ClientProgramFilter from "@/Components/ClientProgramFilter.vue";
|
||||
import LevelEduFilter from "@/Components/BuilderUi/Programs/Filters/LevelEduFilter.vue";
|
||||
import MainPageNavBar from "@/Navbars/MainPageNavbar.vue";
|
||||
import FormBlock from "@/Components/BuilderUi/Pages/Blocks/FormBlock.vue";
|
||||
import ProgramItemBreadcrumbs from "@/Components/BuilderUi/Programs/ProgramItemBreadcrumbs.vue";
|
||||
import AdditionalEducationProgramItemBreadcrumbs
|
||||
from "@/Components/BuilderUi/AdditionalEducationPrograms/AdditionalEducationProgramItemBreadcrumbs.vue";
|
||||
import ProgramTitle from "@/Components/BuilderUi/AdditionalEducationPrograms/ProgramTitle.vue";
|
||||
import ProgramBuilder from "@/Components/BuilderUi/AdditionalEducationPrograms/ProgramBuilder.vue";
|
||||
import ProgramBackButton from "@/Components/BuilderUi/Programs/ProgramBackButton.vue";
|
||||
|
||||
|
||||
export default {
|
||||
name: "Show",
|
||||
components: {
|
||||
ProgramBackButton, ProgramBuilder, ProgramTitle, AdditionalEducationProgramItemBreadcrumbs,
|
||||
ProgramItemBreadcrumbs,
|
||||
FormBlock,
|
||||
MainPageNavBar,
|
||||
LevelEduFilter, ClientProgramFilter,
|
||||
@@ -68,29 +76,26 @@ export default {
|
||||
<meta name="description" content="Your page description">
|
||||
</Head>
|
||||
<MainPageNavBar class="border-b" :sections="$page.props.navigation"></MainPageNavBar>
|
||||
|
||||
|
||||
<div class="flex flex-col h-screen">
|
||||
<main class="flex-grow">
|
||||
<div class="relative mx-auto mt-[67px] max-w-screen-xl px-4 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">
|
||||
<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-0 pt-6 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto">
|
||||
<div>
|
||||
|
||||
|
||||
<!-- Avatar Media -->
|
||||
<!-- End Avatar Media -->
|
||||
<!-- Content -->
|
||||
<div class="space-y-5 md:space-y-4">
|
||||
<div class="space-y-5 md:space-y-4">
|
||||
|
||||
<div>
|
||||
<div class="container mx-auto xl:px-5 max-w-screen-lg py-5 lg:py-8">
|
||||
<a onclick="history.back()" class="inline-flex items-center gap-x-1.5 text-sm text-gray-600 decoration-2 hover:underline dark:text-blue-500" href="#">
|
||||
<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 class="space-y-3 flex flex-col items-center justify-center">
|
||||
<div class="inline-flex mx-auto items-center gap-x-1.5 py-1.5 px-3 rounded-md text-xs font-medium border border-gray-200 bg-white text-gray-800 shadow-sm dark:bg-slate-900 dark:border-gray-700 dark:text-white">{{ program.data.lvl_edu }}</div>
|
||||
<h1 class="text-2xl text-center font-bold md:text-4xl">{{ program.data.name }}</h1>
|
||||
<div class="space-y-3">
|
||||
<ProgramBackButton link="client.program.index" title="Все программы" />
|
||||
<ProgramItemBreadcrumbs :program-title="program.data.name" />
|
||||
<ProgramTitle :header="program.data.name" />
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Icon Blocks -->
|
||||
<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
|
||||
<div class="grid sm:grid-cols-2 lg:grid-cols-3 items-start gap-12">
|
||||
@@ -157,11 +162,6 @@ export default {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="hs-accordion-group">
|
||||
<div class="hs-accordion bg-white border -mt-px first:rounded-t-lg last:rounded-b-lg" id="hs-bordered-heading-one">
|
||||
@@ -452,6 +452,7 @@ export default {
|
||||
</main>
|
||||
<ClientFooterDown/>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<style>
|
||||
|
||||
Reference in New Issue
Block a user