vikunja
/
frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

feat: restyle unauthenticated screens #1103

Merged
dpschen merged 29 commits from feature/login-pages into main 2021-12-12 16:40:14 +00:00
Conversation 12 Commits 29 Files Changed 10 +26 -29
3 changed files with 26 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 97945f3f42 - Show all commits

8
src/views/user/Login.vue
View File

@ -1,10 +1,13 @@
<template>
<div>
<h2 class="title">Login</h2>
<api-config @foundApi="hasApiUrl = true"/>
<message variant="success" class="has-text-centered" v-if="confirmedEmailSuccess">
{{ $t('user.auth.confirmEmailSuccess') }}
</message>
konrad marked this conversation as resolved Outdated
dpschen commented 2021-12-09 18:18:55 +00:00
Outdated
Review
Copy Link

There is no <api-config> in the Register and Reset-password route. Should it be there aswell?

There is no `<api-config>` in the Register and Reset-password route. Should it be there aswell?
konrad commented 2021-12-11 20:19:57 +00:00
Outdated
Review
Copy Link

I think it should. I've moved the <api-config/> component to the wrapper and the logo as well in the process. Should be better now.

I think it should. I've moved the `<api-config/>` component to the wrapper and the logo as well in the process. Should be better now.
👍 1
<api-config @foundApi="hasApiUrl = true"/>
<message variant="danger" v-if="errorMessage">
{{ errorMessage }}
</message>
<form @submit.prevent="submit" id="loginform" v-if="hasApiUrl && localAuthEnabled">
<div class="field">
<label class="label" for="username">{{ $t('user.auth.usernameEmail') }}</label>
@ -77,9 +80,6 @@
</router-link>
konrad marked this conversation as resolved Outdated
dpschen commented 2021-12-09 17:36:51 +00:00
Outdated
Review
Copy Link

The error message should be on top => can't see on small screens without scrolling

The error message should be on top => can't see on small screens without scrolling
konrad commented 2021-12-11 19:41:10 +00:00
Outdated
Review
Copy Link

Done.

Done.
</div>
</div>
<message variant="danger" v-if="errorMessage">
{{ errorMessage }}
</message>
</form>
<div

25
src/views/user/PasswordReset.vue
View File

@ -1,6 +1,17 @@
<template>
<div>
<h2 class="title">{{ $t('user.auth.resetPassword') }}</h2>
<message v-if="errorMsg">
{{ errorMsg }}
</message>
<div class="has-text-centered" v-if="successMessage">
<message variant="success">
{{ successMessage }}
</message>
<x-button :to="{ name: 'user.login' }">
{{ $t('user.auth.login') }}
</x-button>
</div>
<form @submit.prevent="submit" id="form" v-if="!successMessage">
<div class="field">
<label class="label" for="password1">{{ $t('user.auth.password') }}</label>
@ -44,21 +55,7 @@
</x-button>
konrad marked this conversation as resolved Outdated
dpschen commented 2021-12-09 18:12:30 +00:00
Outdated
Review
Copy Link

Move error and succes to top here aswell.

Move error and succes to top here aswell.
</div>
</div>
<message v-if="this.passwordResetService.loading">
{{ $t('misc.loading') }}
</message>
<message v-if="errorMsg">
{{ errorMsg }}
</message>
</form>
<div class="has-text-centered" v-if="successMessage">
<message variant="success">
{{ successMessage }}
</message>
<x-button :to="{ name: 'user.login' }">
{{ $t('user.auth.login') }}
</x-button>
</div>
</div>
</template>

22
src/views/user/RequestPasswordReset.vue
View File

@ -1,6 +1,17 @@
<template>
<div>
<h2 class="title">{{ $t('user.auth.resetPassword') }}</h2>
<message variant="danger" v-if="errorMsg">
{{ errorMsg }}
</message>
<div class="has-text-centered" v-if="isSuccess">
<message variant="success">
{{ $t('user.auth.resetPasswordSuccess') }}
</message>
<x-button :to="{ name: 'user.login' }">
{{ $t('user.auth.login') }}
</x-button>
</div>
<form @submit.prevent="submit" v-if="!isSuccess">
<div class="field">
<label class="label" for="email">{{ $t('user.auth.email') }}</label>
@ -30,18 +41,7 @@
</x-button>
</div>
</div>
<message variant="danger" v-if="errorMsg">
{{ errorMsg }}
</message>
</form>
<div class="has-text-centered" v-if="isSuccess">
<message variant="success">
{{ $t('user.auth.resetPasswordSuccess') }}
</message>
<x-button :to="{ name: 'user.login' }">
{{ $t('user.auth.login') }}
</x-button>
</div>
</div>
</template>