StatusCodeBadge

Domain · API Doc

HTTP durum kodunu semantik renge göre renklendiren rozet. 2xx yeşil, 3xx mavi, 4xx sarı, 5xx kırmızı.

Success & redirect codes

Preview

200201204301302

Code

<%- include('modules/domain/api-doc/StatusCodeBadge', { code: '200' }) %>
<%- include('modules/domain/api-doc/StatusCodeBadge', { code: '201' }) %>
<%- include('modules/domain/api-doc/StatusCodeBadge', { code: '204' }) %>

Client & server error codes

Preview

400401403404422429500503

Code

<%- include('modules/domain/api-doc/StatusCodeBadge', { code: '400' }) %>
<%- include('modules/domain/api-doc/StatusCodeBadge', { code: '401' }) %>
<%- include('modules/domain/api-doc/StatusCodeBadge', { code: '404' }) %>
<%- include('modules/domain/api-doc/StatusCodeBadge', { code: '500' }) %>

Source modules/domain/api-doc/StatusCodeBadge.ejs

<%
  var _code      = String(locals.code || '');
  var _showLabel = locals.showLabel !== false;
  var n          = parseInt(_code, 10);

  var statusLabels = {
    '200':'OK','201':'Created','202':'Accepted','204':'No Content',
    '301':'Moved Permanently','302':'Found',
    '400':'Bad Request','401':'Unauthorized','403':'Forbidden',
    '404':'Not Found','405':'Method Not Allowed','409':'Conflict',
    '422':'Unprocessable Entity','429':'Too Many Requests',
    '500':'Internal Server Error','502':'Bad Gateway','503':'Service Unavailable',
  };

  var style;
  if      (n >= 200 && n < 300) style = 'bg-success-subtle text-success-fg border-success/30';
  else if (n >= 300 && n < 400) style = 'bg-info-subtle text-info-fg border-info/30';
  else if (n >= 400 && n < 500) style = 'bg-warning-subtle text-warning-fg border-warning/30';
  else if (n >= 500)            style = 'bg-error-subtle text-error-fg border-error/30';
  else                          style = 'bg-surface-overlay text-text-secondary border-border';

  var label = _showLabel ? (statusLabels[_code] || '') : '';
%>

  <%= _code %>
  <% if (label) { %><%= label %><% } %>