Update UserProfile.vue: conditionally set module for mobile and add logout button

- Updated `module` bindings to account for mobile devices by displaying empty strings when accessed on mobile.
- Introduced a logout button with confirmation dialog functionality for improved user experience.
This commit is contained in:
Jeppe Bundgaard
2025-12-18 11:51:52 +01:00
parent 3330f20db4
commit 2dd5263087
@@ -416,7 +416,7 @@ const onClickSaveWashCertificateEmail = async () => {
<!-- Invoicing -->
<ConfigurationCategory
class="mt-2"
module="Brugerprofil"
:module="SessionUser.functions.device.isMobile() ? `` : `Brugerprofil`"
title="Fakturaoplysninger"
description="Dine fakturaoplysninger"
icon="fas fa-user"
@@ -439,7 +439,7 @@ const onClickSaveWashCertificateEmail = async () => {
<!-- Security -->
<ConfigurationCategory
class="mt-2"
module="Brugerprofil"
:module="SessionUser.functions.device.isMobile() ? `` : `Brugerprofil`"
title="Sikkerhed"
description="Dine sikkerhedsindstillinger"
icon="fas fa-lock"
@@ -491,12 +491,23 @@ const onClickSaveWashCertificateEmail = async () => {
<span class="ml-2">Skift adgangskode</span>
</span>
</button>
<!-- Sign out -->
<button
class="button is-danger is-small mt-2"
@click="SessionUser.functions.showConfirmLogoutDialog()"
:disabled="isLoading"
>
<span>
<i class="fas fa-sign-out-alt"></i>
<span class="ml-2">Log ud</span>
</span>
</button>
</div>
</ConfigurationCategory>
<!-- Notifications - email notifications -->
<ConfigurationCategory
class="mt-2"
module="Brugerprofil"
:module="SessionUser.functions.device.isMobile() ? `` : `Brugerprofil`"
title="Notifikationer"
subtitle="E-mail"
description="Dine notifikationsindstillinger"
@@ -532,7 +543,7 @@ const onClickSaveWashCertificateEmail = async () => {
<!-- Notifications - SMS notifications -->
<ConfigurationCategory
class="mt-2"
module="Brugerprofil"
:module="SessionUser.functions.device.isMobile() ? `` : `Brugerprofil`"
title="Notifikationer"
subtitle="SMS"
description="Dine notifikationsindstillinger"
@@ -569,7 +580,7 @@ const onClickSaveWashCertificateEmail = async () => {
<!-- Microsoft -->
<ConfigurationCategory
class="mt-2"
module="Brugerprofil"
:module="SessionUser.functions.device.isMobile() ? `` : `Brugerprofil`"
title="Microsoft"
description="Dine Microsoft indstillinger"
icon="fab fa-microsoft"