@underpostnet/underpost/src/client/components/core/Badge.js

pwa api rest template

import { getId, getIsoDate } from './CommonJs.js';
import { Css, renderCssAttr, Themes } from './Css.js';
import { Modal } from './Modal.js';
import { append, prepend, s } from './VanillaJs.js';

const Badge = {
  Tokens: {},
  Render: async function (options = { id: '', type: 'circle-red', classList: '', text: '', style: '' }) {
    if (!options.id) options.id = getId(this.Tokens, 'badge-');
    else options.id = 'badge-' + options.id;
    if (options && options.style && !options.style.color) options.style.color = 'white';
    if (!options.classList) options.classList = '';

    const { id, type } = options;
    this.Tokens[id] = { ...options };

    switch (type) {
      case 'circle-red':
        options.classList += ' badge-notification-circle-red ';
        break;

      default:
        break;
    }

    return html`<div class="badge wfm ${options.classList} ${id}" style="${renderCssAttr(options)}">
      <div class="badge-text">${options?.text ? options.text : 'B'}</div>
    </div>`;
  },
};

export { Badge };