copenhagentruckwash/pleno-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add force enable/disable machine actions to ActionSettingsWheelButton

Browse Source 
- Implemented new actions for force enabling and disabling machines in `ActionSettingsWheelButton.vue`.
- Display success message on login in `LoginForm.vue` and handle reload with delay.
- Adjusted form input handling and error/success message display across auth-related components and forms.
- Included form ID attributes and improved message visibility for user feedback.
This commit is contained in:
Jeppe Bundgaard
2026-02-23 19:44:29 +01:00
parent 159445467a
commit 7614ef482d
8 changed files with 131 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/forms/auth/SubuserLoginForm.vue
+8 -6
View File
@@ -50,12 +50,13 @@ const doNothing = () => {
<!-- Login method selector -->
<div class="form-field">
<label class="label">{{ t('auth.login_with') }}</label>
<div class="login-method-selector">
<div class="login-method-selector" id="subuser_login_method_selector">
<button
type="button"
class="method-btn"
:class="{ active: loginMethod === 'phone' }"
@click="loginMethod = 'phone'"
id="subuser_login_method_phone_button"
>
{{ t('auth.phone') }}
</button>
@@ -64,6 +65,7 @@ const doNothing = () => {
class="method-btn"
:class="{ active: loginMethod === 'username' }"
@click="loginMethod = 'username'"
id="subuser_login_method_username_button"
>
{{ t('auth.username') }}
</button>
@@ -76,13 +78,13 @@ const doNothing = () => {
<div class="column is-narrow">
<div class="form-field">
<label class="label">{{ t('auth.country_code') }}</label>
<input type="text" v-model="phone_country_code" placeholder="45" pattern="[1-9][0-9]*" inputmode="numeric" @focusout="phone_country_code = phone_country_code.replace(/\D/g, '')" class="input-country-code"/>
<input type="text" v-model="phone_country_code" placeholder="45" pattern="[1-9][0-9]*" inputmode="numeric" @focusout="phone_country_code = phone_country_code.replace(/\D/g, '')" class="input-country-code" name="phone_country_code"/>
</div>
</div>
<div class="column">
<div class="form-field">
<label class="label">{{ t('auth.phone_number') }}</label>
<input type="tel" v-model="phone" placeholder="12345678" class="input-phone-number"/>
<input type="tel" v-model="phone" placeholder="12345678" class="input-phone-number" name="phone" pattern="[0-9]*" inputmode="numeric" @focusout="phone = phone.replace(/\D/g, '')" />
</div>
</div>
</div>
@@ -92,19 +94,19 @@ const doNothing = () => {
<template v-else>
<div class="form-field">
<label class="label">{{ t('auth.username') }}</label>
<input type="text" v-model="username" :placeholder="t('auth.your_username')" />
<input type="text" v-model="username" :placeholder="t('auth.your_username')" name="username" />
</div>
</template>
<!-- Password field -->
<div class="form-field">
<label class="label">{{ t('auth.password') }}</label>
<input type="password" v-model="password" />
<input type="password" v-model="password" name="password" />
</div>
<!-- Display the error -->
<div class="field" v-if="getError('auth')">
<p class="help is-danger">
<p class="help is-danger" id="subuser_auth_alert_error">
{{ getError('auth') }}
</p>
</div>