Auktoriserad Meny Demo

Om DrawerAuthorizedMenuPlugin

Den här demon visar DrawerAuthorizedMenuPlugin som automatiskt lägger till en grå menyruta överst i drawer-menyn när användaren är inloggad.

Funktionalitet:

Visas endast när användaren är inloggad
Placeras överst i drawer-menyn med grå bakgrund
Innehåller tre standardmenyalternativ för inloggade användare
Försvinner automatiskt när användaren loggar ut

Testa funktionaliteten

Steg-för-steg:

Klicka på "Logga in som Anna Andersson" nedan
Klicka på hamburgermenyn (☰) i navbaren
Se den gråa rutan med auktoriserad meny överst!
Klicka på "Logga ut" för att se menyn försvinna

Användarkontroll:

Status:

Användare: Ingen (utloggad)

Menyinnehåll

Den auktoriserade menyn innehåller följande alternativ:

Hantera ackreditering - /hantera-ackreditering
Inrapportering av mätare - /inrapportering-matare
Hantera kontaktuppgifter - /hantera-kontaktuppgifter

Implementation

Pluginen är automatiskt registrerad i navbar.js:

// Automatiskt inkluderad i navbar.js
navbar.plugins.register(new DrawerAuthorizedMenuPlugin());

För anpassade menyalternativ:

navbar.plugins.register(new DrawerAuthorizedMenuPlugin({
  menuItems: [
    { text: 'Min profil', href: '/profil' },
    { text: 'Mina ärenden', href: '/arenden' }
  ]
}));

Styling

CSS-klasser som används:

.drawer-authorized-menu - Container med grå bakgrund
.drawer-authorized-menu-item - Varje menyalternativ

Standardstyling använder rgba(255, 255, 255, 0.1) för bakgrunden och navbarens färgvariabler för text och hover-effekter.