From 813189fad65b9999ac37707af3cbe3a6aa438972 Mon Sep 17 00:00:00 2001
From: didu4 <solosar42@gmail.com>
Date: Sun, 22 Mar 2026 14:09:35 +0400
Subject: [PATCH 1/4] =?UTF-8?q?WIP:=20=D1=84=D0=B8=D0=BB=D1=8C=D1=82=D1=80?=
 =?UTF-8?q?=D0=B0=D1=86=D0=B8=D1=8F=20=D0=BE=D1=82=D0=B7=D1=8B=D0=B2=D0=BE?=
 =?UTF-8?q?=D0=B2=20=D1=83=20=D0=BF=D1=80=D0=B5=D0=BF=D0=BE=D0=B4=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=B0=D1=82=D0=B5=D0=BB=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/LecturerPage.vue | 75 ++++++++++++++++++++++++++++----------
 1 file changed, 55 insertions(+), 20 deletions(-)

diff --git a/src/pages/LecturerPage.vue b/src/pages/LecturerPage.vue
index 38aa525..c8f81c1 100644
--- a/src/pages/LecturerPage.vue
+++ b/src/pages/LecturerPage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useRouter } from 'vue-router';
 import { useDisplay } from 'vuetify';
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
 import apiClient from '@/api';
 import Placeholder from '@/assets/profile_image_placeholder.webp';
 import AppRatingBar from '@/components/AppRatingBar.vue';
@@ -15,18 +15,20 @@ const router = useRouter();
 const page = ref(1);
 const itemsPerPage = 3;
 
+const selectedSubject = ref<string | null>(null);
+
 const url = new URL(document.location.toString());
 const lecturerId = url.searchParams.get('lecturer_id');
 
-const lecturer = await loadLecturer();
-const firstName = ref(lecturer?.first_name);
-const lastName = ref(lecturer?.last_name);
-const middleName = ref(lecturer?.middle_name);
-const avatarLink = ref(lecturer?.avatar_link);
-const lecturerSubjects = ref(lecturer?.subjects);
+const lecturer = ref<any>(null);
+const firstName = computed(() => lecturer.value?.first_name);
+const lastName = computed(() => lecturer.value?.last_name);
+const middleName = computed(() => lecturer.value?.middle_name);
+const avatarLink = computed(() => lecturer.value?.avatar_link);
+const lecturerSubjects = computed(() => lecturer.value?.subjects ?? []);
 const shareSuccess = ref(false);
 
-async function loadLecturer() {
+async function loadLecturer(subject?: string | null) {
 	const res = await apiClient.GET(`/rating/lecturer/{id}`, {
 		params: {
 			path: {
@@ -34,17 +36,29 @@ async function loadLecturer() {
 			},
 			query: {
 				info: ['comments'],
+				subject: subject ?? undefined,
 			},
 		},
 	});
 	return res.data;
 }
 
-const howKind = lecturer?.mark_kindness_weighted ?? 0;
-const howFree = lecturer?.mark_freebie_weighted ?? 0;
-const howClear = lecturer?.mark_clarity_weighted ?? 0;
+async function init() {
+	lecturer.value = await loadLecturer();
+}
+await init();
+
+async function filterBySubject(subject: string | null) {
+	selectedSubject.value = subject;
+	lecturer.value = await loadLecturer(subject);
+	page.value = 1;
+}
 
-const lecturerPhoto = getPhoto(avatarLink.value);
+const howKind = computed(() => lecturer.value?.mark_kindness_weighted ?? 0);
+const howFree = computed(() => lecturer.value?.mark_freebie_weighted ?? 0);
+const howClear = computed(() => lecturer.value?.mark_clarity_weighted ?? 0);
+
+const lecturerPhoto = computed(() => getPhoto(avatarLink.value));
 
 async function shareLecturerPage() {
 	shareSuccess.value = await copyUrlToClipboard({ lecturer_id: lecturerId }, 'lecturer');
@@ -56,7 +70,8 @@ async function shareLecturerPage() {
 
 <template>
 	<v-container class="pa-2 justify-center">
-		<v-btn class="mb-4" color="primary" text="Назад к поиску" rounded="lg" @click="router.push('/')"></v-btn>
+		<v-btn class="mb-4" color="primary" text="Назад к поиску" rounded="lg" @click="router.push('/')" />
+
 		<LecturerHeaderCard
 			:photo="lecturerPhoto"
 			:first-name="firstName ?? 'Ошибка'"
@@ -64,6 +79,23 @@ async function shareLecturerPage() {
 			:middle-name="middleName ?? 'Ошибка'"
 			:subjects="lecturerSubjects"
 		/>
+
+		<div class="mb-3">
+			<v-chip class="mr-2 mb-2" :color="selectedSubject === null ? 'primary' : ''" @click="filterBySubject(null)">
+				Все
+			</v-chip>
+
+			<v-chip
+				v-for="subject in lecturerSubjects"
+				:key="subject"
+				class="mr-2 mb-2"
+				:color="selectedSubject === subject ? 'primary' : ''"
+				@click="filterBySubject(subject)"
+			>
+				{{ subject }}
+			</v-chip>
+		</div>
+
 		<div class="d-table w-100 my-2">
 			<AppRatingBar :value="howKind" label="доброта"></AppRatingBar>
 			<AppRatingBar :value="howFree" label="халявность"></AppRatingBar>
@@ -97,15 +129,18 @@ async function shareLecturerPage() {
 						rounded="xl"
 					>
 						<template #prepend>
-							<v-icon :icon="'mdi-tree-outline'"></v-icon>
+							<v-icon icon="mdi-tree-outline" />
+						</template>
+						<template #title>
+							{{ lecturer?.mark_weighted?.toFixed(2) ?? '—' }}
+						</template>
+						<template #text>
+							{{ lecturer?.comments?.length ?? 'нет' }}
+							{{ adaptNumeral(lecturer?.comments?.length, 'отзыв', 'отзыва', 'отзывов') }}
 						</template>
-						<template #title>{{ lecturer?.mark_weighted?.toFixed(2) ?? '—' }}</template>
-						<template #text
-							>{{ lecturer?.comments?.length ?? 'нет' }}
-							{{ adaptNumeral(lecturer?.comments?.length, 'отзыв', 'отзыва', 'отзывов') }}</template
-						>
 					</v-card>
 				</v-col>
+
 				<v-col :cols="mobile ? '7' : '10'">
 					<v-card
 						class="pl-1 ml-1"
@@ -146,7 +181,7 @@ async function shareLecturerPage() {
 
 			<v-footer class="position-fixed bottom-0 pa-0 mb-3 pr-12">
 				<v-btn
-					:icon="'mdi-pen'"
+					icon="mdi-pen"
 					color="secondary"
 					class="footer-button mr-1"
 					rounded="pill"

From a65f570e82d500d1756b812198edc2296813ef50 Mon Sep 17 00:00:00 2001
From: didu4 <solosar42@gmail.com>
Date: Tue, 31 Mar 2026 23:39:25 +0400
Subject: [PATCH 2/4] =?UTF-8?q?=D1=81=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB=20?=
 =?UTF-8?q?=D0=BE=D1=82=D0=B4=D0=B5=D0=BB=D1=8C=D0=BD=D1=8B=D0=B9=20=D1=81?=
 =?UTF-8?q?=D1=82=D0=BE=D1=80=20=D0=BF=D0=BE=D0=B4=20=D0=BE=D1=82=D0=B4?=
 =?UTF-8?q?=D0=B5=D0=BB=D1=8C=D0=BD=D0=BE=D0=B3=D0=BE=20=D0=BB=D0=B5=D0=BA?=
 =?UTF-8?q?=D1=82=D0=BE=D1=80=D0=B0;=20=D0=B2=20=D1=81=D0=BE=D0=BE=D1=82?=
 =?UTF-8?q?=D0=B2=D0=B5=D1=82=D1=81=D1=82=D0=B2=D0=B8=D0=B8=20=D1=81=20?=
 =?UTF-8?q?=D1=8D=D1=82=D0=B8=D0=BC=20=D0=BF=D0=BE=D0=B4=D1=80=D0=B5=D0=B4?=
 =?UTF-8?q?=D0=B0=D1=87=D0=B8=D0=BB=20LecturerPage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/LecturerPage.vue     | 55 +++++++++++-------------------
 src/store/lecturerPageStore.ts | 61 ++++++++++++++++++++++++++++++++++
 2 files changed, 81 insertions(+), 35 deletions(-)
 create mode 100644 src/store/lecturerPageStore.ts

diff --git a/src/pages/LecturerPage.vue b/src/pages/LecturerPage.vue
index c8f81c1..d128e8f 100644
--- a/src/pages/LecturerPage.vue
+++ b/src/pages/LecturerPage.vue
@@ -2,12 +2,12 @@
 import { useRouter } from 'vue-router';
 import { useDisplay } from 'vuetify';
 import { ref, computed } from 'vue';
-import apiClient from '@/api';
 import Placeholder from '@/assets/profile_image_placeholder.webp';
 import AppRatingBar from '@/components/AppRatingBar.vue';
 import TheReviewCard from '@/components/TheReviewCard.vue';
 import LecturerHeaderCard from '@/components/LecturerHeaderCard.vue';
-import { adaptNumeral, getPhoto, copyUrlToClipboard } from '@/utils';
+import { adaptNumeral, copyUrlToClipboard } from '@/utils';
+import { useLecturerPageStore } from '@/store/lecturerPageStore';
 
 const { mobile } = useDisplay();
 const router = useRouter();
@@ -15,50 +15,31 @@ const router = useRouter();
 const page = ref(1);
 const itemsPerPage = 3;
 
-const selectedSubject = ref<string | null>(null);
+const store = useLecturerPageStore();
 
 const url = new URL(document.location.toString());
-const lecturerId = url.searchParams.get('lecturer_id');
+const lecturerIdParam = url.searchParams.get('lecturer_id');
+const lecturerId = Number(lecturerIdParam);
 
-const lecturer = ref<any>(null);
+await store.init(lecturerId);
+
+const lecturer = computed(() => store.lecturer);
+const selectedSubject = computed(() => store.selectedSubject);
+const lecturerPhoto = computed(() => store.lecturerPhoto);
 const firstName = computed(() => lecturer.value?.first_name);
 const lastName = computed(() => lecturer.value?.last_name);
 const middleName = computed(() => lecturer.value?.middle_name);
-const avatarLink = computed(() => lecturer.value?.avatar_link);
 const lecturerSubjects = computed(() => lecturer.value?.subjects ?? []);
 const shareSuccess = ref(false);
 
-async function loadLecturer(subject?: string | null) {
-	const res = await apiClient.GET(`/rating/lecturer/{id}`, {
-		params: {
-			path: {
-				id: Number(lecturerId),
-			},
-			query: {
-				info: ['comments'],
-				subject: subject ?? undefined,
-			},
-		},
-	});
-	return res.data;
-}
-
-async function init() {
-	lecturer.value = await loadLecturer();
-}
-await init();
-
-async function filterBySubject(subject: string | null) {
-	selectedSubject.value = subject;
-	lecturer.value = await loadLecturer(subject);
-	page.value = 1;
-}
-
 const howKind = computed(() => lecturer.value?.mark_kindness_weighted ?? 0);
 const howFree = computed(() => lecturer.value?.mark_freebie_weighted ?? 0);
 const howClear = computed(() => lecturer.value?.mark_clarity_weighted ?? 0);
 
-const lecturerPhoto = computed(() => getPhoto(avatarLink.value));
+function filteredBySubject(subject: string | null) {
+	store.filteredBySubject(subject);
+	page.value = 1;
+}
 
 async function shareLecturerPage() {
 	shareSuccess.value = await copyUrlToClipboard({ lecturer_id: lecturerId }, 'lecturer');
@@ -81,7 +62,11 @@ async function shareLecturerPage() {
 		/>
 
 		<div class="mb-3">
-			<v-chip class="mr-2 mb-2" :color="selectedSubject === null ? 'primary' : ''" @click="filterBySubject(null)">
+			<v-chip
+				class="mr-2 mb-2"
+				:color="selectedSubject === null ? 'primary' : ''"
+				@click="filteredBySubject(null)"
+			>
 				Все
 			</v-chip>
 
@@ -90,7 +75,7 @@ async function shareLecturerPage() {
 				:key="subject"
 				class="mr-2 mb-2"
 				:color="selectedSubject === subject ? 'primary' : ''"
-				@click="filterBySubject(subject)"
+				@click="filteredBySubject(subject)"
 			>
 				{{ subject }}
 			</v-chip>
diff --git a/src/store/lecturerPageStore.ts b/src/store/lecturerPageStore.ts
new file mode 100644
index 0000000..e70cedc
--- /dev/null
+++ b/src/store/lecturerPageStore.ts
@@ -0,0 +1,61 @@
+import { ref } from 'vue';
+import { defineStore } from 'pinia';
+import apiClient from '@/api';
+import { Lecturer } from '@/models';
+import { getPhoto } from '@/utils';
+import Placeholder from '@/assets/profile_image_placeholder.webp';
+
+export const useLecturerPageStore = defineStore('lecturerPage', () => {
+	const lecturer = ref<Lecturer | null>(null);
+	const lecturerPhoto = ref<string>(Placeholder);
+	const selectedSubject = ref<string | null>(null);
+	const lecturerId = ref<number | null>(null);
+	const loading = ref(false);
+
+	async function fetchLecturer(subject?: string | null) {
+		if (!lecturerId.value) return;
+
+		loading.value = true;
+
+		try {
+			const res = await apiClient.GET(`/rating/lecturer/{id}`, {
+				params: {
+					path: { id: lecturerId.value },
+					query: {
+						info: ['comments'],
+						subject: subject ?? undefined,
+					},
+				},
+			});
+
+			const data = res.data;
+
+			if (!data) return;
+
+			lecturer.value = data;
+			lecturerPhoto.value = getPhoto(data.avatar_link);
+		} finally {
+			loading.value = false;
+		}
+	}
+
+	async function init(id: number) {
+		lecturerId.value = id;
+		selectedSubject.value = null;
+		await fetchLecturer();
+	}
+
+	async function filteredBySubject(subject: string | null) {
+		selectedSubject.value = subject;
+		await fetchLecturer(subject);
+	}
+
+	return {
+		lecturer,
+		lecturerPhoto,
+		selectedSubject,
+		loading,
+		init,
+		filteredBySubject,
+	};
+});

From 349ebb49a170bba3662510194faabb28fda7566b Mon Sep 17 00:00:00 2001
From: didu4 <solosar42@gmail.com>
Date: Fri, 3 Apr 2026 13:35:50 +0400
Subject: [PATCH 3/4] =?UTF-8?q?=D1=83=D0=B1=D1=80=D0=B0=D0=BB=20computed?=
 =?UTF-8?q?=20=D0=B2=20=D1=81=D1=82=D0=BE=D1=80,=20=D0=BF=D0=B5=D1=80?=
 =?UTF-8?q?=D0=B5=D0=B8=D0=BC=D0=B5=D0=BD=D0=BE=D0=B2=D0=B0=D0=BB=20=D1=84?=
 =?UTF-8?q?=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/pages/LecturerPage.vue     | 33 ++++++++++-----------------------
 src/store/lecturerPageStore.ts | 14 +++++++++++---
 2 files changed, 21 insertions(+), 26 deletions(-)

diff --git a/src/pages/LecturerPage.vue b/src/pages/LecturerPage.vue
index d128e8f..3394ffa 100644
--- a/src/pages/LecturerPage.vue
+++ b/src/pages/LecturerPage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useRouter } from 'vue-router';
 import { useDisplay } from 'vuetify';
-import { ref, computed } from 'vue';
+import { ref, toRefs } from 'vue';
 import Placeholder from '@/assets/profile_image_placeholder.webp';
 import AppRatingBar from '@/components/AppRatingBar.vue';
 import TheReviewCard from '@/components/TheReviewCard.vue';
@@ -23,21 +23,12 @@ const lecturerId = Number(lecturerIdParam);
 
 await store.init(lecturerId);
 
-const lecturer = computed(() => store.lecturer);
-const selectedSubject = computed(() => store.selectedSubject);
-const lecturerPhoto = computed(() => store.lecturerPhoto);
-const firstName = computed(() => lecturer.value?.first_name);
-const lastName = computed(() => lecturer.value?.last_name);
-const middleName = computed(() => lecturer.value?.middle_name);
-const lecturerSubjects = computed(() => lecturer.value?.subjects ?? []);
-const shareSuccess = ref(false);
+const { lecturer, selectedSubject, lecturerPhoto, howClear, howFree, howKind, lecturerSubjects } = toRefs(store);
 
-const howKind = computed(() => lecturer.value?.mark_kindness_weighted ?? 0);
-const howFree = computed(() => lecturer.value?.mark_freebie_weighted ?? 0);
-const howClear = computed(() => lecturer.value?.mark_clarity_weighted ?? 0);
+const shareSuccess = ref(false);
 
-function filteredBySubject(subject: string | null) {
-	store.filteredBySubject(subject);
+function handleFilter(subject: string | null) {
+	store.handleFilter(subject);
 	page.value = 1;
 }
 
@@ -55,18 +46,14 @@ async function shareLecturerPage() {
 
 		<LecturerHeaderCard
 			:photo="lecturerPhoto"
-			:first-name="firstName ?? 'Ошибка'"
-			:last-name="lastName ?? 'Ошибка'"
-			:middle-name="middleName ?? 'Ошибка'"
+			:first-name="lecturer?.first_name ?? 'Ошибка'"
+			:last-name="lecturer?.last_name ?? 'Ошибка'"
+			:middle-name="lecturer?.middle_name ?? 'Ошибка'"
 			:subjects="lecturerSubjects"
 		/>
 
 		<div class="mb-3">
-			<v-chip
-				class="mr-2 mb-2"
-				:color="selectedSubject === null ? 'primary' : ''"
-				@click="filteredBySubject(null)"
-			>
+			<v-chip class="mr-2 mb-2" :color="selectedSubject === null ? 'primary' : ''" @click="handleFilter(null)">
 				Все
 			</v-chip>
 
@@ -75,7 +62,7 @@ async function shareLecturerPage() {
 				:key="subject"
 				class="mr-2 mb-2"
 				:color="selectedSubject === subject ? 'primary' : ''"
-				@click="filteredBySubject(subject)"
+				@click="handleFilter(subject)"
 			>
 				{{ subject }}
 			</v-chip>
diff --git a/src/store/lecturerPageStore.ts b/src/store/lecturerPageStore.ts
index e70cedc..c878228 100644
--- a/src/store/lecturerPageStore.ts
+++ b/src/store/lecturerPageStore.ts
@@ -1,4 +1,4 @@
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
 import { defineStore } from 'pinia';
 import apiClient from '@/api';
 import { Lecturer } from '@/models';
@@ -11,6 +11,10 @@ export const useLecturerPageStore = defineStore('lecturerPage', () => {
 	const selectedSubject = ref<string | null>(null);
 	const lecturerId = ref<number | null>(null);
 	const loading = ref(false);
+	const howKind = computed(() => lecturer.value?.mark_kindness_weighted ?? 0);
+	const howFree = computed(() => lecturer.value?.mark_freebie_weighted ?? 0);
+	const howClear = computed(() => lecturer.value?.mark_clarity_weighted ?? 0);
+	const lecturerSubjects = computed(() => lecturer.value?.subjects ?? []);
 
 	async function fetchLecturer(subject?: string | null) {
 		if (!lecturerId.value) return;
@@ -45,7 +49,7 @@ export const useLecturerPageStore = defineStore('lecturerPage', () => {
 		await fetchLecturer();
 	}
 
-	async function filteredBySubject(subject: string | null) {
+	async function handleFilter(subject: string | null) {
 		selectedSubject.value = subject;
 		await fetchLecturer(subject);
 	}
@@ -55,7 +59,11 @@ export const useLecturerPageStore = defineStore('lecturerPage', () => {
 		lecturerPhoto,
 		selectedSubject,
 		loading,
+		howKind,
+		howClear,
+		howFree,
+		lecturerSubjects,
 		init,
-		filteredBySubject,
+		handleFilter,
 	};
 });

From ef825bf49e1aab1979179c47cb81e078ffb1d160 Mon Sep 17 00:00:00 2001
From: didu4 <solosar42@gmail.com>
Date: Fri, 3 Apr 2026 15:21:51 +0400
Subject: [PATCH 4/4] =?UTF-8?q?=D0=BF=D0=BE=D0=BC=D0=B5=D0=BD=D1=8F=D0=BB?=
 =?UTF-8?q?=20=D0=B2=D1=8C=D1=8E=D1=88=D0=BD=D1=8B=D0=B9=20toRefs=20=D0=BD?=
 =?UTF-8?q?=D0=B0=20storeToRefs=20=D0=B8=D0=B7=20pinia;=20=D1=81=D0=BC?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D0=BB=20await=20=D0=BD=D0=B0=20onMounted?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/LecturerPage.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/pages/LecturerPage.vue b/src/pages/LecturerPage.vue
index 3394ffa..5f87d51 100644
--- a/src/pages/LecturerPage.vue
+++ b/src/pages/LecturerPage.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { useRouter } from 'vue-router';
 import { useDisplay } from 'vuetify';
-import { ref, toRefs } from 'vue';
+import { ref, onMounted } from 'vue';
+import { storeToRefs } from 'pinia';
 import Placeholder from '@/assets/profile_image_placeholder.webp';
 import AppRatingBar from '@/components/AppRatingBar.vue';
 import TheReviewCard from '@/components/TheReviewCard.vue';
@@ -15,20 +16,23 @@ const router = useRouter();
 const page = ref(1);
 const itemsPerPage = 3;
 
-const store = useLecturerPageStore();
+const lecturerPageStore = useLecturerPageStore();
 
 const url = new URL(document.location.toString());
 const lecturerIdParam = url.searchParams.get('lecturer_id');
 const lecturerId = Number(lecturerIdParam);
 
-await store.init(lecturerId);
+onMounted(() => {
+	lecturerPageStore.init(lecturerId);
+});
 
-const { lecturer, selectedSubject, lecturerPhoto, howClear, howFree, howKind, lecturerSubjects } = toRefs(store);
+const { lecturer, selectedSubject, lecturerPhoto, howClear, howFree, howKind, lecturerSubjects } =
+	storeToRefs(lecturerPageStore);
 
 const shareSuccess = ref(false);
 
 function handleFilter(subject: string | null) {
-	store.handleFilter(subject);
+	lecturerPageStore.handleFilter(subject);
 	page.value = 1;
 }