diff --git a/src/components/ui/dialog/PromptDialogModal.vue b/src/components/ui/dialog/PromptDialogModal.vue index 6f210ac2..590aa2b5 100644 --- a/src/components/ui/dialog/PromptDialogModal.vue +++ b/src/components/ui/dialog/PromptDialogModal.vue @@ -25,6 +25,7 @@ promptCancelText, promptDismissible, promptInputValue, + promptInputType, promptPattern, promptErrorMessage } = storeToRefs(modalStore); @@ -130,7 +131,7 @@ Input - + diff --git a/src/stores/auth.js b/src/stores/auth.js index 56ba2514..0b003d5c 100644 --- a/src/stores/auth.js +++ b/src/stores/auth.js @@ -258,6 +258,7 @@ export const useAuthStore = defineStore('Auth', () => { .prompt({ title: t('prompt.primary_password.header'), description: t('prompt.primary_password.description'), + inputType: 'password', pattern: /[\s\S]{1,32}/ }) .then(async ({ ok, value }) => { @@ -390,6 +391,7 @@ export const useAuthStore = defineStore('Auth', () => { .prompt({ title: t('prompt.primary_password.header'), description: t('prompt.primary_password.description'), + inputType: 'password', pattern: /[\s\S]{1,32}/ }) .then(({ ok, value }) => { @@ -532,6 +534,7 @@ export const useAuthStore = defineStore('Auth', () => { description: t( 'prompt.primary_password.description' ), + inputType: 'password', pattern: /[\s\S]{1,32}/ }) .then(async ({ ok, value }) => { diff --git a/src/stores/modal.js b/src/stores/modal.js index 684571ad..582a5e14 100644 --- a/src/stores/modal.js +++ b/src/stores/modal.js @@ -47,6 +47,7 @@ function translate(key, fallback) { * @property {string=} confirmText * @property {string=} cancelText * @property {string=} inputValue + * @property {string=} inputType * @property {RegExp | string=} pattern * @property {string=} errorMessage * @property {boolean=} dismissible @@ -70,6 +71,7 @@ export const useModalStore = defineStore('Modal', () => { const promptCancelText = ref(''); const promptDismissible = ref(true); const promptInputValue = ref(''); + const promptInputType = ref('text'); const promptPattern = ref(null); const promptErrorMessage = ref(''); @@ -181,6 +183,7 @@ export const useModalStore = defineStore('Modal', () => { promptDescription.value = options.description; promptDismissible.value = options.dismissible !== false; promptInputValue.value = inputValueCopy; + promptInputType.value = options.inputType || 'text'; promptPattern.value = options.pattern ?? null; promptErrorMessage.value = options.errorMessage || @@ -296,6 +299,7 @@ export const useModalStore = defineStore('Modal', () => { promptCancelText, promptDismissible, promptInputValue, + promptInputType, promptPattern, promptErrorMessage,