From_timetable_to_rating_button (#339)

## Изменения
Добавление функционала перехода со страницы преподавателя в расписании
(например, [тут](https://app.profcomff.com/timetable/lecturer/666)) на
его страницу в дубинушке
([сюда](https://rating.profcomff.com/lecturer?lecturer_id=1631), но в
приложении).
## Детали реализации
- Обновил библиотеку ApiUiLib (поддержка выкатки
[ручки](https://api.test.profcomff.com/?urls.primaryName=rating#/Lecturer/get_lecturer_by_timetable_id_lecturer_timetable_id__timetable_id__get)
)
- Добавил обвязку ручки. В api\controllers\TimetableApi.ts добавлены
функция fetchLecturerByTimetableId и метод класса
getLecturerByTimetableId
- Добавил кнопку и функционал на ее нажатие в
\views\timetable\lecturer\AsyncLecturerInfo.vue

Co-authored-by: Илья Батуев <batuev.io18@physics.msu.ru>

Author: Dmatrushka19

package.json

@@ -22,7 +22,6 @@
 		"check": "vue-tsc && pnpm run lint && pnpm run prettier && pnpm run stylelint"
 	},
 	"dependencies": {
-		"@profcomff/api-uilib": "^2024.11.24",
 		"markdown-it": "^14.1.0",
 		"openapi-fetch": "^0.13.0",
 		"pinia": "^2.2.6",
@@ -33,7 +32,7 @@
 	},
 	"devDependencies": {
 		"@eslint/js": "^9.15.0",
-		"@profcomff/api-uilib": "^2024.9.29",
+		"@profcomff/api-uilib": "^2026.3.30",
 		"@types/markdown-it": "^14.1.2",
 		"@types/node": "^22.9.3",
 		"@types/ua-parser-js": "^0.7.39",

pnpm-lock.yaml

@@ -20,7 +20,12 @@ function recordError(url: string, status: number, error: ApiError | undefined) {
 
 const errorMiddleware: Middleware = {
 	async onResponse({ response }) {
-		const data = await response.clone();
+		if (response.url.includes('marketing')) {
+			return response;
+		}
+
+		const data = response.clone();
+
 		if (!response.ok) {
 			const error = await data.json();
 			recordError(response.url, response.status, await error);

src/api/client.ts

@@ -26,6 +26,12 @@ function getLecturer(id: number) {
 	});
 }
 
+function fetchRatingLecturerByTimetableId(timetableId: number) {
+	return apiClient.GET('/rating/lecturer/timetable-id/{timetable_id}', {
+		params: { path: { timetable_id: timetableId } },
+	});
+}
+
 function getLecturers(params?: GetLecturersParams) {
 	return apiClient.GET('/timetable/lecturer/', {
 		params: { query: params },
@@ -49,6 +55,13 @@ export class TimetableApi {
 		}
 	}
 
+	public static async getRatingLecturerByTimetableId(
+		timetableId: number
+	): Promise<number | undefined> {
+		const { data } = await fetchRatingLecturerByTimetableId(timetableId);
+		return data?.id;
+	}
+
 	public static async getRoom(id: number) {
 		const { setRooms } = useTimetableStore();
 		const { data } = await apiClient.GET('/timetable/room/{id}', {

src/api/controllers/TimetableApi.ts

@@ -1,17 +1,17 @@
 <script setup lang="ts">
 import Placeholder from '@/assets/profile_image_placeholder.webp';
-import { computed } from 'vue';
+import Markdown from '@/components/MarkdownRenderer.vue';
 import { TimetableApi } from '@/api';
 import { useTimetableStore } from '@/store/timetable';
-import Markdown from '@/components/MarkdownRenderer.vue';
+import { computed, ref } from 'vue';
+import { useRouter } from 'vue-router';
 
 const timetableStore = useTimetableStore();
+const router = useRouter();
 
 const props = defineProps<{ id: number }>();
 
-const lecturerId = computed(() => props.id);
-
-if (!timetableStore.lecturers.has(lecturerId.value)) {
+if (!timetableStore.lecturers.has(props.id)) {
 	await TimetableApi.getLecturer(props.id);
 }
 
@@ -27,14 +27,43 @@ const fullName = computed(() => {
 
 const imgUrl = computed(() =>
 	lecturer.value?.avatar_link
-		? `${import.meta.env.VITE_API_URL}${lecturer.value?.avatar_link}`
+		? `${import.meta.env.VITE_API_URL}${lecturer.value.avatar_link}`
 		: Placeholder
 );
+
+const isLoadingRating = ref(false);
+
+async function goToRating() {
+	isLoadingRating.value = true;
+	try {
+		const ratingId = await TimetableApi.getRatingLecturerByTimetableId(props.id);
+		if (ratingId !== undefined) {
+			await router.push(`/apps/44/lecturer?lecturer_id=${ratingId}`);
+		}
+	} finally {
+		isLoadingRating.value = false;
+	}
+}
 </script>
 
 <template>
 	<img :src="imgUrl" alt="Фотография преподавателя" class="avatar" width="256" height="256" />
 	<h2 class="full-name">{{ fullName }}</h2>
+
+	<v-btn
+		color="secondary"
+		variant="flat"
+		rounded="lg"
+		class="rating-btn"
+		:loading="isLoadingRating"
+		@click="goToRating"
+	>
+		<template #prepend>
+			<v-icon>nature</v-icon>
+		</template>
+		Рейтинг в «Дубинушке»
+	</v-btn>
+
 	<Markdown class="description" :text="lecturer?.description ?? ''" />
 </template>
 
@@ -56,6 +85,11 @@ const imgUrl = computed(() =>
 	text-align: center;
 }
 
+.rating-btn {
+	align-self: center;
+	margin-bottom: 16px;
+}
+
 .description {
 	margin-bottom: 64px;
 }