From b8221b2b913aca454e6c6b9f496394ac8f22fc02 Mon Sep 17 00:00:00 2001
From: default <batuev.io18@physics.msu.ru>
Date: Fri, 19 Jul 2024 11:52:32 +0000
Subject: [PATCH 1/2] Added a button to profile settings that allows to add
 email and password when logged with OAuth methods. Needs to be tested.

---
 src/router/profile.ts                     |   4 +
 src/views/auth/AddEmailView.vue           | 113 ++++++++++++++++++++++
 src/views/profile/ProfileSettingsView.vue |  10 ++
 3 files changed, 127 insertions(+)
 create mode 100644 src/views/auth/AddEmailView.vue

diff --git a/src/router/profile.ts b/src/router/profile.ts
index dbe9d78e..b32c90e0 100644
--- a/src/router/profile.ts
+++ b/src/router/profile.ts
@@ -33,4 +33,8 @@ export const profileRoutes: RouteRecordRaw[] = [
 		path: 'change-email',
 		component: () => import('@/views/auth/ChangeEmailView.vue'),
 	},
+	{
+		path: 'add-email',
+		component: () => import('@/views/auth/AddEmailView.vue'),
+	},
 ];
diff --git a/src/views/auth/AddEmailView.vue b/src/views/auth/AddEmailView.vue
new file mode 100644
index 00000000..2dec9c2b
--- /dev/null
+++ b/src/views/auth/AddEmailView.vue
@@ -0,0 +1,113 @@
+<script setup lang="ts">
+import { AuthApi } from '@/api';
+import { ToastType } from '@/models';
+// import { onMounted, ref } from 'vue';
+import { useRouter } from 'vue-router';
+// import { MySessionInfo } from '@/api/auth/UserSessionApi';
+import IrdomLayout from '@/components/IrdomLayout.vue';
+import { useToastStore } from '@/store/toast';
+import { useToolbar } from '@/store/toolbar';
+
+const toolbar = useToolbar();
+
+toolbar.setup({
+	title: 'Добавление электронной почты',
+	backUrl: '/profile/settings',
+});
+
+const emit = defineEmits<{
+	success: [];
+}>();
+
+// const checkPasswords = ref(false);
+// checkPasswords.value = false;
+const router = useRouter();
+const toastStore = useToastStore();
+
+// onMounted(async () => {
+// 	const { data: me } = await AuthApi.getMe([
+// 		MySessionInfo.AuthMethods,
+// 		MySessionInfo.Groups,
+// 		MySessionInfo.IndirectGroups,
+// 		MySessionInfo.SessionScopes,
+// 		MySessionInfo.UserScopes,
+// 	]);
+// });
+
+const submitHandler = async (event: Event) => {
+	const form = event.target as HTMLFormElement;
+	const formData = new FormData(form);
+	const email = formData.get('email')?.toString();
+	const newPassword = formData.get('password')?.toString();
+	const repeatPassword = formData.get('repeat-password')?.toString();
+	if (newPassword !== repeatPassword) {
+		toastStore.push({
+			title: 'Добавление Email',
+			type: ToastType.Error,
+			description: 'Пароли не совпадают',
+		});
+	}
+	if (email && newPassword && newPassword == repeatPassword) {
+		const { data } = await AuthApi.registerEmail(email, newPassword);
+		if (data.status == 'Success') {
+			toastStore.push({
+				title: 'Успех!',
+				description:
+					'Мы отправили письмо с инструкциями по активации аккаунта на электронную почту',
+			});
+			emit('success');
+		}
+		router.push('/profile');
+	}
+};
+</script>
+
+<template>
+	<IrdomLayout>
+		<v-form
+			class="loginform d-flex flex-column w-100 align-self-center ga-4"
+			@submit.prevent="submitHandler"
+		>
+			<v-text-field
+				type="email"
+				name="email"
+				autocomplete="email"
+				label="Новый адрес электронной почты"
+				required
+				hide-details
+			/>
+			<v-text-field
+				type="password"
+				name="password"
+				autocomplete="password"
+				label="Пароль"
+				required
+				hide-details
+			/>
+			<v-text-field
+				type="password"
+				name="repeat-password"
+				autocomplete="repeat-password"
+				label="Повтор пароля"
+				required
+				hide-details
+			/>
+			<v-btn type="submit" color="primary" class="w-100" size="large">Добавить Email</v-btn>
+		</v-form>
+	</IrdomLayout>
+</template>
+
+<style scoped>
+.email {
+	color: #18185c;
+	font-size: 18px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: normal;
+}
+
+.loginform {
+	max-width: 700px;
+	align-self: center;
+}
+</style>
diff --git a/src/views/profile/ProfileSettingsView.vue b/src/views/profile/ProfileSettingsView.vue
index 6ca57543..c98a6cd2 100644
--- a/src/views/profile/ProfileSettingsView.vue
+++ b/src/views/profile/ProfileSettingsView.vue
@@ -52,6 +52,16 @@ const OnClick = async () => {
 			>
 				Изменение почты
 			</v-btn>
+			<v-btn
+				prepend-icon="mail"
+				variant="tonal"
+				class="button"
+				color="blue"
+				:disabled="current_email"
+				@click="$router.push('/profile/add-email')"
+			>
+				Добавление почты
+			</v-btn>
 			<v-btn
 				prepend-icon="key"
 				variant="tonal"

From 2f7e117d8cdd5f01e40e5735e9d9fc872b4c3c39 Mon Sep 17 00:00:00 2001
From: Ilya <batuev.io18@physics.msu.ru>
Date: Fri, 19 Jul 2024 17:15:04 +0300
Subject: [PATCH 2/2] Update AddEmailView.vue

---
 src/views/auth/AddEmailView.vue | 14 --------------
 1 file changed, 14 deletions(-)

diff --git a/src/views/auth/AddEmailView.vue b/src/views/auth/AddEmailView.vue
index 2dec9c2b..de9e0568 100644
--- a/src/views/auth/AddEmailView.vue
+++ b/src/views/auth/AddEmailView.vue
@@ -1,9 +1,7 @@
 <script setup lang="ts">
 import { AuthApi } from '@/api';
 import { ToastType } from '@/models';
-// import { onMounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
-// import { MySessionInfo } from '@/api/auth/UserSessionApi';
 import IrdomLayout from '@/components/IrdomLayout.vue';
 import { useToastStore } from '@/store/toast';
 import { useToolbar } from '@/store/toolbar';
@@ -19,21 +17,9 @@ const emit = defineEmits<{
 	success: [];
 }>();
 
-// const checkPasswords = ref(false);
-// checkPasswords.value = false;
 const router = useRouter();
 const toastStore = useToastStore();
 
-// onMounted(async () => {
-// 	const { data: me } = await AuthApi.getMe([
-// 		MySessionInfo.AuthMethods,
-// 		MySessionInfo.Groups,
-// 		MySessionInfo.IndirectGroups,
-// 		MySessionInfo.SessionScopes,
-// 		MySessionInfo.UserScopes,
-// 	]);
-// });
-
 const submitHandler = async (event: Event) => {
 	const form = event.target as HTMLFormElement;
 	const formData = new FormData(form);