olive-group-gamified/dist/ItemModal.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/es.object.assign.js");

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

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

var _reactBootstrap = require("react-bootstrap");

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

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

const ItemModal = props => {
  console.log('MODAL');
  console.log('props: ', _objectSpread({}, props));
  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal, _extends({
    size: "lg"
  }, props, {
    className: "modal-right-side"
  }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Header, {
    closeButton: true
  }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Body, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form, null, ['radio'].map(type => /*#__PURE__*/_react.default.createElement("div", {
    key: type,
    className: "custom-radio mb-3 d-flex justify-content-between"
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Check.Label, {
    className: "w-100 me-2"
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Check, {
    type: type,
    id: "check-api-".concat(type),
    inline: true,
    className: "d-flex justify-content-start align-items-center"
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Check.Input, {
    type: type,
    isValid: true,
    name: "group1"
  }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Control.Feedback, {
    type: "valid"
  }, /*#__PURE__*/_react.default.createElement("h5", null, "Add ", /*#__PURE__*/_react.default.createElement("strong", null, "New Section")), /*#__PURE__*/_react.default.createElement("h6", {
    className: "gray-400"
  }, "Choose the below field and create new section")))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Check.Label, {
    className: "w-100"
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Check, {
    type: type,
    id: "check-api-".concat(type),
    inline: true,
    className: "d-flex justify-content-start align-items-center"
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Check.Input, {
    type: type,
    isValid: true,
    name: "group1"
  }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Control.Feedback, {
    type: "valid"
  }, /*#__PURE__*/_react.default.createElement("h5", null, "Select ", /*#__PURE__*/_react.default.createElement("strong", null, "Existing Section")), /*#__PURE__*/_react.default.createElement("h6", {
    className: "gray-400"
  }, "Choose the below field and create new section"))))))), /*#__PURE__*/_react.default.createElement("p", {
    className: "mt-5"
  }, "Nullam posuere purus commodo est egestas dignissim. Vivamus rutrum, mi ac rerit auctor, neque purus ultricies justo, in bibendum lorem sapien eu nibh."), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form, null, ['checkbox'].map(type => /*#__PURE__*/_react.default.createElement("div", {
    key: "inline-".concat(type),
    className: "mb-3"
  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Check, {
    type: type,
    id: "inline-".concat(type, "-1"),
    label: "Course",
    className: "pb-3"
  }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Check, {
    type: type,
    id: "inline-".concat(type, "-2"),
    label: "Job",
    className: "pb-3"
  }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Check, {
    type: type,
    id: "inline-".concat(type, "-3"),
    label: "Events",
    className: "pb-3"
  }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Check, {
    type: type,
    id: "inline-".concat(type, "-4"),
    label: "Content",
    className: "pb-3"
  }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Check, {
    type: type,
    id: "inline-".concat(type, "-5"),
    label: "Documents",
    className: "pb-3"
  }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Check, {
    type: type,
    id: "inline-".concat(type, "-6"),
    label: "QnA",
    className: "pb-3"
  }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Form.Check, {
    type: type,
    id: "inline-".concat(type, "-7"),
    label: "Certification",
    className: "pb-3"
  }))))), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Modal.Footer, null));
};

var _default = ItemModal;
exports.default = _default;