mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-26 10:13:48 +02:00
57 lines
1.9 KiB
Vue
57 lines
1.9 KiB
Vue
<template>
|
|
<el-dialog
|
|
class="x-dialog"
|
|
v-model="enablePrimaryPasswordDialog.visible"
|
|
:before-close="enablePrimaryPasswordDialog.beforeClose"
|
|
:close-on-click-modal="false"
|
|
:title="t('dialog.primary_password.header')"
|
|
width="400px">
|
|
<InputGroupField
|
|
v-model="enablePrimaryPasswordDialog.password"
|
|
:placeholder="t('dialog.primary_password.password_placeholder')"
|
|
type="password"
|
|
size="sm"
|
|
maxlength="32"
|
|
show-password
|
|
autofocus />
|
|
<InputGroupField
|
|
v-model="enablePrimaryPasswordDialog.rePassword"
|
|
:placeholder="t('dialog.primary_password.re_input_placeholder')"
|
|
type="password"
|
|
style="margin-top: 5px"
|
|
size="sm"
|
|
maxlength="32"
|
|
show-password />
|
|
<template #footer>
|
|
<Button
|
|
:disabled="
|
|
enablePrimaryPasswordDialog.password.length === 0 ||
|
|
enablePrimaryPasswordDialog.password !== enablePrimaryPasswordDialog.rePassword
|
|
"
|
|
@click="handleSetPrimaryPassword()">
|
|
{{ t('dialog.primary_password.ok') }}
|
|
</Button>
|
|
</template>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { Button } from '@/components/ui/button';
|
|
import { InputGroupField } from '@/components/ui/input-group';
|
|
import { storeToRefs } from 'pinia';
|
|
import { useI18n } from 'vue-i18n';
|
|
|
|
import { useAuthStore } from '../../../stores';
|
|
|
|
const { t } = useI18n();
|
|
|
|
const authStore = useAuthStore();
|
|
const { enablePrimaryPasswordDialog } = storeToRefs(authStore);
|
|
const { setPrimaryPassword } = authStore;
|
|
|
|
function handleSetPrimaryPassword() {
|
|
setPrimaryPassword(enablePrimaryPasswordDialog.value.password);
|
|
enablePrimaryPasswordDialog.value.visible = false;
|
|
}
|
|
</script>
|