Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-08-04 21:15:22 +02:00
Code Issues Releases Activity

add user reset email functionality

Browse source
This commit is contained in:
Kuchenpirat 2024-02-10 12:51:38 +00:00
parent 1450d6fc4c
commit 3317e061a8
1 changed files with 21 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

23
frontend/pages/admin/manage/users/_id.vue
View file

@ -38,9 +38,15 @@
{{ resetUrl }} {{ resetUrl }}
</p> </p>
</v-card-text> </v-card-text>
<v-card-actions class="align-center" style="gap: 4px"> <v-card-actions class="align-center pt-0" style="gap: 4px">
<BaseButton cancel @click="resetUrl = ''"> {{ $t("general.close") }} </BaseButton> <BaseButton cancel @click="resetUrl = ''"> {{ $t("general.close") }} </BaseButton>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<BaseButton v-if="user.email" color="info" class="mr-1" @click="sendResetEmail">
<template #icon>
{{ $globals.icons.email }}
</template>
{{ $t("user.email") }}
</BaseButton>
<AppButtonCopy :icon="false" color="info" :copy-text="resetUrl" /> <AppButtonCopy :icon="false" color="info" :copy-text="resetUrl" />
</v-card-actions> </v-card-actions>
</div> </div>
@ -57,7 +63,8 @@
<script lang="ts"> <script lang="ts">
import { computed, defineComponent, useRoute, onMounted, ref, useContext } from "@nuxtjs/composition-api"; import { computed, defineComponent, useRoute, onMounted, ref, useContext } from "@nuxtjs/composition-api";
import { useAdminApi } from "~/composables/api"; import { tr } from "date-fns/locale";
import { useAdminApi, useUserApi } from "~/composables/api";
import { useGroups } from "~/composables/use-groups"; import { useGroups } from "~/composables/use-groups";
import { alert } from "~/composables/use-toast"; import { alert } from "~/composables/use-toast";
import { useUserForm } from "~/composables/use-users"; import { useUserForm } from "~/composables/use-users";
@ -129,6 +136,17 @@ export default defineComponent({
generatingToken.value = false; generatingToken.value = false;
} }
const userApi = useUserApi();
async function sendResetEmail() {
if (!user.value?.email) return;
const { response } = await userApi.email.sendForgotPassword({ email: user.value.email });
if (response && response.status === 200) {
alert.success(i18n.tc("profile.email-sent"));
} else {
alert.error(i18n.tc("profile.error-sending-email"));
}
}
return { return {
user, user,
disabledFields, disabledFields,
@ -141,6 +159,7 @@ export default defineComponent({
handlePasswordReset, handlePasswordReset,
resetUrl, resetUrl,
generatingToken, generatingToken,
sendResetEmail,
}; };
}, },
}); });