heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated

Browse Source
This commit is contained in:
marzban-dev
2026-05-18 16:02:59 +03:30
parent 3b3bbc1bfa
commit 85cb116e28
1 changed files with 21 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/product/ProductComments.vue
+21 -8
View File
@@ -40,7 +40,7 @@ watch(
selectedRating.value = 5; selectedRating.value = 5;
} }
}, },
{ immediate: true } { immediate: true },
); );
const canSubmitComment = computed(() => { const canSubmitComment = computed(() => {
@@ -70,7 +70,7 @@ const submitComment = async () => {
promises.push( promises.push(
rateProduct({ rateProduct({
rating: selectedRating.value, rating: selectedRating.value,
}) }),
); );
} }
@@ -112,7 +112,10 @@ const limitedComments = computed(() => {
@submit.prevent="submitComment" @submit.prevent="submitComment"
class="flex flex-col gap-6" class="flex flex-col gap-6"
> >
<div v-if="hasUserRated" class="flex flex-col gap-3 px-4 py-3 bg-white rounded-lg border border-slate-300"> <div
v-if="hasUserRated"
class="flex flex-col gap-3 px-4 py-3 bg-white rounded-lg border border-slate-300"
>
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<span class="typo-p-xs text-slate-700 font-semibold">امتیاز قبلی شما</span> <span class="typo-p-xs text-slate-700 font-semibold">امتیاز قبلی شما</span>
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
@@ -127,14 +130,23 @@ const limitedComments = computed(() => {
<Icon <Icon
name="ci:star-solid" name="ci:star-solid"
class="size-5" class="size-5"
:class="star <= (props.product.user_rating || 0) ? '**:fill-yellow-500' : '**:fill-slate-300'" :class="
star <= (props.product.user_rating || 0)
? '**:fill-yellow-500'
: '**:fill-slate-300'
"
/> />
</button> </button>
<span class="typo-p-sm font-semibold text-slate-600 mr-2">{{ props.product.user_rating }}</span> <span class="typo-p-sm font-semibold text-slate-600 mr-2">{{
props.product.user_rating
}}</span>
</div> </div>
</div> </div>
</div> </div>
<div v-else class="flex flex-col gap-2"> <div
v-else
class="flex flex-col gap-2"
>
<span class="typo-p-sm text-slate-500">امتیاز شما</span> <span class="typo-p-sm text-slate-500">امتیاز شما</span>
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
<button <button
@@ -196,8 +208,9 @@ const limitedComments = computed(() => {
:title="comment.title" :title="comment.title"
:content="comment.content" :content="comment.content"
:date="comment.timestamp" :date="comment.timestamp"
:username="comment.user" :first_name="comment.user.first_name"
:rate="product.user_rating ?? 0" :last_name="comment.user.last_name"
:rate="comment.user_rating ?? 0"
/> />
<div <div