PublishStatusBadge

Domain

DRAFT / PUBLISHED / ARCHIVED içerik durumları için Font Awesome ikonlu rozet. showIcon=false ile ikon gizlenebilir.

All statuses

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' }) %>

Without icon, small

Preview

Draft Published Archived

Code

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

Source modules/domain/common/status/PublishStatusBadge.ejs

<%
  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'
}) %>