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

"Remove unused imports and redundant components in DesktopNavigation and DesktopHeader for cleaner code and improved maintainability."

Browse Source
This commit is contained in:
Jeppe Bundgaard
2025-12-09 14:22:23 +01:00
parent 06d84872ff
commit f7c75f75fa
2 changed files with 14 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/viewport/page/headers/DesktopHeader.vue
+12 -22
View File
@@ -1,6 +1,5 @@
<script setup lang="ts">
import { toggleExpanded, isOpen, getDepartmentSelectionVisibility } from '@/components/viewport/page/headers/ViewportHeaderSettings.vue';
import DesktopNavigation from "@/components/viewport/page/headers/DesktopNavigation.vue";
import NavigationMenuDepartment from "@/components/viewport/page/headers/menu/NavigationMenuDepartment.vue";
import NavigationMenuGlobalSearch from "@/components/viewport/page/headers/menu/NavigationMenuGlobalSearch.vue";
import { IS_DEV } from '@/main';
@@ -15,7 +14,7 @@ import { IS_DEV } from '@/main';
<img src="@/assets/branding/truckwash-banner-white-compressed.png"
alt="Truckwash Logo"
:class="{'transform-color-black': !IS_DEV, 'transform-color-red': IS_DEV}"
><!-- width="112" height="28">-->
>
</a>
</div>
@@ -29,27 +28,18 @@ import { IS_DEV } from '@/main';
<NavigationMenuDepartment/>
</div>
</div>
<!-- Burger menu collapsed (from mobile navigation)
<template v-if="!isOpen">
<span class="navbar-burger burger mobile-navbar-burger" data-target="navMenuMobile" aria-label="menu" aria-expanded="false" @click="toggleExpanded">
Don't ask why, but this is the only way to get the burger icon to work properly
<span class="navbar-burger-bar"></span>
<span class="navbar-burger-bar"></span>
<span class="navbar-burger-bar "></span> Invisible span to create the center line of the burger icon
</span>
</template>
Burger menu expanded
<template v-if="isOpen">
<span class="navbar-burger burger mobile-navbar-burger" data-target="navMenuMobile" aria-label="menu" aria-expanded="true" @click="toggleExpanded">
<span class="navbar-burger-bar"></span>
</span>
</template>
<div id="navMenuMobile" class="navbar-menu">
</div>
-->
<div class="navbar-end">
<!-- Navigation Menu -->
<DesktopNavigation/>
<!-- User account name and avatar (Desktop) -->
<div class="navbar-item mr-1">
<div class="buttons">
<a class="button is-white" href="/account/profile">
<span class="icon">
<i class="fas fa-user-circle" :class="{'transform-color-black': !IS_DEV, 'transform-color-red': IS_DEV}"></i>
</span>
<span :class="{'has-text-black': !IS_DEV, 'has-text-red': IS_DEV}">Account</span>
</a>
</div>
</div>
</div>
</nav>
<!-- Spacer (To avoid content being hidden behind the fixed navbar) -->
src/components/viewport/page/headers/DesktopNavigation.vue
+2 -20
View File
@@ -1,29 +1,11 @@
<script setup lang="ts">
import { toggleExpanded, isOpen } from '@/components/viewport/page/headers/ViewportHeaderSettings.vue';
import { ref, computed } from 'vue';
import { ref } from 'vue';
import NavigationMenuItems from "@/components/viewport/page/headers/menu/NavigationMenuItems.vue";
import SessionUser from "@/components/session/token/SessionUser.vue";
import NavigationMenuUpdates from "@/components/viewport/page/headers/menu/NavigationMenuUpdates.vue";
import NavigationMenuGlobalSearch from "@/components/viewport/page/headers/menu/NavigationMenuGlobalSearch.vue";
const VITE_BUILD_DATE = import.meta.env.VITE_BUILD_DATE || 'No build date';
const VITE_COMMIT_HASH = import.meta.env.VITE_COMMIT_HASH || 'No commit hash';
const VITE_APP_VERSION = import.meta.env.VITE_APP_VERSION || 'No app version';
const VITE_IS_DEV = import.meta.env.DEV || false;
const url = ref(window.location.href);
</script>
<template>
<NavigationMenuItems :isNavbarItem="true" :url="url"/>
<!-- Menu content (From mobile)
<div class="has-text-centered" style="padding: 16px; font-size: 12px; color: gray;">
<div>Version: {{ VITE_APP_VERSION }}</div>
<div>Commit: {{ VITE_COMMIT_HASH }}</div>
<div>Build Date: {{ SessionUser.functions.date.toLocal(VITE_BUILD_DATE) }}</div>
<div v-if="VITE_IS_DEV" style="color: red;">Development Mode</div>
</div>
Check for updates button
<NavigationMenuUpdates/>
-->
<NavigationMenuItems :isNavbarItem="true" :url="url" />
</template>
<style scoped>