multiple-cucumber-html-reporter/templates/assets/js/responsive.bootstrap5.js

Generate beautiful Cucumber.js reports for multiple instances (browsers / devices)

/*! Bootstrap 5 integration for DataTables' Responsive
 * © SpryMedia Ltd - datatables.net/license
 */

(function (factory) {
  if (typeof define === "function" && define.amd) {
    // AMD
    define([
      "jquery",
      "datatables.net-bs5",
      "datatables.net-responsive",
    ], function ($) {
      return factory($, window, document);
    });
  } else if (typeof exports === "object") {
    // CommonJS
    var jq = require("jquery");
    var cjsRequires = function (root, $) {
      if (!$.fn.dataTable) {
        require("datatables.net-bs5")(root, $);
      }

      if (!$.fn.dataTable.Responsive) {
        require("datatables.net-responsive")(root, $);
      }
    };

    if (typeof window === "undefined") {
      module.exports = function (root, $) {
        if (!root) {
          // CommonJS environments without a window global must pass a
          // root. This will give an error otherwise
          root = window;
        }

        if (!$) {
          $ = jq(root);
        }

        cjsRequires(root, $);
        return factory($, root, root.document);
      };
    } else {
      cjsRequires(window, jq);
      module.exports = factory(jq, window, window.document);
    }
  } else {
    // Browser
    factory(jQuery, window, document);
  }
})(function ($, window, document) {
  "use strict";
  var DataTable = $.fn.dataTable;

  var _display = DataTable.Responsive.display;
  var _original = _display.modal;
  var _modal = $(
    '<div class="modal fade dtr-bs-modal" role="dialog">' +
      '<div class="modal-dialog" role="document">' +
      '<div class="modal-content">' +
      '<div class="modal-header">' +
      '<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>' +
      "</div>" +
      '<div class="modal-body"/>' +
      "</div>" +
      "</div>" +
      "</div>"
  );
  var modal;

  // Note this could be undefined at the time of initialisation - the
  // DataTable.Responsive.bootstrap function can be used to set a different
  // bootstrap object
  var _bs = window.bootstrap;

  DataTable.Responsive.bootstrap = function (bs) {
    _bs = bs;
  };

  // Get the Bootstrap library from locally set (legacy) or from DT.
  function getBs() {
    let dtBs = DataTable.use("bootstrap");

    if (dtBs) {
      return dtBs;
    }

    if (_bs) {
      return _bs;
    }

    throw new Error(
      "No Bootstrap library. Set it with `DataTable.use(bootstrap);`"
    );
  }

  _display.modal = function (options) {
    if (!modal && _bs.Modal) {
      let localBs = getBs();
      modal = new localBs.Modal(_modal[0]);
    }

    return function (row, update, render, closeCallback) {
      if (!modal) {
        return _original(row, update, render, closeCallback);
      } else {
        var rendered = render();

        if (rendered === false) {
          return false;
        }

        if (!update) {
          if (options && options.header) {
            var header = _modal.find("div.modal-header");
            var button = header.find("button").detach();

            header
              .empty()
              .append(
                '<h4 class="modal-title">' + options.header(row) + "</h4>"
              )
              .append(button);
          }

          _modal.find("div.modal-body").empty().append(rendered);

          _modal
            .data("dtr-row-idx", row.index())
            .one("hidden.bs.modal", closeCallback)
            .appendTo("body");

          modal.show();
        } else {
          if (
            $.contains(document, _modal[0]) &&
            row.index() === _modal.data("dtr-row-idx")
          ) {
            _modal.find("div.modal-body").empty().append(rendered);
          } else {
            // Modal not shown for this row - do nothing
            return null;
          }
        }

        return true;
      }
    };
  };

  return DataTable;
});