From 78a38082cf185f37ab9a2c94033e8913c80842e0 Mon Sep 17 00:00:00 2001
From: didu4 <solosar42@gmail.com>
Date: Thu, 6 Nov 2025 22:54:13 +0400
Subject: [PATCH 1/4] =?UTF-8?q?=D0=BF=D0=B5=D1=80=D0=B5=D0=BD=D0=B5=D1=81?=
 =?UTF-8?q?=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B8=20=D0=B8=D0=B7=20=D0=B0?=
 =?UTF-8?q?=D0=B4=D0=BC=D0=B8=D0=BD=D0=BA=D0=B8=20=D0=BD=D0=B0=20=D1=81?=
 =?UTF-8?q?=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D1=83=20=D0=BB=D0=B5=D0=BA?=
 =?UTF-8?q?=D1=82=D0=BE=D1=80=D0=B0,=20=D0=B8=D1=81=D0=BF=D0=BE=D0=BB?=
 =?UTF-8?q?=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D0=BB=20=D0=BD=D0=BE=D0=B2=D1=83?=
 =?UTF-8?q?=D1=8E=20=D1=84=D1=83=D0=BD=D0=BA=D1=86=D0=B8=D1=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TheReviewCard.vue | 30 ++++++++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/src/components/TheReviewCard.vue b/src/components/TheReviewCard.vue
index 5a1b58c..60a5189 100644
--- a/src/components/TheReviewCard.vue
+++ b/src/components/TheReviewCard.vue
@@ -28,8 +28,11 @@
 				</v-col>
 			</v-row>
 			<div v-for="(paragraph, idx) in redactedText" :key="idx">
-				<p class="mt-2">{{ paragraph }}</p>
+				<p ref="commentText" class="mt-2" :class="{ 'line-clamp': !expanded }">{{ paragraph }}</p>
 			</div>
+			<v-btn v-if="showExpandButton" variant="text" class="text-caption mt-2" @click="expanded = !expanded">
+				{{ expanded ? 'Свернуть' : 'Развернуть' }}
+			</v-btn>
 		</template>
 		<template #append>
 			<v-col class="text-right">
@@ -58,9 +61,19 @@
 	</v-card>
 </template>
 
+<style scoped>
+.line-clamp {
+	display: -webkit-box;
+	-webkit-line-clamp: 3;
+	-webkit-box-orient: vertical;
+	overflow: hidden;
+	white-space: pre-line;
+}
+</style>
+
 <script setup lang="ts">
 import apiClient from '@/api';
-import { onMounted, onUpdated, ref } from 'vue';
+import { onMounted, onUpdated, ref, nextTick } from 'vue';
 import { useProfileStore } from '@/store';
 import { useDisplay } from 'vuetify';
 
@@ -77,6 +90,9 @@ const emit = defineEmits(['comment-deleted']);
 
 const markGeneral = ref(0);
 const redactedText = ref<string[]>([]);
+const expanded = ref(false);
+const showExpandButton = ref(false);
+const commentText = ref<HTMLElement[]>([]);
 
 async function deleteComment() {
 	await apiClient.DELETE('/rating/comment/{uuid}', {
@@ -98,6 +114,14 @@ function cleanupText(text: string) {
 		.split('\\n');
 }
 
+async function checkExpandButton() {
+	await nextTick();
+	if (commentText.value.length > 0) {
+		const hasOverflow = commentText.value.some(el => el.scrollHeight > el.clientHeight);
+		showExpandButton.value = hasOverflow;
+	}
+}
+
 onUpdated(() => {
 	markGeneral.value =
 		(propsLocal.comment.raw.mark_clarity +
@@ -105,6 +129,7 @@ onUpdated(() => {
 			propsLocal.comment.raw.mark_freebie) /
 		3;
 	redactedText.value = cleanupText(propsLocal.comment.raw.text);
+	checkExpandButton()
 });
 
 onMounted(() => {
@@ -114,5 +139,6 @@ onMounted(() => {
 			propsLocal.comment.raw.mark_freebie) /
 		3;
 	redactedText.value = cleanupText(propsLocal.comment.raw.text);
+	checkExpandButton()
 });
 </script>

From f7d87cd917062037b862a14325d746c2b7bcb677 Mon Sep 17 00:00:00 2001
From: didu4 <solosar42@gmail.com>
Date: Thu, 6 Nov 2025 23:14:10 +0400
Subject: [PATCH 2/4] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB?=
 =?UTF-8?q?=20=D1=82=D0=BE=D1=87=D0=BA=D0=B8=20=D1=81=20=D0=B7=D0=B0=D0=BF?=
 =?UTF-8?q?=D1=8F=D1=82=D0=BE=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TheReviewCard.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/TheReviewCard.vue b/src/components/TheReviewCard.vue
index 60a5189..5fad163 100644
--- a/src/components/TheReviewCard.vue
+++ b/src/components/TheReviewCard.vue
@@ -129,7 +129,7 @@ onUpdated(() => {
 			propsLocal.comment.raw.mark_freebie) /
 		3;
 	redactedText.value = cleanupText(propsLocal.comment.raw.text);
-	checkExpandButton()
+	checkExpandButton();
 });
 
 onMounted(() => {
@@ -139,6 +139,6 @@ onMounted(() => {
 			propsLocal.comment.raw.mark_freebie) /
 		3;
 	redactedText.value = cleanupText(propsLocal.comment.raw.text);
-	checkExpandButton()
+	checkExpandButton();
 });
 </script>

From 5ff99928830886c1319993293dfc73714560e8a5 Mon Sep 17 00:00:00 2001
From: didu4 <solosar42@gmail.com>
Date: Fri, 7 Nov 2025 20:14:48 +0400
Subject: [PATCH 3/4] =?UTF-8?q?=D0=B8=D0=B7=D0=BC=D0=B5=D0=BD=D0=B8=D0=BB?=
 =?UTF-8?q?=20=D0=BB=D0=BE=D0=B3=D0=B8=D0=BA=D1=83=20=D1=81=D0=B2=D0=BE?=
 =?UTF-8?q?=D1=80=D0=B0=D1=87=D0=B8=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F=20=D1=82?=
 =?UTF-8?q?=D0=B5=D0=BA=D1=81=D1=82=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TheReviewCard.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/TheReviewCard.vue b/src/components/TheReviewCard.vue
index 5fad163..c594f49 100644
--- a/src/components/TheReviewCard.vue
+++ b/src/components/TheReviewCard.vue
@@ -27,8 +27,10 @@
 					Понятность: <strong>{{ comment.raw.mark_clarity }}</strong>
 				</v-col>
 			</v-row>
-			<div v-for="(paragraph, idx) in redactedText" :key="idx">
-				<p ref="commentText" class="mt-2" :class="{ 'line-clamp': !expanded }">{{ paragraph }}</p>
+			<div :class="{ 'line-clamp': !expanded }">
+				<p v-for="(paragraph, idx) in redactedText" :key="idx" ref="commentText" class="mt-2">
+					{{ paragraph }}
+				</p>
 			</div>
 			<v-btn v-if="showExpandButton" variant="text" class="text-caption mt-2" @click="expanded = !expanded">
 				{{ expanded ? 'Свернуть' : 'Развернуть' }}

From 09141a53511ebf57148ed194df92f39c3dcd33c0 Mon Sep 17 00:00:00 2001
From: didu4 <solosar42@gmail.com>
Date: Sat, 8 Nov 2025 23:55:16 +0400
Subject: [PATCH 4/4] =?UTF-8?q?=D0=B4=D0=BE=D0=BF=D0=B8=D1=81=D0=B0=D0=BB?=
 =?UTF-8?q?=20=D1=85=D1=83=D0=BA=20watch:=20=D0=B5=D1=81=D0=BB=D0=B8=20?=
 =?UTF-8?q?=D0=BE=D1=82=D0=B7=D1=8B=D0=B2=20=D0=BF=D0=BE=20=D1=81=D0=BE?=
 =?UTF-8?q?=D0=B4=D0=B5=D1=80=D0=B6=D0=B0=D0=BD=D0=B8=D1=8E=20=D0=BC=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=8F=D0=B5=D1=82=D1=81=D1=8F=20=D0=BF=D1=80=D0=B8=20?=
 =?UTF-8?q?=D0=BF=D0=B5=D1=80=D0=B5=D1=85=D0=BE=D0=B4=D0=B5,=20=D1=82?=
 =?UTF-8?q?=D0=BE=20=D0=B2=D1=8B=D0=B7=D1=8B=D0=B2=D0=B0=D0=B5=D1=82=D1=81?=
 =?UTF-8?q?=D1=8F=20=D1=84=D1=83=D0=BD=D0=BA=D1=86=D0=B8=D1=8F=20=20showEx?=
 =?UTF-8?q?pandButton?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TheReviewCard.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/TheReviewCard.vue b/src/components/TheReviewCard.vue
index c594f49..1c93776 100644
--- a/src/components/TheReviewCard.vue
+++ b/src/components/TheReviewCard.vue
@@ -75,7 +75,7 @@
 
 <script setup lang="ts">
 import apiClient from '@/api';
-import { onMounted, onUpdated, ref, nextTick } from 'vue';
+import { onMounted, onUpdated, ref, nextTick, watch } from 'vue';
 import { useProfileStore } from '@/store';
 import { useDisplay } from 'vuetify';
 
@@ -143,4 +143,12 @@ onMounted(() => {
 	redactedText.value = cleanupText(propsLocal.comment.raw.text);
 	checkExpandButton();
 });
+
+watch(
+	() => propsLocal.comment.raw.uuid,
+	() => {
+		expanded.value = false;
+		nextTick(checkExpandButton);
+	},
+);
 </script>