ge-aerospace/shopdb-flask
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Report a Bug link to the sidebar

Browse Source 
Sits in the sidebar footer below Settings and above the Light/Dark toggle, visible to everyone including guests, and opens the team's SharePoint bug list in a new tab with rel=noopener.

The URL is a development placeholder for the wilm pre-production window, marked as such in a comment next to the constant so it is not mistaken for a shipped integration. Styling matches .theme-toggle exactly and uses fixed white alphas rather than theme tokens, because the sidebar is dark in both themes - a var(--text-*) here would resolve to a dark colour on a dark sidebar in light mode and vanish, which is the same trap the lock modal hit earlier.
This commit is contained in:
benjamin.baker
2026-09-07 12:48:15 -04:00
parent 5de6a2b170
commit 3626d7dd2e
2 changed files with 37 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/assets/style.css
View File

@@ -922,6 +922,29 @@ input[type="radio"] {
color: white;
}
/* Report a Bug sits directly above the theme toggle and matches it exactly.
The sidebar is dark in BOTH themes, so these are fixed white alphas like the
rules above rather than theme tokens - a var(--text-*) here would resolve to
a dark colour on a dark sidebar in light mode and disappear. */
.bug-report-link {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
width: 100%;
padding: 0.75rem 1.25rem;
color: rgba(255,255,255,0.7);
font-size: 13px;
text-decoration: none;
cursor: pointer;
transition: all 0.2s;
}
.bug-report-link:hover {
background: rgba(255,255,255,0.1);
color: white;
}
/* User menu */
.user-menu {
padding: 1rem 1.25rem;

15
frontend/src/views/AppLayout.vue
View File

@@ -49,6 +49,12 @@
</nav>
<div class="sidebar-footer">
<!-- Temporary: points at the team's SharePoint bug list while the wilm
branch is in pre-production. Swap for a real intake before rollout. -->
<a :href="BUG_REPORT_URL" target="_blank" rel="noopener noreferrer" class="bug-report-link">
<Bug :size="14" /> Report a Bug
</a>
<button class="theme-toggle" @click="toggleTheme" :title="currentTheme === 'dark' ? 'Switch to light mode' : 'Switch to dark mode'">
<span v-if="currentTheme === 'dark'"><Sun :size="14" /> Light</span>
<span v-else><Moon :size="14" /> Dark</span>
@@ -119,10 +125,17 @@ import ToastHost from '../components/ToastHost.vue'
import {
Sun, Moon, LayoutDashboard, Calendar, Map, Cog, Monitor,
Printer, Globe, Usb, AppWindow, BookOpen, BarChart3, Bell, Image, ShieldCheck, Ruler,
Box, KeyRound, LogOut, Wrench, Activity
Box, KeyRound, LogOut, Wrench, Activity, Bug
} from 'lucide-vue-next'
import { useAuthStore } from '../stores/auth'
import { currentTheme, toggleTheme } from '../stores/theme'
// Temporary destination for the sidebar "Report a Bug" link: the team's
// SharePoint bug list, used while the wilm branch is in pre-production. This is
// a development placeholder, not a shipped integration - replace it with a real
// intake (or a configurable setting) before this reaches other sites.
const BUG_REPORT_URL = 'https://ge.sharepoint.us/:l:/s/ShopDB/JAAAYPxXpvFMTZOj6ndg3nXlAXJtE7G2BHG1nu5tCtWrDxM?nav=YTU5YzAzZDMtNmY5MC00N2Q3LWI2NDItNjMwM2MxNDU2Y2Rk'
import { dashboardApi, notificationsApi } from '../api'
import { fiscalWeek } from '@/utils/fiscalWeek'
import { getFacilityName, getSiteLogo, getServicenowUrls, getEnvLabel } from '../utils/siteSettings'