PublishStatusBadge

Domain

Badge for DRAFT / PUBLISHED / ARCHIVED content states with contextual Font Awesome icons. Icon can be hidden via showIcon={false}.

Preview

Draft Published Archived

Code

<%- include('modules/domain/common/status/PublishStatusBadge', { status: 'DRAFT' }) %>
<%- include('modules/domain/common/status/PublishStatusBadge', { status: 'PUBLISHED' }) %>
<%- include('modules/domain/common/status/PublishStatusBadge', { status: 'ARCHIVED' }) %>

Preview

Draft Published Archived

Code

<%- include('modules/domain/common/status/PublishStatusBadge', { status: 'DRAFT', showIcon: false, size: 'sm' }) %>

<%
  var _status   = (locals.status   || '').toUpperCase();
  var _size     = locals.size     || 'md';
  var _showIcon = locals.showIcon !== false;

  var statusMeta = {
    DRAFT:     { children: 'Draft',     variant: 'warning', icon: '' },
    PUBLISHED: { children: 'Published', variant: 'success', icon: '' },
    ARCHIVED:  { children: 'Archived',  variant: 'neutral', icon: '' },
  };
  var meta = statusMeta[_status] || { children: locals.status || _status, variant: 'neutral', icon: '' };
  var label = (_showIcon && meta.icon ? meta.icon + ' ' : '') + meta.children;
%>
<%- include('../../../ui/Badge', {
  variant:  meta.variant,
  size:     _size,
  children: label,
  className: 'gap-1' + (locals.className ? ' ' + locals.className : '')
}) %>

PublishStatusBadge

All statuses

Without icon, small