Dropping links inside mini-apps (rating app) (#307)

## Изменения
<!-- Опишите здесь на языке, понятном каждому, изменения, сделанные в
исходном коде по пунктам. -->
Добавлена возможность открытия окна конкретного лектора из внешней
ссылки.

## Детали реализации
<!-- Здесь можно описать технические детали по пунктам. -->
В файле роутера index.ts добавлена возможность чтения данных ссылки
(relativePath = lecturer и lecturer_id = xxxx), передача этих данных
через query в ApplicationFrame и редирект на основное окно приложения
.../apps/yy .
В файле ApplicationFrame.vue изменена функция composeUrl, в явном виде
добавлено прописывание /lecturer?lecturer_id=xxxx до токена и скоупа.

## Check-List
<!-- После сохранения у следующих полей появятся галочки, которые нужно
проставить мышкой -->
- [x] Вы проверили свой код перед отправкой запроса?
- [ ] Вы написали тесты к реализованным функциям?
- [ ] Вы не забыли применить форматирование `black` и `isort` для
_Back-End_ или `Prettier` для _Front-End_?

---------

Co-authored-by: Филипенков Дмитрий Алексеевич <filipenkovda@it.profcomff.com>
Co-authored-by: Илья Батуев <ilya-batuev@mail.ru>

Author: 3 people

src/router/index.ts

@@ -20,6 +20,30 @@ const routes: RouteRecordRaw[] = [
 	{
 		path: '/apps/:id(\\d+)',
 		component: () => import('@/views/apps/ApplicationFrame.vue'),
+		props: route => ({
+			id: Number(route.params.id),
+			lecturer: route.query.lecturer_id,
+			relativePath: route.query.relativePath || '',
+		}),
+		beforeEnter: route => {
+			console.log(route.params, route.query);
+		},
+	},
+
+	{
+		path: '/apps/44/lecturer',
+		redirect: to => {
+			const query = to.query;
+			const relativePath = to.path.slice(to.path.lastIndexOf('/') + 1);
+
+			return {
+				path: '/apps/44',
+				query: {
+					lecturer_id: query.lecturer_id,
+					relativePath: relativePath,
+				},
+			};
+		},
 	},
 	{
 		path: '/timetable',

src/views/apps/ApplicationFrame.vue

@@ -16,6 +16,18 @@ const router = useRouter();
 const profileStore = useProfileStore();
 const appStore = useAppsStore();
 
+router.replace({ query: undefined });
+
+const props = defineProps({
+	lecturer: { type: String, required: false, default: null },
+	relativePath: { type: String, required: false, default: null },
+});
+
+const relPath = props.relativePath;
+const lect_id = props.lecturer;
+
+console.log('props: ', props.lecturer, props.relativePath);
+
 enum AppState {
 	WaitLoad = 1,
 	Show = 2,
@@ -29,13 +41,18 @@ const appState = ref(AppState.WaitLoad);
 const scopes: Ref<string[]> = ref([]);
 
 const scopeNamesToRequest: Ref<string[]> = ref([]);
-// const userScopeApproved: Ref<boolean | undefined> = ref();
 
 toolbar.setup({
 	backUrl: '/apps',
 });
 
 const composeUrl = async (url: URL, token: string | null, scopes: string[]) => {
+	if (relPath) {
+		url = new URL(relPath, url);
+	}
+	if (lect_id) {
+		url = new URL(`?lecturer_id=${lect_id}`, url);
+	}
 	if (token !== null) {
 		url.searchParams.set('token', token);
 	}
@@ -125,6 +142,7 @@ const openApp = async (data: ServiceData) => {
 		appState.value = AppState.Error;
 		return;
 	}
+
 	url.value = new URL(data.link);
 	toolbar.title = data.name ?? 'Ошибка';