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-28 12:57:16 +05:00
parent e4678fc0d2
commit 6d516d1750
233 changed files with 6312 additions and 1314 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/Pages/Client/Programs/Index.vue
+34 -23
View File
@@ -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>