olive-group-gamified/dist/AddNewSection.js

Gamified is pathway of learner to achive award,badgets and points. Here, admin can created pathway with different component and in each component admin can specify task and each task will be awared with specific point and badget.

"use strict";

require("core-js/modules/web.dom-collections.iterator.js");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireWildcard(require("react"));

var _ItemModal = _interopRequireDefault(require("./ItemModal"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

class AddNewSection extends _react.Component {
  constructor(props) {
    super(props);
    this.state = {
      isModalOpen: false
    };
    this.modalShow = this.modalShow.bind(this);
    this.handleModalHide = this.handleModalHide.bind(this);
  }

  modalShow() {
    this.setState({
      isModalOpen: true
    });
  }

  handleModalHide() {
    this.setState({
      isModalOpen: false
    });
  }

  render() {
    const {
      isModalOpen
    } = this.state;
    console.log('isModalShown: ', isModalOpen);
    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
      className: "d-flex justify-content-center align-items-center h-100"
    }, /*#__PURE__*/_react.default.createElement("a", {
      href: "#",
      className: "add-new-section",
      onClick: this.modalShow
    }, /*#__PURE__*/_react.default.createElement("figure", {
      className: "figure text-center"
    }, /*#__PURE__*/_react.default.createElement("svg", {
      width: "101",
      height: "100",
      viewBox: "0 0 101 100",
      fill: "none",
      xmlns: "http://www.w3.org/2000/svg"
    }, /*#__PURE__*/_react.default.createElement("path", {
      d: "M47.57 14.844h5.86c.52 0 .78.26.78.781v68.75c0 .52-.26.781-.78.781h-5.86c-.52 0-.78-.26-.78-.781v-68.75c0-.52.26-.781.78-.781z",
      fill: "#A3A6AC"
    }), /*#__PURE__*/_react.default.createElement("path", {
      d: "M17.688 46.29h65.624c.521 0 .782.26.782.78v5.86c0 .52-.26.78-.781.78H17.686c-.52 0-.78-.26-.78-.78v-5.86c0-.52.26-.78.78-.78z",
      fill: "#A3A6AC"
    })), /*#__PURE__*/_react.default.createElement("figcaption", {
      className: "figure-caption text-center Helvetica-Bold"
    }, "Add New Section")))), /*#__PURE__*/_react.default.createElement(_ItemModal.default, {
      show: isModalOpen,
      onHide: this.handleModalHide
    }));
  }

}

var _default = AddNewSection;
exports.default = _default;