jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Use fieldset in login form

Browse Source
This commit is contained in:
Johannes Zellner
2025-04-06 12:27:43 +02:00
parent 2acd6c8b40
commit f33666b848
1 changed files with 26 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
dashboard/src/views/LoginView.vue
View File

@@ -93,37 +93,41 @@ onMounted(async () => {
<br/>
<div :html="note"></div>
<div class="has-error" v-if="passwordError">{{ $t('login.errorIncorrectCredentials') }}</div>
<div class="has-error" v-if="internalError">{{ $t('login.errorInternal') }}</div>
<form @submit.prevent="onSubmit" v-if="!totpTokenRequired">
<input type="submit" style="display: none;"/>
<fieldset :disabled="busy">
<input type="submit" style="display: none;"/>
<FormGroup>
<label for="inputUsername">{{ $t('login.username') }}</label>
<TextInput id="inputUsername" v-model="username" autofocus required/>
</FormGroup>
<FormGroup>
<label for="inputUsername">{{ $t('login.username') }}</label>
<TextInput id="inputUsername" v-model="username" autofocus required/>
</FormGroup>
<FormGroup>
<label for="inputPassword">{{ $t('login.password') }}</label>
<PasswordInput id="inputPassword" v-model="password" required/>
</FormGroup>
<FormGroup>
<label for="inputPassword">{{ $t('login.password') }}</label>
<PasswordInput id="inputPassword" v-model="password" required/>
</FormGroup>
<div class="public-page-layout-button-bar">
<Button id="loginSubmitButton" @click.prevent="onSubmit" :loading="busy">{{ $t('login.signInAction') }}</Button>
<a href="/passwordreset.html">{{ $t('login.resetPasswordAction') }}</a>
</div>
<div class="has-error" v-if="passwordError">{{ $t('login.errorIncorrectCredentials') }}</div>
<div class="has-error" v-if="internalError">{{ $t('login.errorInternal') }}</div>
<div class="public-page-layout-button-bar">
<Button id="loginSubmitButton" @click.prevent="onSubmit" :loading="busy">{{ $t('login.signInAction') }}</Button>
<a href="/passwordreset.html">{{ $t('login.resetPasswordAction') }}</a>
</div>
</fieldset>
</form>
<form @submit.prevent="onSubmit" v-if="totpTokenRequired" autocomplete="off">
<input type="submit" style="display: none;"/>
<fieldset :disabled="busy">
<input type="submit" style="display: none;"/>
<FormGroup :has-error="totpError">
<label for="inputTotpToken">{{ $t('login.2faToken') }}</label>
<TextInput id="inputTotpToken" v-model="totpToken" required/>
</FormGroup>
<FormGroup :has-error="totpError">
<label for="inputTotpToken">{{ $t('login.2faToken') }}</label>
<TextInput id="inputTotpToken" v-model="totpToken" required/>
</FormGroup>
<Button id="totpTokenSubmitButton" style="margin-top: 12px" type="submit" @click.prevent="onSubmit" :loading="busy">{{ $t('login.signInAction') }}</Button>
<Button id="totpTokenSubmitButton" style="margin-top: 12px" @click.prevent="onSubmit" :loading="busy">{{ $t('login.signInAction') }}</Button>
</fieldset>
</form>
</div>
</PublicPageLayout>