valitovgaziz/tp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified: begushiybashkir/bbvue/src/views/Reviews.vue

Browse Source 
modified:   serv_nginx/api_bb/internal/handlers/handlers.go
	new file:   serv_nginx/api_bb/internal/handlers/review_handler.go
	new file:   serv_nginx/api_bb/internal/models/review.go
	new file:   serv_nginx/api_bb/internal/repository/review_repository.go
	modified:   serv_nginx/api_bb/internal/routes/routes.go
	new file:   serv_nginx/api_bb/internal/service/review_service.go
set reviews router, handler, service, repository
This commit is contained in:
Газиз Валитов
2025-10-15 02:48:41 +05:00
parent 2327cd2f34
commit 6d8e179f90
7 changed files with 959 additions and 306 deletions
Download Patch File Download Diff File Expand all files Collapse all files
begushiybashkir/bbvue/src/views/Reviews.vue
+295 -306
View File
@@ -1,3 +1,4 @@
<!-- Reviews.vue (обновленная версия) -->
<template>
<div class="reviews-page">
<!-- Герой-секция -->
@@ -8,15 +9,15 @@
<p class="hero-subtitle">Реальные истории и достижения наших бегунов</p>
<div class="hero-stats">
<div class="stat">
<div class="stat-number">{{ averageRating }}</div>
<div class="stat-number">{{ stats.average_rating || 0 }}</div>
<div class="stat-label">Средний рейтинг</div>
</div>
<div class="stat">
<div class="stat-number">{{ totalReviews }}</div>
<div class="stat-number">{{ stats.total_reviews || 0 }}</div>
<div class="stat-label">Отзывов</div>
</div>
<div class="stat">
<div class="stat-number">{{ successStories }}</div>
<div class="stat-number">{{ stats.success_stories || 0 }}</div>
<div class="stat-label">Историй успеха</div>
</div>
</div>
@@ -32,7 +33,7 @@
<div class="reviews-controls">
<div class="sort-controls">
<label for="sort">Сортировка:</label>
<select id="sort" v-model="sortBy" @change="sortReviews">
<select id="sort" v-model="sortBy" @change="loadReviews">
<option value="newest">Сначала новые</option>
<option value="oldest">Сначала старые</option>
<option value="highest">Высокий рейтинг</option>
@@ -40,48 +41,49 @@
</select>
</div>
<div class="filter-controls">
<button
v-for="filter in ratingFilters"
:key="filter.value"
<button v-for="filter in ratingFilters" :key="filter.value"
:class="['filter-btn', { 'active': activeRatingFilter === filter.value }]"
@click="filterByRating(filter.value)"
>
@click="filterByRating(filter.value)">
{{ filter.label }}
</button>
</div>
</div>
</div>
<!-- Загрузка -->
<div v-if="loading" class="loading">
<div class="spinner"></div>
<p>Загрузка отзывов...</p>
</div>
<!-- Сообщение об отсутствии отзывов -->
<div v-else-if="reviews.length === 0" class="no-reviews">
<h3>😔 Отзывов пока нет</h3>
<p>Будьте первым, кто поделится своим опытом!</p>
</div>
<!-- Сетка отзывов -->
<div class="reviews-grid">
<div
v-for="review in paginatedReviews"
:key="review.id"
class="review-card"
:class="getReviewCardClass(review.rating)"
>
<div v-else class="reviews-grid">
<div v-for="review in reviews" :key="review.id" class="review-card"
:class="getReviewCardClass(review.rating)">
<div class="review-header">
<div class="reviewer-info">
<div class="reviewer-avatar">
{{ getInitials(review.author) }}
</div>
<div class="reviewer-details">
<h4 class="review-author">{{ review.author }}</h4>
<h4 class="review-author">{{ review.author.first_name }} {{ review.author.last_name }}</h4>
<p class="reviewer-achievement" v-if="review.achievement">
🏆 {{ review.achievement }}
</p>
<p class="review-membership">
Участник {{ review.membership }}
Участник клуба
</p>
</div>
</div>
<div class="review-rating">
<div class="stars">
<span
v-for="star in 5"
:key="star"
:class="['star', { 'filled': star <= review.rating }]"
>
<span v-for="star in 5" :key="star" :class="['star', { 'filled': star <= review.rating }]">
★
</span>
</div>
@@ -91,7 +93,7 @@
<div class="review-content">
<p class="review-text">{{ review.text }}</p>
<div class="review-meta">
<div class="meta-items">
<span class="meta-item" v-if="review.distance">
@@ -104,40 +106,34 @@
💪 {{ review.trainings }} тренировок
</span>
</div>
<span class="review-date">{{ formatDate(review.date) }}</span>
<span class="review-date">{{ formatDate(review.created_at) }}</span>
</div>
<div class="review-actions" v-if="review.verified">
<span class="verified-badge">✅ Проверенный отзыв</span>
</div>
<!-- Действия для своих отзывов -->
<div class="review-actions" v-if="isMyReview(review)">
<button @click="editReview(review)" class="btn-edit">✏️ Редактировать</button>
<button @click="deleteReview(review.id)" class="btn-delete">🗑️ Удалить</button>
</div>
</div>
</div>
</div>
<!-- Пагинация -->
<div class="pagination" v-if="totalPages > 1">
<button
class="pagination-btn"
:disabled="currentPage === 1"
@click="changePage(currentPage - 1)"
>
<button class="pagination-btn" :disabled="currentPage === 1" @click="changePage(currentPage - 1)">
‹
</button>
<button
v-for="page in visiblePages"
:key="page"
:class="['pagination-btn', { 'active': currentPage === page }]"
@click="changePage(page)"
>
<button v-for="page in visiblePages" :key="page"
:class="['pagination-btn', { 'active': currentPage === page }]" @click="changePage(page)">
{{ page }}
</button>
<button
class="pagination-btn"
:disabled="currentPage === totalPages"
@click="changePage(currentPage + 1)"
>
<button class="pagination-btn" :disabled="currentPage === totalPages" @click="changePage(currentPage + 1)">
›
</button>
</div>
@@ -146,27 +142,16 @@
<div class="reviews-stats">
<h3>📊 Распределение оценок</h3>
<div class="rating-bars">
<div
v-for="rating in 5"
:key="rating"
class="rating-bar"
>
<div v-for="rating in 5" :key="rating" class="rating-bar">
<div class="rating-label">
<span class="stars-small">
<span
v-for="star in 5"
:key="star"
:class="['star-small', { 'filled': star <= (6 - rating) }]"
>
<span v-for="star in 5" :key="star" :class="['star-small', { 'filled': star <= (6 - rating) }]">
★
</span>
</span>
</div>
<div class="bar-container">
<div
class="bar-fill"
:style="{ width: getRatingPercentage(6 - rating) + '%' }"
></div>
<div class="bar-fill" :style="{ width: getRatingPercentage(6 - rating) + '%' }"></div>
</div>
<div class="rating-count">
{{ getRatingCount(6 - rating) }}
@@ -207,13 +192,8 @@
<div class="form-group">
<label>Ваша оценка *</label>
<div class="rating-input">
<button
v-for="star in 5"
:key="star"
type="button"
:class="['star-btn', { 'active': newReview.rating >= star }]"
@click="newReview.rating = star"
>
<button v-for="star in 5" :key="star" type="button"
:class="['star-btn', { 'active': newReview.rating >= star }]" @click="newReview.rating = star">
★
</button>
</div>
@@ -222,12 +202,8 @@
<div class="form-row">
<div class="form-group">
<label for="achievement">Ваше достижение</label>
<input
id="achievement"
v-model="newReview.achievement"
type="text"
placeholder="Например: пробежал первый марафон"
>
<input id="achievement" v-model="newReview.achievement" type="text"
placeholder="Например: пробежал первый марафон">
</div>
<div class="form-group">
<label for="distance">Любимая дистанция</label>
@@ -244,32 +220,19 @@
<div class="form-group">
<label for="review-text">Ваш отзыв *</label>
<textarea
id="review-text"
v-model="newReview.text"
rows="5"
placeholder="Расскажите о вашем опыте в клубе, достижениях, атмосфере..."
required
></textarea>
<textarea id="review-text" v-model="newReview.text" rows="5"
placeholder="Расскажите о вашем опыте в клубе, достижениях, атмосфере..." required></textarea>
<div class="char-counter">
{{ newReview.text.length }}/500 символов
</div>
</div>
<div class="form-actions">
<button
type="submit"
class="btn btn-primary"
:disabled="!isFormValid || submitting"
>
<button type="submit" class="btn btn-primary" :disabled="!isFormValid || submitting">
<span v-if="submitting">📤 Отправка...</span>
<span v-else>📝 Опубликовать отзыв</span>
</button>
<button
type="button"
class="btn btn-outline"
@click="resetForm"
>
<button type="button" class="btn btn-outline" @click="resetForm">
🗑️ Очистить
</button>
</div>
@@ -284,7 +247,7 @@
<div class="cta-content">
<h2>Готовы присоединиться к нашему сообществу?</h2>
<p>Станьте следующей историей успеха в нашем клубе!</p>
<div class="success-stories-preview">
<div class="story-card">
<div class="story-avatar">А</div>
@@ -351,17 +314,28 @@
</template>
<script>
import api from '../stores/helpers/api';
export default {
// eslint-disable-next-line vue/multi-word-component-names
name: 'Reviews',
data() {
return {
isAuthenticated: false, // В реальном приложении получать из store/auth
isAuthenticated: false,
currentUser: null,
loading: false,
sortBy: 'newest',
activeRatingFilter: 'all',
currentPage: 1,
reviewsPerPage: 6,
totalPages: 1,
submitting: false,
stats: {
total_reviews: 0,
average_rating: 0,
success_stories: 0,
rating_distribution: {}
},
ratingFilters: [
{ value: 'all', label: 'Все оценки' },
{ value: '5', label: '⭐ 5 звезд' },
@@ -372,185 +346,90 @@ export default {
rating: 0,
text: '',
achievement: '',
distance: ''
distance: '',
improvement: '',
trainings: 0
},
reviews: [
{
id: 1,
author: 'Анна',
rating: 5,
text: 'Пришла в клуб с нулевым опытом бега. За год прошла путь от 0 до марафона! Тренер Загир - профессионал своего дела, всегда поддерживает и дает ценные советы. Атмосфера в клубе невероятная!',
date: '2025-01-15',
achievement: 'Первый марафон за 4:20:15',
distance: '42.2 км',
improvement: '+8 мин на 10км',
trainings: 45,
membership: '1 год',
verified: true
},
{
id: 2,
author: 'Михаил',
rating: 5,
text: 'Искал профессиональный подход к тренировкам и нашел его здесь. Индивидуальные программы, работа над техникой, регулярные соревнования. За 6 месяцев улучшил результат на полумарафоне на 25 минут!',
date: '2025-01-12',
achievement: 'Полумарафон 1:35:20',
distance: '21.1 км',
improvement: '+25 мин на 21км',
trainings: 32,
membership: '6 месяцев',
verified: true
},
{
id: 3,
author: 'Елена',
rating: 5,
text: 'Очень нравятся групповые тренировки - всегда есть с кем побегать и пообщаться. Тренер внимательно следит за техникой, что помогло избежать травм. За 3 месяца похудела на 8 кг и полюбила бег!',
date: '2025-01-10',
achievement: 'Похудение на 8 кг',
distance: '10 км',
improvement: '+12 мин на 5км',
trainings: 24,
membership: '3 месяца',
verified: true
},
{
id: 4,
author: 'Сергей',
rating: 5,
text: 'Как опытный бегун могу сказать - тренер Загир один из лучших в Уфе. Его методики действительно работают. Благодаря клубу пробежал ультрамарафон и нашел единомышленников.',
date: '2025-01-08',
achievement: 'Ультрамарафон 80 км',
distance: 'Трейл',
improvement: 'Новый уровень',
trainings: 68,
membership: '2 года',
verified: true
},
{
id: 5,
author: 'Ғаяз',
rating: 4,
text: 'Хороший клуб с сильным тренером. Немного не хватает вечерних тренировок в будни. В остальном - отличная атмосфера и профессиональный подход.',
date: '2025-01-05',
achievement: 'Марафон 3:34:33',
distance: '42.2 км',
improvement: '+15 мин на марафоне',
trainings: 52,
membership: '1.5 года',
verified: true
},
{
id: 6,
author: 'Данил',
rating: 5,
text: 'Лучшее решение - присоединиться к этому клубу! Нашел друзей, улучшил результаты, участвую в забегах. Отдельное спасибо за подготовку к трейлам - незабываемые впечатления!',
date: '2025-01-03',
achievement: 'Трейл 120 км',
distance: 'Трейл',
improvement: '+18 мин на 10км',
trainings: 41,
membership: '10 месяцев',
verified: true
},
{
id: 7,
author: 'Ильвира',
rating: 5,
text: 'Как маме двоих детей было сложно найти время для спорта. В клубе подобрали удобный график, поддержали морально. Теперь бегаю регулярно и чувствую себя прекрасно!',
date: '2024-12-28',
achievement: 'Первый полумарафон',
distance: '21.1 км',
improvement: 'С нуля до 21км',
trainings: 18,
membership: '5 месяцев',
verified: true
},
{
id: 8,
author: 'Булат',
rating: 4,
text: 'Нравится системный подход к тренировкам. Есть небольшие замечания по организации некоторых мероприятий, но в целом - хороший клуб с перспективой развития.',
date: '2024-12-25',
achievement: 'Полумарафон 1:45:48',
distance: '21.1 км',
improvement: '+10 мин на 10км',
trainings: 29,
membership: '8 месяцев',
verified: true
}
]
reviews: []
}
},
computed: {
totalReviews() {
return this.reviews.length
},
averageRating() {
if (this.reviews.length === 0) return 0
const sum = this.reviews.reduce((acc, review) => acc + review.rating, 0)
return (sum / this.reviews.length).toFixed(1)
},
successStories() {
return this.reviews.filter(review => review.achievement && review.rating >= 4).length
},
filteredReviews() {
let filtered = this.reviews
// Фильтрация по рейтингу
if (this.activeRatingFilter !== 'all') {
const minRating = parseInt(this.activeRatingFilter)
filtered = filtered.filter(review => review.rating >= minRating)
}
// Сортировка
switch (this.sortBy) {
case 'newest':
filtered.sort((a, b) => new Date(b.date) - new Date(a.date))
break
case 'oldest':
filtered.sort((a, b) => new Date(a.date) - new Date(b.date))
break
case 'highest':
filtered.sort((a, b) => b.rating - a.rating || new Date(b.date) - new Date(a.date))
break
case 'lowest':
filtered.sort((a, b) => a.rating - b.rating || new Date(b.date) - new Date(a.date))
break
}
return filtered
},
paginatedReviews() {
const startIndex = (this.currentPage - 1) * this.reviewsPerPage
return this.filteredReviews.slice(startIndex, startIndex + this.reviewsPerPage)
},
totalPages() {
return Math.ceil(this.filteredReviews.length / this.reviewsPerPage)
},
visiblePages() {
const pages = []
const startPage = Math.max(1, this.currentPage - 2)
const endPage = Math.min(this.totalPages, startPage + 4)
for (let i = startPage; i <= endPage; i++) {
pages.push(i)
}
return pages
},
isFormValid() {
return this.newReview.rating > 0 &&
this.newReview.text.length >= 10 &&
this.newReview.text.length <= 500
return this.newReview.rating > 0 &&
this.newReview.text.length >= 10 &&
this.newReview.text.length <= 500
}
},
methods: {
getInitials(name) {
return name.split(' ').map(n => n[0]).join('').toUpperCase()
async loadReviews() {
this.loading = true
try {
const params = {
page: this.currentPage,
limit: this.reviewsPerPage,
sort: this.sortBy,
filter: this.activeRatingFilter === 'all' ? '' : this.activeRatingFilter
}
const response = await api.get('/v1/reviews', { params })
this.reviews = response.data.reviews
this.totalPages = response.data.total_pages
} catch (error) {
console.error('Ошибка при загрузке отзывов:', error)
this.$notify({
type: 'error',
title: 'Ошибка',
text: 'Не удалось загрузить отзывы'
})
} finally {
this.loading = false
}
},
async loadStats() {
try {
const response = await api.get('/v1/reviews/stats')
this.stats = response.data
} catch (error) {
console.error('Ошибка при загрузке статистики:', error)
}
},
async checkAuth() {
try {
const token = localStorage.getItem('token')
if (token) {
// Проверяем токен через API или декодируем
this.isAuthenticated = true
// Загружаем информацию о пользователе если нужно
}
} catch (error) {
console.error('Ошибка проверки авторизации:', error)
this.isAuthenticated = false
}
},
getInitials(author) {
if (!author) return '?'
const firstName = author.first_name || ''
const lastName = author.last_name || ''
return (firstName.charAt(0) + lastName.charAt(0)).toUpperCase() || '?'
},
getReviewCardClass(rating) {
return `rating-${rating}`
},
formatDate(dateString) {
const date = new Date(dateString)
return date.toLocaleDateString('ru-RU', {
@@ -559,81 +438,186 @@ export default {
year: 'numeric'
})
},
sortReviews() {
this.currentPage = 1
},
filterByRating(rating) {
this.activeRatingFilter = rating
this.currentPage = 1
this.loadReviews()
},
changePage(page) {
this.currentPage = page
this.loadReviews()
window.scrollTo({ top: 0, behavior: 'smooth' })
},
getRatingCount(rating) {
return this.reviews.filter(review => review.rating === rating).length
return this.stats.rating_distribution?.[rating] || 0
},
getRatingPercentage(rating) {
const count = this.getRatingCount(rating)
return (count / this.totalReviews) * 100
const total = this.stats.total_reviews || 1
return (count / total) * 100
},
isMyReview(review) {
// В реальном приложении сравнивать с ID текущего пользователя
return this.isAuthenticated && review.author && review.author.id === this.currentUser?.id
},
async submitReview() {
if (!this.isFormValid) return
this.submitting = true
try {
// Имитация запроса к API
await new Promise(resolve => setTimeout(resolve, 1500))
const newReview = {
id: this.reviews.length + 1,
author: 'Вы', // В реальном приложении брать из профиля
const reviewData = {
rating: this.newReview.rating,
text: this.newReview.text,
date: new Date().toISOString().split('T')[0],
achievement: this.newReview.achievement,
distance: this.newReview.distance,
improvement: '',
trainings: 0,
membership: 'Новый участник',
verified: false
improvement: this.newReview.improvement,
trainings: this.newReview.trainings
}
this.reviews.unshift(newReview)
await api.post('/v1/reviews', reviewData)
this.resetForm()
// Показать уведомление об успехе
alert('Спасибо за ваш отзыв! После проверки модератором он будет опубликован.')
this.loadReviews() // Перезагружаем список отзывов
this.loadStats() // Обновляем статистику
this.$notify({
type: 'success',
title: 'Успех',
text: 'Спасибо за ваш отзыв! После проверки модератором он будет опубликован.'
})
} catch (error) {
console.error('Ошибка при отправке отзыва:', error)
alert('Произошла ошибка при отправке отзыва. Попробуйте еще раз.')
this.$notify({
type: 'error',
title: 'Ошибка',
text: 'Произошла ошибка при отправке отзыва. Попробуйте еще раз.'
})
} finally {
this.submitting = false
}
},
async editReview(review) {
// Реализация редактирования отзыва
console.log('Редактирование отзыва:', review)
},
async deleteReview(reviewId) {
if (!confirm('Вы уверены, что хотите удалить этот отзыв?')) {
return
}
try {
await api.delete(`/v1/reviews/${reviewId}`)
this.loadReviews() // Перезагружаем список отзывов
this.loadStats() // Обновляем статистику
this.$notify({
type: 'success',
title: 'Успех',
text: 'Отзыв успешно удален'
})
} catch (error) {
console.error('Ошибка при удалении отзыва:', error)
this.$notify({
type: 'error',
title: 'Ошибка',
text: 'Не удалось удалить отзыв'
})
}
},
resetForm() {
this.newReview = {
rating: 0,
text: '',
achievement: '',
distance: ''
distance: '',
improvement: '',
trainings: 0
}
},
login() {
// В реальном приложении перенаправлять на страницу логина
this.isAuthenticated = true
}
},
mounted() {
// В реальном приложении проверять авторизацию
// this.checkAuth()
this.checkAuth()
this.loadReviews()
this.loadStats()
},
watch: {
sortBy() {
this.loadReviews()
}
}
}
</script>
<style scoped>
/* Стили остаются такими же как в вашем файле */
/* Добавим только несколько новых стилей */
.loading {
text-align: center;
padding: 3rem;
}
.spinner {
border: 4px solid #f3f3f3;
border-top: 4px solid #2e8b57;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 2s linear infinite;
margin: 0 auto 1rem;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.no-reviews {
text-align: center;
padding: 3rem;
color: #666;
}
.btn-edit,
.btn-delete {
background: none;
border: none;
color: #2e8b57;
cursor: pointer;
font-size: 0.8rem;
margin-right: 1rem;
}
.btn-delete {
color: #e74c3c;
}
.btn-edit:hover {
text-decoration: underline;
}
.btn-delete:hover {
text-decoration: underline;
}
.reviews-page {
min-height: 100vh;
background: linear-gradient(135deg, #f8fff8 0%, #f0f8f0 100%);
@@ -1346,64 +1330,64 @@ export default {
.hero-title {
font-size: 2.2rem;
}
.hero-stats {
gap: 2rem;
}
.stat-number {
font-size: 2rem;
}
.reviews-controls {
flex-direction: column;
align-items: stretch;
}
.sort-controls {
justify-content: space-between;
}
.filter-controls {
justify-content: center;
}
.reviews-grid {
grid-template-columns: 1fr;
}
.form-row {
grid-template-columns: 1fr;
}
.review-header {
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.review-rating {
align-self: flex-end;
}
.success-stories-preview {
grid-template-columns: 1fr;
}
.cta-features {
grid-template-columns: 1fr;
}
.cta-actions {
flex-direction: column;
align-items: center;
}
.btn {
width: 100%;
max-width: 300px;
}
.auth-actions {
flex-direction: column;
}
@@ -1413,38 +1397,38 @@ export default {
.hero-section {
padding: 60px 0 40px;
}
.hero-title {
font-size: 1.8rem;
}
.section-title {
font-size: 2rem;
}
.container {
padding: 0 15px;
}
.review-card {
padding: 1.5rem;
}
.reviewer-info {
flex-direction: column;
text-align: center;
}
.reviewer-avatar {
align-self: center;
}
.review-meta {
flex-direction: column;
gap: 1rem;
align-items: flex-start;
}
.meta-items {
flex-direction: column;
gap: 0.5rem;
@@ -1457,6 +1441,7 @@ export default {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
@@ -1471,9 +1456,11 @@ export default {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
@@ -1522,16 +1509,16 @@ textarea:focus-visible {
.reviews-page {
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
}
.review-card {
background: #2d2d2d;
color: #ffffff;
}
.review-text {
color: #cccccc;
}
.form-group input,
.form-group select,
.form-group textarea {
@@ -1539,7 +1526,7 @@ textarea:focus-visible {
border-color: #555;
color: white;
}
.review-form {
background: #2d2d2d;
border-color: #555;
@@ -1609,6 +1596,7 @@ textarea:focus-visible {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
@@ -1617,6 +1605,7 @@ textarea:focus-visible {
/* Адаптация для печати */
@media print {
.hero-section,
.add-review-section,
.cta-section,
@@ -1624,7 +1613,7 @@ textarea:focus-visible {
.pagination {
display: none;
}
.review-card {
break-inside: avoid;
box-shadow: none;