UserMenu

Domain

Avatar + isim + rol trigger. Profile, Settings ve Sign out öğeleri içeren dropdown. Dışarı tıklayınca kapanır.

Closed (default)

Preview

Code

<%- include('modules/domain/common/user/UserMenu', {
  name:  user.name,
  email: user.email,
  role:  user.role,
  src:   user.profilePicture,
  profileHref:  '/account/profile',
  settingsHref: '/account/settings',
  signOutHref:  '/auth/logout',
  signOutMethod: 'post'
}) %>

Dropdown open (static preview)

Preview

Alice Johnson

alice@example.com

Profile Settings

Sign out

Code


<%- include('modules/domain/common/user/UserMenu', {
  name:  'Alice Johnson',
  email: 'alice@example.com',
  align: 'right'
}) %>

Source modules/domain/common/user/UserMenu.ejs

<%
  var _id          = locals.id          || 'user-menu-' + Math.random().toString(36).substr(2, 9);
  var _name        = locals.name        || (locals.user && locals.user.name) || 'User';
  var _email       = locals.email       || (locals.user && locals.user.email) || '';
  var _role        = locals.role        || (locals.user && locals.user.role)  || '';
  var _src         = locals.src         || (locals.user && locals.user.profilePicture) || null;
  var _align       = locals.align       || 'right';
  var _profileHref = locals.profileHref || '#';
  var _settingsHref = locals.settingsHref || '#';
  var _signOutHref  = locals.signOutHref  || '#';
  var _signOutMethod = locals.signOutMethod || 'get';

  var dropdownAlignClass = _align === 'right' ? 'right-0' : 'left-0';
%>

  
  

  
  
    
    
      <%= _name %>
      <% if (_email) { %><%= _email %><% } %>
    
    
    
      
        
        Profile
      
      
        
        Settings
      
    
    
      <% if (_signOutMethod === 'post') { %>
      
        
      
      <% } else { %>
      
        
        Sign out
      
      <% } %>