redi/astro_avtourist
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Насторил работу блога через Backend

Browse source
This commit is contained in:
Web-serfer 2026-04-15 02:12:25 +05:00
parent 014439d565
commit edd730b438
33 changed files with 1019 additions and 200 deletions
Download patch file Download diff file Expand all files Collapse all files

50
frontend/src/pages/blog/search.astro
View file

@ -3,40 +3,23 @@ import Layout from '@layouts/Layout.astro';
import { SITE_URL } from '@constants';
import BlogCard from '@components/blog/BlogCard.astro';
import SearchModal from '@components/base/SearchModal.astro';
import { getCollection } from 'astro:content';
import { getPosts } from '@lib/pb';
const posts = await getCollection('blog');
// Получаем параметр поиска из URL
const url = new URL(Astro.request.url);
const searchQuery = url.searchParams.get('q') || '';
const { posts: searchResults } = searchQuery
? await getPosts({ perPage: 20, search: searchQuery })
: { posts: [], total: 0, page: 1, totalPages: 1 };
const breadcrumbsItems = [
{ label: 'Главная', href: '/' },
{ label: 'Блог', href: '/blog' },
{ label: searchQuery ? `Поиск: "${searchQuery}"` : 'Поиск' }
];
// Функция поиска по статьям
function searchArticles(query: string, allPosts: typeof posts) {
if (!query.trim()) return [];
const lowerQuery = query.toLowerCase();
return allPosts.filter(post => {
const titleMatch = post.data.title.toLowerCase().includes(lowerQuery);
const descriptionMatch = post.data.description.toLowerCase().includes(lowerQuery);
const categoryMatch = post.data.category.toLowerCase().includes(lowerQuery);
return titleMatch || descriptionMatch || categoryMatch;
});
}
const searchResults = searchArticles(searchQuery, posts);
// Форматируем дату
const formatDate = (date: Date) => {
return date.toLocaleDateString('ru-RU', {
const formatDate = (date: string) => {
return new Date(date).toLocaleDateString('ru-RU', {
day: 'numeric',
month: 'long',
year: 'numeric'
@ -89,14 +72,14 @@ const formatDate = (date: Date) => {
<div class="results-grid">
{searchResults.map((post: any) => (
<BlogCard
title={post.data.title}
description={post.data.description}
category={post.data.category}
categoryColor={post.data.categoryColor}
date={formatDate(post.data.date)}
readTime={post.data.readTime}
imageUrl={post.data.imageUrl}
slug={`/blog/${post.id}`}
title={post.title}
description={post.description}
category={post.category}
categoryColor={post.categoryColor}
date={formatDate(post.date)}
readTime={post.readTime}
imageUrl={post.imageUrl}
slug={`/blog/${post.slug}`}
/>
))}
</div>
@ -149,7 +132,6 @@ const formatDate = (date: Date) => {
}));
});
// Автоматически открываем поиск при загрузке страницы без параметров
document.addEventListener('DOMContentLoaded', () => {
const urlParams = new URLSearchParams(window.location.search);
const query = urlParams.get('q');
@ -338,4 +320,4 @@ const formatDate = (date: Date) => {
font-size: 1.5rem;
}
}
</style>
</style>