Fix generate button event and show regenerate button only when enabled
Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>
This commit is contained in:
parent
13d9b5f5e0
commit
cd05670517
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,31 +1,34 @@
|
|||
<template>
|
||||
<div>
|
||||
<button v-if="!enabled"
|
||||
id="generate-backup-codes">{{ t('twofactor_backupcodes', 'Generate backup codes') }}</button>
|
||||
<p v-else>
|
||||
<template v-if="!codes">
|
||||
{{ t('twofactor_backupcodes', 'Backup codes have been generated. {used} of {total} codes have been used.', {used, total}) }}
|
||||
</template>
|
||||
<template v-else>
|
||||
{{ t('twofactor_backupcodes', 'These are your backup codes. Please save and/or print them as you will not be able to read the codes again later') }}
|
||||
<ul>
|
||||
<li v-for="code in codes" class="backup-code">{{code}}</li>
|
||||
</ul>
|
||||
<a :href="downloadUrl"
|
||||
class="button"
|
||||
download="Nextcloud-backup-codes.txt">{{ t('twofactor_backupcodes', 'Save backup codes') }}</a>
|
||||
<button class="button"
|
||||
v-on:click="printCodes">{{ t('twofactor_backupcodes', 'Print backup codes') }}</button>
|
||||
</template>
|
||||
</p>
|
||||
<p>
|
||||
<button id="generate-backup-codes"
|
||||
:class="{'icon-loading-small': generatingCodes}"
|
||||
v-on:click="generateBackupCodes">{{ t('twofactor_backupcodes', 'Regenerate backup codes') }}</button>
|
||||
</p>
|
||||
<p>
|
||||
{{ t('twofactor_backupcodes', 'If you regenerate backup codes, you automatically invalidate old codes.') }}
|
||||
</p>
|
||||
id="generate-backup-codes"
|
||||
v-on:click="generateBackupCodes">{{ t('twofactor_backupcodes', 'Generate backup codes') }}</button>
|
||||
<template v-else>
|
||||
<p>
|
||||
<template v-if="!codes">
|
||||
{{ t('twofactor_backupcodes', 'Backup codes have been generated. {used} of {total} codes have been used.', {used, total}) }}
|
||||
</template>
|
||||
<template v-else>
|
||||
{{ t('twofactor_backupcodes', 'These are your backup codes. Please save and/or print them as you will not be able to read the codes again later') }}
|
||||
<ul>
|
||||
<li v-for="code in codes" class="backup-code">{{code}}</li>
|
||||
</ul>
|
||||
<a :href="downloadUrl"
|
||||
class="button"
|
||||
download="Nextcloud-backup-codes.txt">{{ t('twofactor_backupcodes', 'Save backup codes') }}</a>
|
||||
<button class="button"
|
||||
v-on:click="printCodes">{{ t('twofactor_backupcodes', 'Print backup codes') }}</button>
|
||||
</template>
|
||||
</p>
|
||||
<p>
|
||||
<button id="generate-backup-codes"
|
||||
:class="{'icon-loading-small': generatingCodes}"
|
||||
v-on:click="generateBackupCodes">{{ t('twofactor_backupcodes', 'Regenerate backup codes') }}</button>
|
||||
</p>
|
||||
<p>
|
||||
{{ t('twofactor_backupcodes', 'If you regenerate backup codes, you automatically invalidate old codes.') }}
|
||||
</p>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
Loading…
Reference in New Issue