handsontable/plugins/loading/content.mjs

Handsontable is a JavaScript Data Grid available for React, Angular and Vue.

/* eslint-disable max-len */
import { LOADING_CLASS_NAME, PLUGIN_KEY } from "./loading.mjs";
/**
 * @description
 * The `loadingContent` function returns a HTML string with the loading content.
 *
 * @param {object} options Loading content options.
 * @param {string} options.id Loading id.
 * @param {string} options.icon Loading icon.
 * @param {string} options.title Loading title.
 * @param {string} options.description Loading description.
 *
 * @returns {string} HTML string with the loading content.
 */
export function loadingContent(_ref) {
  let {
    id,
    icon,
    title,
    description
  } = _ref;
  return `
    <div class="${LOADING_CLASS_NAME}__content">
      <i class="${LOADING_CLASS_NAME}__icon">${icon}</i>
      <div class="${LOADING_CLASS_NAME}__text">
        <h2 id="${id}-${PLUGIN_KEY}-title" class="${LOADING_CLASS_NAME}__title">${title}</h2>
        ${description ? `<p id="${id}-${PLUGIN_KEY}-description" class="${LOADING_CLASS_NAME}__description">${description}</p>` : ''}
      </div>
    </div>
  `;
}