educoreapp2 1.0.8 → 1.0.11

package/dist/index.js

@@ -9,12 +9,60 @@ Object.defineProperty(exports, "ApiCode", {
     return _ApiCode.default;
   }
 });
+Object.defineProperty(exports, "BaseAnimation", {
+  enumerable: true,
+  get: function () {
+    return _BaseAnimation.default;
+  }
+});
+Object.defineProperty(exports, "BaseCard", {
+  enumerable: true,
+  get: function () {
+    return _BaseCard.default;
+  }
+});
+Object.defineProperty(exports, "BaseCenter", {
+  enumerable: true,
+  get: function () {
+    return _BaseCenter.default;
+  }
+});
+Object.defineProperty(exports, "BaseList", {
+  enumerable: true,
+  get: function () {
+    return _BaseList.default;
+  }
+});
+Object.defineProperty(exports, "BaseSlimPage", {
+  enumerable: true,
+  get: function () {
+    return _BaseSlimPage.default;
+  }
+});
 Object.defineProperty(exports, "EduApp", {
   enumerable: true,
   get: function () {
     return _EduApp.default;
   }
 });
+Object.defineProperty(exports, "EduLog", {
+  enumerable: true,
+  get: function () {
+    return _EduLog.default;
+  }
+});
+Object.defineProperty(exports, "LogoEdupanel", {
+  enumerable: true,
+  get: function () {
+    return _LogoEdupanel.default;
+  }
+});
+Object.defineProperty(exports, "PageWithMenu", {
+  enumerable: true,
+  get: function () {
+    return _PageWithMenu.default;
+  }
+});
 Object.defineProperty(exports, "Tools", {
   enumerable: true,
   get: function () {
@@ -27,8 +75,23 @@ Object.defineProperty(exports, "Translate", {
     return _Translate.default;
   }
 });
+Object.defineProperty(exports, "Validators", {
+  enumerable: true,
+  get: function () {
+    return _Validators.default;
+  }
+});
 var _EduApp = _interopRequireDefault(require("./EduApp"));
 var _Tools = _interopRequireDefault(require("./Tools"));
 var _ApiCode = _interopRequireDefault(require("./lib/ApiCode"));
 var _Translate = _interopRequireDefault(require("./Translate"));
+var _PageWithMenu = _interopRequireDefault(require("./spxbasecode/cmps/PageWithMenu"));
+var _Validators = _interopRequireDefault(require("./spxbasecode/Validators"));
+var _EduLog = _interopRequireDefault(require("./spxbasecode/EduLog"));
+var _BaseCard = _interopRequireDefault(require("./spxbasecode/cmps/BaseCard"));
+var _BaseList = _interopRequireDefault(require("./spxbasecode/cmps/BaseList"));
+var _LogoEdupanel = _interopRequireDefault(require("./spxbasecode/cmps/LogoEdupanel"));
+var _BaseCenter = _interopRequireDefault(require("./spxbasecode/cmps/BaseCenter"));
+var _BaseAnimation = _interopRequireDefault(require("./spxbasecode/cmps/BaseAnimation"));
+var _BaseSlimPage = _interopRequireDefault(require("./spxbasecode/cmps/BaseSlimPage"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/spxbasecode/EduLog.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+class EduLog {
+  static AddLog(message) {
+    let extra = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    window.App.API.exec("edulog", "addLog", {
+      "message": message,
+      "extra": extra
+    }, function () {}, function () {});
+  }
+}
+var _default = exports.default = EduLog;

package/dist/spxbasecode/Request.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _educoreapp = require("educoreapp2");
+class Request {
+  constructor(params) {
+    this.params = params;
+    this.correct = true;
+    this.error = "DUPA";
+    // $this->api=api;
+  }
+  init(MAP) {
+    this.MAP = MAP;
+  }
+  isCorrect() {
+    return this.correct;
+  }
+  getError() {
+    return this.error;
+  }
+  mapping() {
+    /*
+        foreach (this->MAP as $p => $v) {
+          $el = $this->MAP[$p];
+          if (!isset($this->MAP[$p])) {
+            continue;
+          }
+          if (empty($this->params[$p]) && $el["isReq"]) {
+            $this->correct = false;
+            $this->error = ["error_type" => "PARAM", "type" => "NOT_NULL", "filed_name" => $p];
+            return;
+          }
+    
+          $this->$p = $this->params[$p];
+        }*/
+  }
+  getDataArr() {
+    /* $res = [];
+     foreach ($this->MAP as $p => $v) {
+       $res[] = $this->$p;
+     }*/
+    return res;
+  }
+}

package/dist/spxbasecode/Validators.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _educoreapp = require("educoreapp2");
+class Validators {
+  static async IsRequire(field, value) {
+    let req = _educoreapp.Tools.empty(field.validator.require) ? false : field.validator.require;
+    if (!req) {
+      field.setOK();
+      return true;
+    }
+    if (!_educoreapp.Tools.empty(value)) {
+      field.setOK();
+      return true;
+    }
+    field.setError("IsRequire");
+    return false;
+  }
+  static async HasMinLength(field, value) {
+    let req = _educoreapp.Tools.empty(field.validator.minLength) ? false : true;
+    if (!req) {
+      field.setOK();
+      return true;
+    }
+    if (_educoreapp.Tools.empty(value)) {
+      field.setError("HasMinLength");
+      return false;
+    }
+    if (value.length < field.validator.minLength) {
+      field.setError("HasMinLength");
+      return false;
+    }
+    return true;
+  }
+  static async IsNumeric(field, value) {
+    if (_educoreapp.Tools.empty(value)) {
+      field.setError("HasNumeric");
+      return false;
+    }
+    if (!(!isNaN(parseInt(value)) && isFinite(value))) {
+      field.setError("HasNumeric");
+      return false;
+    }
+    return true;
+  }
+  static async HasMaxLength(field, value) {
+    let req = _educoreapp.Tools.empty(field.validator.maxLength) ? false : true;
+    if (!req) {
+      field.setOK();
+      return true;
+    }
+    if (_educoreapp.Tools.empty(value)) {
+      field.setError("HasMaxLength");
+      return false;
+    }
+    if (value.length > field.validator.maxLength) {
+      field.setError("HasMaxLength");
+      return false;
+    }
+    return true;
+  }
+}
+var _default = exports.default = Validators;

package/dist/spxbasecode/WS.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+class WS extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.props = props;
+    this.props.parent.ws = this;
+    this.state = {
+      messages: [],
+      ws: null
+    };
+    this.config = {
+      //WS_HOST_PROD:"wss://edupanel.pl:8080",
+      //WS_HOST_PROD:"wss://127.0.0.1:8080",
+      // WS_HOST_DEV:"ws://127.0.0.1:8080"
+    };
+    this.sendMessage = this.sendMessage.bind(this);
+  }
+  static IsProd() {
+    console.log(window.location.host);
+    return ["edupanel.pl"].indexOf(window.location.host) >= 0;
+  }
+  static IsDev() {
+    return true;
+  }
+  getHost() {
+    if (WS.IsProd()) {
+      return this.config.WS_HOST_PROD;
+    } else {
+      return this.config.WS_HOST_DEV;
+    }
+  }
+  componentDidMount() {
+    let newWs = null;
+    //    let newWs = new WebSocket(this.getHost()); 
+
+    newWs.onopen = () => {
+      console.log('Połączono z serwerem WebSocket');
+    };
+    newWs.onmessage = event => {
+      console.log("AAAeee", event, event.data);
+    };
+    newWs.onclose = () => {
+      console.log('Rozłączono z serwerem WebSocket');
+    };
+    this.setState({
+      ws: newWs
+    });
+  }
+  componentWillUnmount() {
+    if (this.state.ws) {
+      this.state.ws.close();
+    }
+  }
+  sendMessage(message) {
+    if (this.state.ws) {
+      let msg = JSON.stringify(message);
+      this.state.ws.send(msg);
+    }
+  }
+  render() {
+    return /*#__PURE__*/_react.default.createElement("div", null);
+  }
+}
+var _default = exports.default = WS;

package/dist/spxbasecode/cmps/BaseAnimation.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactTransitionGroup = require("react-transition-group");
+var _educoreapp = require("educoreapp2");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+class BaseAnimation extends _react.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "changeComponent", () => {
+      const {
+        currentComponentIndex
+      } = this.state;
+      const {
+        components
+      } = this.props;
+      const newIndex = (currentComponentIndex + 1) % components.length;
+      if (newIndex == 0 & _educoreapp.Tools.IsFunction(this.props.onEnd)) {
+        clearInterval(this.interval);
+        this.props.onEnd();
+        return;
+      }
+      this.setState({
+        currentComponentIndex: newIndex
+      });
+    });
+    this.props = props;
+    this.stopAnim = false;
+    this.state = {
+      currentComponentIndex: 0
+    };
+  }
+  componentDidMount() {
+    const {
+      components
+    } = this.props;
+    let time = components[0].time;
+    this.interval = setInterval(this.changeComponent, time);
+  }
+  componentWillUnmount() {
+    clearInterval(this.interval);
+  }
+  render() {
+    const {
+      currentComponentIndex
+    } = this.state;
+    const {
+      components,
+      className
+    } = this.props;
+    const {
+      component: CurrentComponent,
+      time,
+      data
+    } = components[currentComponentIndex];
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        textAlign: "center"
+      },
+      className: className
+    }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
+      in: true,
+      appear: true,
+      timeout: time,
+      classNames: "fade"
+    }, /*#__PURE__*/_react.default.createElement(CurrentComponent, {
+      data: data
+    })));
+  }
+}
+var _default = exports.default = BaseAnimation;

package/dist/spxbasecode/cmps/BaseButton.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _educoreapp = require("educoreapp2");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+class BaseButton extends _react.Component {
+  constructor(props) {
+    super();
+    this.state = {};
+    this.initFromProps(props);
+  }
+  initFromProps(props) {
+    if (_educoreapp.Tools.empty(props)) {
+      return;
+    }
+    //this.setState("onClick",props.onClick);
+    this.state.onClick = props.onClick;
+    this.state.backgroundColor = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.backgroundColor) ? props.backgroundColor : "blue";
+    this.state.label = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.label) ? props.label : "";
+  }
+  render() {
+    this.initFromProps(this.props);
+    let props = this.state;
+    return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
+      style: {
+        width: "100%",
+        height: "100%",
+        backgroundColor: props.backgroundColor
+      },
+      onClick: event => props.onClick(),
+      className: "font-weight-bold"
+    }, props.label);
+  }
+}
+var _default = exports.default = BaseButton;

package/dist/spxbasecode/cmps/BaseButtonIcon.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _educoreapp = require("educoreapp2");
+var _BaseImg = _interopRequireDefault(require("./BaseImg.jsx"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+class BaseButtonIcon extends _react.Component {
+  constructor(props) {
+    super();
+    this.states = {};
+    this.initFromProps(props);
+  }
+  initFromProps(props) {
+    if (_educoreapp.Tools.empty(props)) {
+      return;
+    }
+    //this.setState("onClick",props.onClick);
+    this.states.onClick = props.onClick;
+    this.states.backgroundColor = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.backgroundColor) ? props.backgroundColor : "inherit";
+    this.states.label = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.label) ? props.label : "";
+    this.states.width = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.width) ? props.width : "250px";
+    this.states.height = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.height) ? props.height : "50px";
+    this.states.photo = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.photo) ? props.photo : null;
+  }
+  render() {
+    this.initFromProps(this.props);
+    let props = this.states;
+    let h100 = _educoreapp.Tools.copy(props.height, true);
+    //console.log(props.height);
+    let h2 = _educoreapp.Tools.DivSize(props.height, 75);
+    let h25 = _educoreapp.Tools.DivSize(props.height, 25);
+    let w2 = _educoreapp.Tools.DivSize(props.width, 50);
+    let w4 = _educoreapp.Tools.DivSize(props.width, 25);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        margin: "5px",
+        borderStyle: "solid",
+        borderColor: "black",
+        width: props.width,
+        height: props.height,
+        backgroundColor: props.backgroundColor
+      },
+      onClick: event => props.onClick(),
+      className: "font-weight-bold"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "row",
+      style: {
+        height: h2
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: w4
+      }
+    }, " "), /*#__PURE__*/_react.default.createElement(_BaseImg.default, {
+      photo: props.photo,
+      width: w2,
+      height: "100%"
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: w4
+      }
+    }, " ")), /*#__PURE__*/_react.default.createElement("div", {
+      className: "row",
+      style: {
+        height: h25,
+        color: "white"
+      }
+    }, props.label));
+  }
+}
+var _default = exports.default = BaseButtonIcon;

package/dist/spxbasecode/cmps/BaseButtonImage.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _educoreapp = require("educoreapp2");
+var _BaseImg = _interopRequireDefault(require("./BaseImg.jsx"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+class BaseButtonImage extends _react.Component {
+  constructor(props) {
+    super();
+    this.states = {};
+    this.initFromProps(props);
+  }
+  initFromProps(props) {
+    if (_educoreapp.Tools.empty(props)) {
+      return;
+    }
+    //this.setState("onClick",props.onClick);
+    this.states.onClick = props.onClick;
+    this.states.backgroundColor = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.backgroundColor) ? props.backgroundColor : "inherit";
+    this.states.label = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.label) ? props.label : "";
+    this.states.width = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.width) ? props.width : "250px";
+    this.states.height = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.height) ? props.height : "50px";
+    this.states.photo = !_educoreapp.Tools.empty(props) && !_educoreapp.Tools.empty(props.photo) ? props.photo : null;
+  }
+  render() {
+    this.initFromProps(this.props);
+    let props = this.states;
+
+    /*
+    <Button style={{ width: "100%", height: "100%", 
+            backgroundColor: props.backgroundColor }} 
+            onClick={(event) => props.onClick()} className="font-weight-bold">
+            {props.label}
+        </Button>
+    */
+
+    /*
+    <div style={{ width:props.width, height: props.height, 
+    backgroundColor: props.backgroundColor }} 
+    onClick={(event) => props.onClick()} className="font-weight-bold"
+    ></div>
+     */
+    //    ,backgroundImage:props.photo
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: props.width,
+        height: props.height,
+        backgroundColor: props.backgroundColor
+      },
+      onClick: event => props.onClick(),
+      className: "font-weight-bold"
+    }, /*#__PURE__*/_react.default.createElement(_BaseImg.default, {
+      photo: props.photo,
+      width: props.width,
+      height: props.height
+    }));
+  }
+}
+var _default = exports.default = BaseButtonImage;

package/dist/spxbasecode/cmps/BaseCard.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _educoreapp = require("educoreapp2");
+var _BaseImg = _interopRequireDefault(require("./BaseImg.jsx"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+class BaseCard extends _react.Component {
+  constructor(props) {
+    super();
+    this.props = props;
+  }
+  render() {
+    let backgroundColor = !_educoreapp.Tools.empty(this.props.backgroundColor) ? this.props.backgroundColor : "white";
+    let color = !_educoreapp.Tools.empty(this.props.color) ? this.props.color : "black";
+    let click = _educoreapp.Tools.IsFunction(this.props.click) ? this.props.click : function (ee) {};
+
+    //style={{height:"25vh",width:"20vh"}} 
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        backgroundColor: backgroundColor,
+        color: color
+      },
+      onClick: event => click(event)
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "row",
+      style: {
+        height: "25vh"
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: "40%"
+      }
+    }), /*#__PURE__*/_react.default.createElement(_BaseImg.default, {
+      label: "Logo Edupanel.pl",
+      photo: this.props.src,
+      height: "100%",
+      width: "20%"
+    })), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Body, {
+      style: {
+        backgroundColor: backgroundColor,
+        color: color
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Title, {
+      style: {
+        textAlign: "center"
+      }
+    }, /*#__PURE__*/_react.default.createElement("h1", null, this.props.title)), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Text, {
+      dangerouslySetInnerHTML: {
+        __html: this.props.text
+      }
+    })));
+  }
+  render2() {
+    let backgroundColor = !_educoreapp.Tools.empty(this.props.backgroundColor) ? this.props.backgroundColor : "white";
+    let color = !_educoreapp.Tools.empty(this.props.color) ? this.props.color : "black";
+    let click = _educoreapp.Tools.IsFunction(this.props.click) ? this.props.click : function (ee) {};
+    return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card, {
+      style: {
+        backgroundColor: backgroundColor,
+        color: color
+      },
+      onClick: event => click(event)
+    }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Img, {
+      style: {
+        position: 'relative',
+        left: "25vw",
+        height: "25vh",
+        width: "25vw"
+      },
+      variant: "top",
+      src: this.props.src
+    }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Body, {
+      style: {
+        backgroundColor: backgroundColor,
+        color: color
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Title, {
+      style: {
+        textAlign: "center"
+      }
+    }, this.props.title), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Card.Text, {
+      dangerouslySetInnerHTML: {
+        __html: this.props.text
+      }
+    })));
+  }
+}
+var _default = exports.default = BaseCard;

package/dist/spxbasecode/cmps/BaseCenter.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _educoreapp = require("educoreapp2");
+var _BaseImg = _interopRequireDefault(require("./BaseImg.jsx"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+class BaseCenter extends _react.Component {
+  constructor(props) {
+    super();
+    this.props = props;
+  }
+  render() {
+    let backgroundColor = !_educoreapp.Tools.empty(this.props.backgroundColor) ? this.props.backgroundColor : "white";
+    let color = !_educoreapp.Tools.empty(this.props.color) ? this.props.color : "black";
+    let click = _educoreapp.Tools.IsFunction(this.props.click) ? this.props.click : function (ee) {};
+    //style={{height:"25vh",width:"20vh"}} 
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "row h-100"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "d-hide col-sm-1 col-md-1 col-lg-2 "
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "col-xs-12 col-sm-10 col-md-10  col-lg-8 h-100"
+    }, this.props.children));
+  }
+}
+var _default = exports.default = BaseCenter;