feat: move messages to the top

src/views/user/Login.vue

@@ -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>
-		<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>
 				</div>
 			</div>
-			<message variant="danger" v-if="errorMessage">
-				{{ errorMessage }}
-			</message>
 		</form>
 
 		<div

src/views/user/PasswordReset.vue

@@ -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>
 				</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>
 

src/views/user/RequestPasswordReset.vue

@@ -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>