545d6606a6
Enhances employee hours view with dynamic weekly schedule rendering Updates toggle slider and theme switch components with improved interactions Adds more flexible notification and settings configurations for employees Improves user experience by streamlining UI controls and schedule display
49 lines
1.8 KiB
Text
49 lines
1.8 KiB
Text
<swp-profile-drawer id="profileDrawer">
|
|
<swp-drawer-header>
|
|
<swp-drawer-title localize="profile.title">Profil</swp-drawer-title>
|
|
<swp-drawer-close id="closeProfileDrawer">
|
|
<i class="ph ph-x"></i>
|
|
</swp-drawer-close>
|
|
</swp-drawer-header>
|
|
|
|
<swp-drawer-content>
|
|
<swp-profile-section>
|
|
<swp-profile-avatar-large>MJ</swp-profile-avatar-large>
|
|
<swp-profile-name-large>Maria Jensen</swp-profile-name-large>
|
|
<swp-profile-email>maria@salon.dk</swp-profile-email>
|
|
</swp-profile-section>
|
|
|
|
<swp-drawer-divider></swp-drawer-divider>
|
|
|
|
<swp-drawer-menu>
|
|
<swp-drawer-menu-item>
|
|
<i class="ph ph-user"></i>
|
|
<span localize="profile.myProfile">Min profil</span>
|
|
</swp-drawer-menu-item>
|
|
<swp-drawer-menu-item>
|
|
<i class="ph ph-gear"></i>
|
|
<span localize="profile.settings">Indstillinger</span>
|
|
</swp-drawer-menu-item>
|
|
</swp-drawer-menu>
|
|
|
|
<swp-drawer-divider></swp-drawer-divider>
|
|
|
|
<swp-theme-toggle>
|
|
<swp-theme-label>
|
|
<i class="ph ph-moon"></i>
|
|
<span localize="profile.darkMode">Mørk tilstand</span>
|
|
</swp-theme-label>
|
|
<swp-toggle-switch id="themeToggle">
|
|
<input type="checkbox" id="themeCheckbox">
|
|
<swp-toggle-track></swp-toggle-track>
|
|
</swp-toggle-switch>
|
|
</swp-theme-toggle>
|
|
</swp-drawer-content>
|
|
|
|
<swp-drawer-footer>
|
|
<swp-drawer-action class="logout" id="logoutBtn">
|
|
<i class="ph ph-sign-out"></i>
|
|
<span localize="profile.logout">Log ud</span>
|
|
</swp-drawer-action>
|
|
</swp-drawer-footer>
|
|
</swp-profile-drawer>
|