fix bugs and fix application speed

This commit is contained in:
F4ilji
2025-05-01 14:13:13 +05:00
parent 1df3ad490c
commit 6f4da2e704
14 changed files with 70 additions and 26 deletions
@@ -1,6 +1,6 @@
<template>
<div class="border-b w-full">
<a v-if="item.tag === 'additionalEducation'" :href="route('client.additionalEducation.show', item.data.slug)" target="_blank" class="rounded-lg hover:bg-[#F2F2F2] my-1 px-4 w-full flex items-center">
<a v-if="item.tag === 'AdditionalEducation'" :href="route('client.additionalEducation.show', item.data.slug)" target="_blank" class="rounded-lg hover:bg-[#F2F2F2] my-1 px-4 w-full flex items-center">
<BasicIcon name="additional_education_search" class="w-5 h-5 flex-shrink-0 text-gray-500" />
<div class="px-4 space-y-1 py-2">
<p class="text-sm">{{ item.data.title }}</p>
@@ -5,7 +5,7 @@
<div class="px-4 space-y-1 py-2">
<p class="text-sm">{{ item.data.title }}</p>
<div v-if="item.matches.length !== 0" class="">
<p class="truncate text-[13px] text-gray-500">{{ item.matches[0] }}</p>
<p class="text-[13px] text-gray-500 text-ellipsis">{{ item.matches[0] }}</p>
</div>
</div>
</a>
@@ -5,7 +5,7 @@
<div class="px-4 space-y-1 py-2">
<p class="text-sm">{{ item.data.title }}</p>
<div v-if="item.matches.length !== 0" class="">
<p class="truncate text-[13px] text-gray-500">{{ item.matches[0] }}</p>
<p class="text-[13px] text-gray-500 text-ellipsis">{{ item.matches[0] }}</p>
</div>
</div>
</a>
@@ -5,7 +5,7 @@
<div class="px-4 space-y-1 py-2">
<p class="text-sm">{{ item.data.title }}</p>
<div v-if="item.matches.length !== 0" class="">
<p class="truncate text-[13px] text-gray-500">{{ item.matches[0] }}</p>
<p class="text-[13px] text-gray-500 text-ellipsis">{{ item.matches[0] }}</p>
</div>
</div>
</a>
@@ -5,7 +5,7 @@
<div class="px-4 space-y-1 py-2">
<p class="text-sm">{{ item.data.title }}</p>
<div v-if="item.matches.length !== 0" class="">
<p class="truncate text-[13px] text-gray-500">{{ item.matches[0] }}</p>
<p class="text-[13px] text-gray-500 text-ellipsis">{{ item.matches[0] }}</p>
</div>
</div>
</a>
@@ -5,7 +5,7 @@
<div class="px-4 space-y-1 py-2">
<p class="text-sm">{{ item.data.title }}</p>
<div v-if="item.matches.length !== 0" class="">
<p class="truncate text-[13px] text-gray-500">{{ item.matches[0] }}</p>
<p class="text-[13px] text-gray-500 text-ellipsis">{{ item.matches[0] }}</p>
</div>
</div>
</a>
@@ -2,7 +2,7 @@
<PreSearchLinkList v-if="result === null" class="px-2 font-light" />
<div ref="content" v-else-if="result.length !== 0"
:class="{'filter pointer-events-none': loading === true}"
class="px-2 font-light duration-300 overflow-y-auto">
class="px-2 font-light duration-300 overflow-y-auto last:pb-[120px]">
<template v-for="(elements, tag) in result">
<component
class="rounded-none"
@@ -66,7 +66,7 @@ export default {
Page: 'ResultPageItem',
Event: 'ResultEventItem',
EducationalProgram: 'ResultEducationalProgramItem',
AdditionalEducational: 'ResultAdditionalEducationItem',
AdditionalEducation: 'ResultAdditionalEducationItem',
EducationalGroup: 'ResultEducationalGroupItem',
User: 'ResultPersonItem',
Faculty: 'ResultFacultyItem'
@@ -71,8 +71,14 @@
<div class="flex space-x-3 w-[200px] items-center font-semibold text-xl text-white">
<span>{{ currentIndex + 1 }}</span>
<div class="flex w-full h-1 bg-gray-200 rounded-full overflow-hidden" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
<div class="flex flex-col justify-center rounded-full overflow-hidden bg-primary text-xs text-white text-center whitespace-nowrap transition-all duration-500 ease-in-out" :style="{ 'width': `${progressBarStep}%` }"></div>
<div class="flex w-full h-1 bg-gray-200 rounded-full overflow-hidden"
role="progressbar"
aria-valuenow="25"
aria-valuemin="0"
aria-valuemax="100"
aria-label="Прогресс заполнения формы">
<div class="flex flex-col justify-center rounded-full overflow-hidden bg-primary text-xs text-white text-center whitespace-nowrap transition-all duration-500 ease-in-out"
:style="{ 'width': `${progressBarStep}%` }"></div>
</div>
<span>{{ slides.length }}</span>
</div>
@@ -16,6 +16,7 @@
class="object-cover transition-opacity duration-1000 absolute inset-0 h-full w-full"
sizes="100vw"
:src="'/storage/' + slide.image.url"
:loading="index === 0 ? 'eager' : 'lazy'"
:class="{ 'opacity-1': currentIndex === index, 'opacity-0': currentIndex !== index }"
/>
</a>