olivegroup-gamifiedv1/dist/ItemModal.js

Gamified for user

"use strict";

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; }

var ItemModal = function 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(function (type) {
    return /*#__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(function (type) {
    return /*#__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;