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-12-11 15:41:13 +05:00
parent 0cd5fb9afb
commit e996b189b4
27 changed files with 361 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Filament/Components/Forms/ItemForm/CustomForm/FormBuilderItem.php
+30
View File
@@ -237,6 +237,36 @@ class FormBuilderItem
]), ]),
]) ])
->maxItems(1), ->maxItems(1),
Builder\Block::make('captcha')
->label('reCaptcha')
->schema([
Forms\Components\Hidden::make('name_field')->required()->default(Str::slug('reCaptcha') . Carbon::now()->timestamp),
Section::make('Настройка')
->collapsed()
->statePath('rules')
->schema([
RuleRequiredComponent::getComponent()->default(true),
]),
]),
Builder\Block::make('personal_data')
->label('Соглашение на обработку персональных данных')
->schema([
TextInput::make('title_field')
->label('Заголовок поля')
->live(onBlur: true)
->default('Соглашение на обработку персональных данных')
->afterStateUpdated(function (string $operation, string $state, Forms\Set $set) {
$set('name_field', Str::slug($state) . Carbon::now()->timestamp );
}),
Forms\Components\Hidden::make('name_field')->required()->default(Str::slug('Соглашение на обработку персональных данных') . Carbon::now()->timestamp),
Section::make('Настройка')
->collapsed()
->statePath('rules')
->schema([
RuleRequiredComponent::getComponent()->default(true),
]),
]),
]) ])
->label('') ->label('')
->addActionLabel('Добавить поле') ->addActionLabel('Добавить поле')
package-lock.json
Generated
+10 -1
View File
@@ -23,7 +23,8 @@
"fslightbox": "^3.4.1", "fslightbox": "^3.4.1",
"fslightbox-vue": "^2.1.3", "fslightbox-vue": "^2.1.3",
"preline": "^1.9.0", "preline": "^1.9.0",
"slugify": "^1.6.6" "slugify": "^1.6.6",
"vue3-yandex-smartcaptcha": "^1.0.0"
}, },
"devDependencies": { "devDependencies": {
"@inertiajs/vue3": "^1.0.0", "@inertiajs/vue3": "^1.0.0",
@@ -6191,6 +6192,14 @@
"vue": "3.5.11" "vue": "3.5.11"
} }
}, },
"node_modules/vue3-yandex-smartcaptcha": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/vue3-yandex-smartcaptcha/-/vue3-yandex-smartcaptcha-1.0.0.tgz",
"integrity": "sha512-Sn0/UitYHYBzMvEOM0M00wxB/JC2sZ1EfvdKny3MfZGWLLxBJcKLY6NRInTtpyZcNiez1vsshnoX298Qq+fFzg==",
"peerDependencies": {
"vue": "^3.3.8"
}
},
"node_modules/which": { "node_modules/which": {
"version": "2.0.2", "version": "2.0.2",
"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
package.json
+2 -1
View File
@@ -42,7 +42,8 @@
"fslightbox": "^3.4.1", "fslightbox": "^3.4.1",
"fslightbox-vue": "^2.1.3", "fslightbox-vue": "^2.1.3",
"preline": "^1.9.0", "preline": "^1.9.0",
"slugify": "^1.6.6" "slugify": "^1.6.6",
"vue3-yandex-smartcaptcha": "^1.0.0"
}, },
"name": "ntspi-reborn", "name": "ntspi-reborn",
"description": "<p align=\"center\"><a href=\"https://laravel.com\" target=\"_blank\"><img src=\"https://raw.githubusercontent.com/laravel/art/master/logo-lockup/5%20SVG/2%20CMYK/1%20Full%20Color/laravel-logolockup-cmyk-red.svg\" width=\"400\" alt=\"Laravel Logo\"></a></p>", "description": "<p align=\"center\"><a href=\"https://laravel.com\" target=\"_blank\"><img src=\"https://raw.githubusercontent.com/laravel/art/master/logo-lockup/5%20SVG/2%20CMYK/1%20Full%20Color/laravel-logolockup-cmyk-red.svg\" width=\"400\" alt=\"Laravel Logo\"></a></p>",
resources/js/Components/BaseComponents/BaseBuilderUi/BaseBreadcrumbs.vue
+6 -7
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -43,9 +42,8 @@
{{ textLimit(breadcrumbs.page.data.title, 25) }} {{ textLimit(breadcrumbs.page.data.title, 25) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -62,7 +60,7 @@
{{ textLimit(breadcrumbs.page.data.title, 25) }} {{ textLimit(breadcrumbs.page.data.title, 25) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -75,10 +73,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "BaseBreadcrumbs", name: "BaseBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Components/BaseComponents/BaseBuilderUi/FormBlocks/CaptchaBlock.vue
+41
View File
@@ -0,0 +1,41 @@
<template>
<div class="mb-4 sm:mb-8">
<div class="relative">
<YSmartCaptcha v-model="token" />
<input
v-model="token"
:required="block.data.rules.required"
:name="block.data.name_field"
type="text"
class="hidden"
>
</div>
</div>
</template>
<script>
export default {
name: "CaptchaBlock",
data() {
return {
text: "",
token: null,
}
},
methods: {},
props: {
block: {
type: Object,
},
error: {
type: Object,
}
},
}
</script>
resources/js/Components/BaseComponents/BaseBuilderUi/FormBlocks/PersonalDataBlock.vue
+41
View File
@@ -0,0 +1,41 @@
<template>
<div class="mb-4 sm:mb-8">
<label class="block mb-3 text-sm font-medium">{{ block.data.title_field }}</label>
<div class="">
<input
type="checkbox"
:name="block.data.name_field"
:value="block.data.name_field"
name="hs-default-radio"
class="shrink-0 mb-0.5 border-gray-200 rounded text-blue-600 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none"
:id="block.data.name_field + '-id'">
<label :for="block.data.name_field + '-id'" class="text-sm text-gray-500 ms-2">Даю свое согласие на сбор, обработку, хранение и использование персональных данных в соответствии с <a class="underline text-primaryBlue" target="_blank" href="https://ntspi.ru/upload/824_%D0%9E%D0%B1_%D1%83%D1%82%D0%B2_%D0%9F%D0%BE%D0%BB%D0%B8%D1%82_%D0%BE%D0%B1%D1%80_%D0%B7%D0%B0%D1%89%D0%B8%D1%82_%D0%BF%D0%B5%D1%80%D1%81_%D0%B4%D0%B0%D0%BD.pdf">Пользовательским соглашением</a> </label>
</div>
<p v-if="!error" class="mt-2 text-sm text-gray-500" id="hs-input-helper-text">{{ block.data.description }}</p>
<p v-for="item in error" class="text-sm text-red-600 mt-2" id="hs-validation-name-error-helper">{{ item }}</p>
</div>
</template>
<script>
export default {
name: "PersonalDataBlock",
data() {
return {
text: "",
}
},
methods: {},
props: {
block: {
type: Object,
},
error: {
type: Object,
}
},
}
</script>
resources/js/Components/BaseComponents/BaseBuilderUi/FormBuilder.vue
+10 -9
View File
@@ -78,15 +78,16 @@ export default {
methods: { methods: {
getComponent(type) { getComponent(type) {
const componentMap = { const componentMap = {
text: () => import('@/Components/BuilderUi/Pages/FormBlocks/TextBlock.vue'), text: () => import('@/Components/BaseComponents/BaseBuilderUi/FormBlocks/TextBlock.vue'),
phone: () => import('@/Components/BuilderUi/Pages/FormBlocks/PhoneBlock.vue'), phone: () => import('@/Components/BaseComponents/BaseBuilderUi/FormBlocks/PhoneBlock.vue'),
email: () => import('@/Components/BuilderUi/Pages/FormBlocks/EmailBlock.vue'), email: () => import('@/Components/BaseComponents/BaseBuilderUi/FormBlocks/EmailBlock.vue'),
textarea: () => import('@/Components/BuilderUi/Pages/FormBlocks/TextAreaBlock.vue'), textarea: () => import('@/Components/BaseComponents/BaseBuilderUi/FormBlocks/TextAreaBlock.vue'),
multiple_choice: () => import('@/Components/BuilderUi/Pages/FormBlocks/MultipleChoiceBlock.vue'), multiple_choice: () => import('@/Components/BaseComponents/BaseBuilderUi/FormBlocks/MultipleChoiceBlock.vue'),
single_choice: () => import('@/Components/BuilderUi/Pages/FormBlocks/SingleChoiceBlock.vue'), single_choice: () => import('@/Components/BaseComponents/BaseBuilderUi/FormBlocks/SingleChoiceBlock.vue'),
date: () => import('@/Components/BuilderUi/Pages/FormBlocks/DateBlock.vue'), date: () => import('@/Components/BaseComponents/BaseBuilderUi/FormBlocks/DateBlock.vue'),
additional_education_choice: () => import('@/Components/BuilderUi/Pages/FormBlocks/AdditionalEducationalChoiceBlock.vue'), additional_education_choice: () => import('@/Components/BaseComponents/BaseBuilderUi/FormBlocks/AdditionalEducationalChoiceBlock.vue'),
educational_program_choice: () => import('@/Components/BuilderUi/Pages/FormBlocks/EducationalChoiceBlock.vue') educational_program_choice: () => import('@/Components/BaseComponents/BaseBuilderUi/FormBlocks/EducationalChoiceBlock.vue'),
captcha: () => import('@/Components/BaseComponents/BaseBuilderUi/FormBlocks/CaptchaBlock.vue')
}; };
return defineAsyncComponent(componentMap[type] || null); return defineAsyncComponent(componentMap[type] || null);
}, },
resources/js/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue
+40
View File
@@ -0,0 +1,40 @@
<template>
<ol class="flex items-center whitespace-normal min-w-0 flex-nowrap hide-scrollbar overflow-x-scroll" aria-label="Breadcrumb">
<slot />
</ol>
</template>
<script>
import slugify from "slugify";
import icons from "@/Components/other/icons.js";
import {Link} from "@inertiajs/vue3";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
export default {
name: "BreadcrumbsWrapper",
data() {
return {
}
},
methods: {
},
}
</script>
<style scoped>
/* Скрытие горизонтальной полосы прокрутки */
.hide-scrollbar {
overflow-x: scroll; /* или auto, в зависимости от вашего случая */
}
.hide-scrollbar::-webkit-scrollbar {
display: none; /* Для WebKit-браузеров (Chrome, Safari) */
}
.hide-scrollbar {
-ms-overflow-style: none; /* Для IE и Edge */
scrollbar-width: none; /* Для Firefox */
}
</style>
resources/js/Components/BuilderUi/AdditionalEducationPrograms/AdditionalEducationProgramItemBreadcrumbs.vue
+10 -11
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -13,8 +12,8 @@
<li v-if="breadcrumbs.mainSection" class="text-sm"> <li v-if="breadcrumbs.mainSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -24,8 +23,8 @@
<li v-if="breadcrumbs.subSection" class="text-sm"> <li v-if="breadcrumbs.subSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -54,9 +53,8 @@
{{ additionalEducationTitle }} {{ additionalEducationTitle }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -84,7 +82,7 @@
{{ additionalEducationTitle }} {{ additionalEducationTitle }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -97,10 +95,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "AdditionalEducationProgramItemBreadcrumbs", name: "AdditionalEducationProgramItemBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Components/BuilderUi/AdditionalEducationPrograms/AdditionalEducationProgramListBreadcrumbs.vue
+10 -11
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -13,8 +12,8 @@
<li v-if="breadcrumbs.mainSection" class="text-sm"> <li v-if="breadcrumbs.mainSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -24,8 +23,8 @@
<li v-if="breadcrumbs.subSection" class="text-sm"> <li v-if="breadcrumbs.subSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -43,9 +42,8 @@
{{ textLimit('Дополнительное образование', 30) }} {{ textLimit('Дополнительное образование', 30) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -62,7 +60,7 @@
{{ textLimit('Дополнительное образование', 30) }} {{ textLimit('Дополнительное образование', 30) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -75,10 +73,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "AdditionalEducationProgramListBreadcrumbs", name: "AdditionalEducationProgramListBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Components/BuilderUi/Departments/DepartmentItemBreadcrumbs.vue
+10 -11
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -13,8 +12,8 @@
<li v-if="breadcrumbs.mainSection" class="text-sm"> <li v-if="breadcrumbs.mainSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -24,8 +23,8 @@
<li v-if="breadcrumbs.subSection" class="text-sm"> <li v-if="breadcrumbs.subSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -65,9 +64,8 @@
{{ departmentTitle }} {{ departmentTitle }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center text-ellipsis overflow-hidden whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -106,7 +104,7 @@
{{ departmentTitle }} {{ departmentTitle }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -119,10 +117,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "DepartmentItemBreadcrumbs", name: "DepartmentItemBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Components/BuilderUi/Departments/DepartmentListBreadcrumbs.vue
+11 -11
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -13,8 +12,8 @@
<li v-if="breadcrumbs.mainSection" class="text-sm"> <li v-if="breadcrumbs.mainSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -24,8 +23,8 @@
<li v-if="breadcrumbs.subSection" class="text-sm"> <li v-if="breadcrumbs.subSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -43,9 +42,8 @@
{{ textLimit('Факультеты', 30) }} {{ textLimit('Факультеты', 30) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -62,7 +60,8 @@
{{ textLimit('Факультеты', 30) }} {{ textLimit('Факультеты', 30) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -75,10 +74,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "FacultyListBreadcrumbs", name: "FacultyListBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Components/BuilderUi/Divisions/DivisionItemBreadcrumbs.vue
+11 -11
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -13,8 +12,8 @@
<li v-if="breadcrumbs.mainSection" class="text-sm"> <li v-if="breadcrumbs.mainSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -24,8 +23,8 @@
<li v-if="breadcrumbs.subSection" class="text-sm"> <li v-if="breadcrumbs.subSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -54,9 +53,8 @@
{{ divisionTitle }} {{ divisionTitle }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center text-ellipsis overflow-hidden whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -84,7 +82,8 @@
{{ divisionTitle }} {{ divisionTitle }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -97,10 +96,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "DivisionItemBreadcrumbs", name: "DivisionItemBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Components/BuilderUi/Divisions/DivisionListBreadcrumbs.vue
+10 -11
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -13,8 +12,8 @@
<li v-if="breadcrumbs.mainSection" class="text-sm"> <li v-if="breadcrumbs.mainSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -24,8 +23,8 @@
<li v-if="breadcrumbs.subSection" class="text-sm"> <li v-if="breadcrumbs.subSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -43,9 +42,8 @@
{{ textLimit('Образовательные программы', 30) }} {{ textLimit('Образовательные программы', 30) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -62,7 +60,7 @@
{{ textLimit('Подразделения института', 30) }} {{ textLimit('Подразделения института', 30) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -75,10 +73,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "DivisionListBreadcrumbs", name: "DivisionListBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Components/BuilderUi/Events/EventItemBreadcrumbs.vue
+10 -11
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -13,8 +12,8 @@
<li v-if="breadcrumbs.mainSection" class="text-sm"> <li v-if="breadcrumbs.mainSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -24,8 +23,8 @@
<li v-if="breadcrumbs.subSection" class="text-sm"> <li v-if="breadcrumbs.subSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -54,9 +53,8 @@
{{ eventTitle }} {{ eventTitle }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -84,7 +82,7 @@
{{ eventTitle }} {{ eventTitle }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -97,10 +95,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "EventItemBreadcrumbs", name: "EventItemBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Components/BuilderUi/Events/EventListBreadcrumbs.vue
+11 -11
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -13,8 +12,8 @@
<li v-if="breadcrumbs.mainSection" class="text-sm"> <li v-if="breadcrumbs.mainSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -24,8 +23,8 @@
<li v-if="breadcrumbs.subSection" class="text-sm"> <li v-if="breadcrumbs.subSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -44,9 +43,8 @@
{{ textLimit('Мероприятия', 30) }} {{ textLimit('Мероприятия', 30) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -63,7 +61,8 @@
{{ textLimit('Мероприятия', 30) }} {{ textLimit('Мероприятия', 30) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -76,10 +75,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "EventListBreadcrumbs", name: "EventListBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Components/BuilderUi/Faculties/FacultyItemBreadcrumbs.vue
+10 -11
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -13,8 +12,8 @@
<li v-if="breadcrumbs.mainSection" class="text-sm"> <li v-if="breadcrumbs.mainSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -24,8 +23,8 @@
<li v-if="breadcrumbs.subSection" class="text-sm"> <li v-if="breadcrumbs.subSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -54,9 +53,8 @@
{{ facultyTitle }} {{ facultyTitle }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center text-ellipsis overflow-hidden whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -84,7 +82,7 @@
{{ facultyTitle }} {{ facultyTitle }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -97,10 +95,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "FacultyItemBreadcrumbs", name: "FacultyItemBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Components/BuilderUi/Faculties/FacultyListBreadcrumbs.vue
+10 -11
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -13,8 +12,8 @@
<li v-if="breadcrumbs.mainSection" class="text-sm"> <li v-if="breadcrumbs.mainSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -24,8 +23,8 @@
<li v-if="breadcrumbs.subSection" class="text-sm"> <li v-if="breadcrumbs.subSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -43,9 +42,8 @@
{{ textLimit('Факультеты', 30) }} {{ textLimit('Факультеты', 30) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -62,7 +60,7 @@
{{ textLimit('Факультеты', 30) }} {{ textLimit('Факультеты', 30) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -75,10 +73,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "FacultyListBreadcrumbs", name: "FacultyListBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Components/BuilderUi/Pages/FormBuilder.vue
+4 -1
View File
@@ -86,7 +86,10 @@ export default {
single_choice: () => import('@/Components/BuilderUi/Pages/FormBlocks/SingleChoiceBlock.vue'), single_choice: () => import('@/Components/BuilderUi/Pages/FormBlocks/SingleChoiceBlock.vue'),
date: () => import('@/Components/BuilderUi/Pages/FormBlocks/DateBlock.vue'), date: () => import('@/Components/BuilderUi/Pages/FormBlocks/DateBlock.vue'),
additional_education_choice: () => import('@/Components/BuilderUi/Pages/FormBlocks/AdditionalEducationalChoiceBlock.vue'), additional_education_choice: () => import('@/Components/BuilderUi/Pages/FormBlocks/AdditionalEducationalChoiceBlock.vue'),
educational_program_choice: () => import('@/Components/BuilderUi/Pages/FormBlocks/EducationalChoiceBlock.vue') educational_program_choice: () => import('@/Components/BuilderUi/Pages/FormBlocks/EducationalChoiceBlock.vue'),
captcha: () => import('@/Components/BaseComponents/BaseBuilderUi/FormBlocks/CaptchaBlock.vue'),
personal_data: () => import('@/Components/BaseComponents/BaseBuilderUi/FormBlocks/PersonalDataBlock.vue'),
}; };
return defineAsyncComponent(componentMap[type] || null); return defineAsyncComponent(componentMap[type] || null);
}, },
resources/js/Components/BuilderUi/Pages/PageBreadcrumbs.vue
+6 -7
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -43,9 +42,8 @@
{{ textLimit(breadcrumbs.page.data.title, 25) }} {{ textLimit(breadcrumbs.page.data.title, 25) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -62,7 +60,7 @@
{{ textLimit(pageTitle, 25) }} {{ textLimit(pageTitle, 25) }}
</span> </span>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -75,10 +73,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "PageBreadcrumbs", name: "PageBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Components/BuilderUi/Persons/PersonBreadcrumbs.vue
+15 -17
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -13,8 +12,8 @@
<li v-if="breadcrumbs.mainSection" class="text-sm"> <li v-if="breadcrumbs.mainSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(breadcrumbs.mainSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(breadcrumbs.mainSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -24,15 +23,14 @@
<li v-if="breadcrumbs.subSection" class="text-sm"> <li v-if="breadcrumbs.subSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(breadcrumbs.mainSection, breadcrumbs.subSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(breadcrumbs.mainSection, breadcrumbs.subSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
{{ textLimit(breadcrumbs.subSection.data.title, 25) }} {{ textLimit(breadcrumbs.subSection.data.title, 25) }}
</span> </span>
</li> </li>
<li class="text-sm"> <li class="text-sm">
<Link :href="$page.props.ziggy.location" class="flex items-center text-gray-500 hover:text-blue-600"> <Link :href="$page.props.ziggy.location" class="flex items-center text-gray-500 hover:text-blue-600">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
@@ -44,18 +42,17 @@
{{ personName }} {{ personName }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
</Link> </Link>
</li> </li>
<li class="text-sm"> <li class="text-sm">
@@ -69,7 +66,7 @@
{{ personName }} {{ personName }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -81,10 +78,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "PersonBreadcrumbs", name: "PersonBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Components/BuilderUi/Posts/NewsBreadcrumbs.vue
+6 -7
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -43,9 +42,8 @@
{{ textLimit('Новости', 30) }} {{ textLimit('Новости', 30) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -62,7 +60,7 @@
{{ textLimit('Новости', 30) }} {{ textLimit('Новости', 30) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -73,10 +71,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "NewsBreadcrumbs", name: "NewsBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Components/BuilderUi/Posts/PostBreadcrumbs.vue
+22 -22
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -13,8 +12,8 @@
<li v-if="breadcrumbs.mainSection" class="text-sm"> <li v-if="breadcrumbs.mainSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(breadcrumbs.mainSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(breadcrumbs.mainSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -24,8 +23,8 @@
<li v-if="breadcrumbs.subSection" class="text-sm"> <li v-if="breadcrumbs.subSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(breadcrumbs.mainSection, breadcrumbs.subSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(breadcrumbs.mainSection, breadcrumbs.subSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -43,7 +42,6 @@
{{ textLimit('Новости', 30) }} {{ textLimit('Новости', 30) }}
</Link> </Link>
</li> </li>
<li class="text-sm"> <li class="text-sm">
<Link :href="$page.props.ziggy.location" class="flex items-center text-gray-500 hover:text-blue-600"> <Link :href="$page.props.ziggy.location" class="flex items-center text-gray-500 hover:text-blue-600">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
@@ -55,29 +53,28 @@
{{ textLimit(postTitle, 60) }} {{ textLimit(postTitle, 60) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
</Link> </Link>
</li> </li>
<li class="text-sm"> <li class="text-sm">
<Link :href="route('client.post.index')" class="flex items-center text-gray-500 hover:text-blue-600"> <Link :href="route('client.post.index')" class="flex items-center text-gray-500 hover:text-blue-600">
{{ textLimit('Новости', 30) }} {{ textLimit('Новости', 30) }}
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
</Link> </Link>
</li> </li>
<li class="text-sm"> <li class="text-sm">
@@ -85,7 +82,7 @@
{{ textLimit(postTitle, 60) }} {{ textLimit(postTitle, 60) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -97,10 +94,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "PostBreadcrumbs", name: "PostBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
@@ -207,4 +205,6 @@ export default {
<style scoped> <style scoped>
</style> </style>
resources/js/Components/BuilderUi/Programs/ProgramItemBreadcrumbs.vue
+10 -11
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -13,8 +12,8 @@
<li v-if="breadcrumbs.mainSection" class="text-sm"> <li v-if="breadcrumbs.mainSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -24,8 +23,8 @@
<li v-if="breadcrumbs.subSection" class="text-sm"> <li v-if="breadcrumbs.subSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -54,9 +53,8 @@
{{ programTitle }} {{ programTitle }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center text-ellipsis overflow-hidden whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -84,7 +82,7 @@
{{ programTitle }} {{ programTitle }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -97,10 +95,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "ProgramItemBreadcrumbs", name: "ProgramItemBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Components/BuilderUi/Programs/ProgramListBreadcrumbs.vue
+10 -11
View File
@@ -3,8 +3,7 @@
<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3"> <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
<div class="grow"> <div class="grow">
<div class="grid sm:flex sm:justify-between sm:items-center gap-2"> <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
<ol v-if="breadcrumbs" class="flex items-center whitespace-normal min-w-0 flex-wrap gap-y-2" <BreadcrumbsWrapper v-if="breadcrumbs">
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -13,8 +12,8 @@
<li v-if="breadcrumbs.mainSection" class="text-sm"> <li v-if="breadcrumbs.mainSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSectionClick(this.breadcrumbs.mainSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -24,8 +23,8 @@
<li v-if="breadcrumbs.subSection" class="text-sm"> <li v-if="breadcrumbs.subSection" class="text-sm">
<span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)"> <span class="flex items-center text-gray-500 hover:text-primaryBlue cursor-pointer" @click.prevent="handleSubSectionClick(this.breadcrumbs.mainSection, this.breadcrumbs.subSection)">
<svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400" <svg class="flex-shrink-0 mx-2 overflow-visible h-2.5 w-2.5 text-gray-400"
width="16" height="16" width="16" height="16"
viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14" <path d="M5 1L10.6869 7.16086C10.8637 7.35239 10.8637 7.64761 10.6869 7.83914L5 14"
stroke="currentColor" stroke-width="2" stroke-linecap="round"/> stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg> </svg>
@@ -43,9 +42,8 @@
{{ textLimit('Образовательные программы', 30) }} {{ textLimit('Образовательные программы', 30) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
<ol v-if="!breadcrumbs" class="flex items-center whitespace-nowrap min-w-0 flex-wrap" <BreadcrumbsWrapper v-else>
aria-label="Breadcrumb">
<li class="text-sm"> <li class="text-sm">
<Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/"> <Link :href="route('index')" class="flex items-center text-gray-500 hover:text-blue-600" href="/">
<BaseIcon class="size-5" name="home" /> <BaseIcon class="size-5" name="home" />
@@ -62,7 +60,7 @@
{{ textLimit('Образовательные программы', 30) }} {{ textLimit('Образовательные программы', 30) }}
</Link> </Link>
</li> </li>
</ol> </BreadcrumbsWrapper>
</div> </div>
</div> </div>
</div> </div>
@@ -75,10 +73,11 @@
import {Link} from "@inertiajs/vue3"; import {Link} from "@inertiajs/vue3";
import slugify from "slugify"; import slugify from "slugify";
import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue"; import BaseIcon from "@/Components/BaseComponents/BaseIcon.vue";
import BreadcrumbsWrapper from "@/Components/BaseComponents/Breadcrumbs/BreadcrumbsWrapper.vue";
export default { export default {
name: "ProgramListBreadcrumbs", name: "ProgramListBreadcrumbs",
components: {BaseIcon, Link}, components: {BreadcrumbsWrapper, BaseIcon, Link},
data() { data() {
return { return {
} }
resources/js/Pages/Client/Posts/Show.vue
-1
View File
@@ -81,7 +81,6 @@ export default {
<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="relative mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
<div class="max-w-3xl lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto"> <div class="max-w-3xl lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto">
<div> <div>
<div class="space-y-5 md:space-y-10"> <div class="space-y-5 md:space-y-10">
<div class="space-y-3"> <div class="space-y-3">
<PostBreadcrumbs :breadcrumbs="breadcrumbs" :post-title="post.data.title" /> <PostBreadcrumbs :breadcrumbs="breadcrumbs" :post-title="post.data.title" />
resources/js/app.js
+5
View File
@@ -6,6 +6,7 @@ import { createSSRApp, h } from 'vue';
import { createInertiaApp } from '@inertiajs/vue3'; import { createInertiaApp } from '@inertiajs/vue3';
import { ZiggyVue } from '../../vendor/tightenco/ziggy/dist/vue.m'; import { ZiggyVue } from '../../vendor/tightenco/ziggy/dist/vue.m';
import {linksReform} from "@/mixins/LinksReform.js"; import {linksReform} from "@/mixins/LinksReform.js";
import YSmartCaptcha from 'vue3-yandex-smartcaptcha'
// const appName = import.meta.env.VITE_APP_NAME || 'НТГСПИ'; // const appName = import.meta.env.VITE_APP_NAME || 'НТГСПИ';
@@ -20,6 +21,10 @@ createInertiaApp({
.use(plugin) .use(plugin)
.mixin(linksReform) .mixin(linksReform)
.use(ZiggyVue) .use(ZiggyVue)
.use(YSmartCaptcha, {
siteKey: "ysc1_jxb2IcslgBuHgHbmmKY1F7Nvb8zYHuAeBgjoaTka6886f893",
lang: "Язык ('ru' | 'en' | 'be' | 'kk' | 'tt' | 'uk' | 'uz' | 'tr')"
})
.mount(el); .mount(el);
}, },
progress: { progress: {