educoreapp2 1.0.103 → 1.1.1

package/dist/spxbasecode/cmps/BaseList.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("bootstrap/dist/css/bootstrap.min.css");
+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 BaseList extends _react.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      fileList: props.files
+    };
+    props.par.fileListCmp = this;
+    this.parent = props.par;
+  }
+  updateFileList(list) {
+    this.setState({
+      fileList: list
+    });
+  }
+  handleAdd = () => {
+    this.parent.handleAdd();
+  };
+  handleRefresh = () => {
+    this.parent.handleRefresh();
+  };
+  handleDownload = filename => {
+    this.parent.handleDownload(filename);
+  };
+  handleDelete = filename => {
+    this.parent.handleDelete(filename);
+  };
+  render() {
+    const {
+      columns
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "row"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "row"
+    }, /*#__PURE__*/_react.default.createElement("h2", {
+      className: "text-center mt-4 mb-5"
+    }, "Lista plik\xF3w")), /*#__PURE__*/_react.default.createElement("div", {
+      className: "row"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "col-sm-8"
+    }, " "), /*#__PURE__*/_react.default.createElement("button", {
+      className: "btn btn-success col-sm-2",
+      onClick: () => this.handleRefresh()
+    }, "Ref"), /*#__PURE__*/_react.default.createElement("button", {
+      className: "btn btn-success col-sm-2",
+      onClick: () => this.handleAdd()
+    }, "Dodaj")), /*#__PURE__*/_react.default.createElement("table", {
+      className: "table table-hover table-bordered shadow-sm"
+    }, /*#__PURE__*/_react.default.createElement("thead", {
+      className: "bg-primary text-white"
+    }, /*#__PURE__*/_react.default.createElement("tr", null, columns.map((column, index) => /*#__PURE__*/_react.default.createElement("th", {
+      key: index,
+      scope: "col"
+    }, column.label)), /*#__PURE__*/_react.default.createElement("th", {
+      scope: "col"
+    }, "Akcje"))), /*#__PURE__*/_react.default.createElement("tbody", null, this.state.fileList.map((file, index) => /*#__PURE__*/_react.default.createElement("tr", {
+      key: index
+    }, columns.map((column, index) => /*#__PURE__*/_react.default.createElement("td", {
+      key: index
+    }, file[column.key])), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("button", {
+      className: "btn btn-success mr-2",
+      onClick: () => this.handleDownload(file.name)
+    }, "Pobierz"), /*#__PURE__*/_react.default.createElement("button", {
+      className: "btn btn-danger",
+      onClick: () => this.handleDelete(file.name)
+    }, "Usu\u0144")))))));
+  }
+}
+var _default = exports.default = BaseList;

package/dist/spxbasecode/cmps/BaseListFile.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("bootstrap/dist/css/bootstrap.min.css");
+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 BaseListFile extends _react.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      fileList: props.files
+    };
+    props.par.fileListCmp = this;
+    this.parent = props.par;
+  }
+  updateFileList(list) {
+    this.setState({
+      fileList: list
+    });
+  }
+  handleAdd = () => {
+    this.parent.handleAdd();
+  };
+  handleRefresh = () => {
+    this.parent.handleRefresh();
+  };
+  handleDownload = filename => {
+    this.parent.handleDownload(filename);
+  };
+  handleDelete = filename => {
+    this.parent.handleDelete(filename);
+  };
+  render() {
+    const {
+      columns
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "row"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "row"
+    }, /*#__PURE__*/_react.default.createElement("h2", {
+      className: "text-center mt-4 mb-5"
+    }, "Lista plik\xF3w")), /*#__PURE__*/_react.default.createElement("div", {
+      className: "row"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "col-sm-8"
+    }, " "), /*#__PURE__*/_react.default.createElement("button", {
+      className: "btn btn-success col-sm-2",
+      onClick: () => this.handleRefresh()
+    }, "Ref"), /*#__PURE__*/_react.default.createElement("button", {
+      className: "btn btn-success col-sm-2",
+      onClick: () => this.handleAdd()
+    }, "Dodaj")), /*#__PURE__*/_react.default.createElement("table", {
+      className: "table table-hover table-bordered shadow-sm"
+    }, /*#__PURE__*/_react.default.createElement("thead", {
+      className: "bg-primary text-white"
+    }, /*#__PURE__*/_react.default.createElement("tr", null, columns.map((column, index) => /*#__PURE__*/_react.default.createElement("th", {
+      key: index,
+      scope: "col"
+    }, column.label)), /*#__PURE__*/_react.default.createElement("th", {
+      scope: "col"
+    }, "Akcje"))), /*#__PURE__*/_react.default.createElement("tbody", null, this.state.fileList.map((file, index) => /*#__PURE__*/_react.default.createElement("tr", {
+      key: index
+    }, columns.map((column, index) => /*#__PURE__*/_react.default.createElement("td", {
+      key: index
+    }, file[column.key])), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("button", {
+      className: "btn btn-success mr-2",
+      onClick: () => this.handleDownload(file.name)
+    }, "Pobierz"), /*#__PURE__*/_react.default.createElement("button", {
+      className: "btn btn-danger",
+      onClick: () => this.handleDelete(file.name)
+    }, "Usu\u0144")))))));
+  }
+}
+var _default = exports.default = BaseListFile;

package/dist/spxbasecode/cmps/BasePage.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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 BasePage extends _react.Component {
+  constructor(props) {
+    super();
+    this.props = props;
+  }
+  render() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: this.props.className,
+      style: {
+        height: "100%"
+      }
+    }, this.props.children);
+  }
+}
+var _default = exports.default = BasePage;

package/dist/spxbasecode/cmps/BaseReadTextButton.js

@@ -0,0 +1,40 @@
+"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 _BaseButtonImage = _interopRequireDefault(require("./BaseButtonImage"));
+var _soundOn = _interopRequireDefault(require("../img/soundOn.png"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 BaseReadTextButton extends _react.Component {
+  constructor(props) {
+    super();
+    this.props = props;
+    this.states = props;
+  }
+  render() {
+    /*
+     <div id="soundBt" style={{backgrandColor:"red",width:"50px",height:"50px"}} 
+          onClick={(event) => {window.App.play();}}>
+            </div>
+    */
+    let photox = _soundOn.default;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      onClick: event => {
+        window.App.play();
+      }
+    }, /*#__PURE__*/_react.default.createElement(_BaseButtonImage.default, {
+      width: this.states.width,
+      onClick: event => {},
+      height: this.states.height,
+      photo: photox
+    }));
+  }
+}
+var _default = exports.default = BaseReadTextButton;

package/dist/spxbasecode/cmps/BaseSSOLogin.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactBootstrap = require("react-bootstrap");
+var _Translate = _interopRequireDefault(require("../../Translate"));
+var _lang_pl = require("../../img/lang_pl.svg");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 BaseSSOLogin extends _react.Component {
+  constructor(props) {
+    super();
+    this.props = props;
+  }
+  render() {
+    let TT = _Translate.default.getT(window.App.lang, "Edupanel", "Menu");
+    return /*#__PURE__*/_react.default.createElement("div", {
+      onClick: event => window.App.changePage("SSO", "sso_login"),
+      width: "50",
+      height: "50"
+    }, /*#__PURE__*/_react.default.createElement(_lang_pl.ReactComponent, {
+      width: "50",
+      height: "50"
+    }));
+  }
+}
+var _default = exports.default = BaseSSOLogin;

package/dist/spxbasecode/cmps/BaseSlimPage.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _BasePage = _interopRequireDefault(require("./BasePage"));
+var _educoreapp = require("educoreapp2");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 BaseSlimPage extends _react.Component {
+  constructor(props) {
+    super();
+    this.props = props;
+  }
+  render() {
+    //console.log(this.props.isMenuShow); 
+    let isMenuShow = _educoreapp.Tools.isset(this.props.isMenuShow) ? this.props.isMenuShow : true;
+    let isShort = _educoreapp.Tools.isset(this.props.isShort) ? this.props.isShort : false;
+    let bgColor = _educoreapp.Tools.isset(this.props.bgColor) ? this.props.bgColor : "white";
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "row g-0",
+      style: {
+        backgroundColor: bgColor,
+        height: "auto"
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "col-1 col-sm-1 col-md-2 col-lg-3"
+    }), /*#__PURE__*/_react.default.createElement(_BasePage.default, {
+      className: "col-10 col-sm-10 col-md-8  col-lg-6",
+      style: {
+        paddingLeft: "5px",
+        paddingLeft: "5px"
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "row",
+      style: {
+        height: "80%"
+      }
+    }, this.props.children)), /*#__PURE__*/_react.default.createElement("div", {
+      className: "col-1 col-sm-1 col-md-2  col-lg-3"
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "row",
+      style: {
+        height: "50px"
+      }
+    }), /*#__PURE__*/_react.default.createElement(_educoreapp.MenuBottom, {
+      isShort: isShort,
+      style: {
+        position: "absolute",
+        top: "90%"
+      },
+      isShow: isMenuShow
+    }));
+  }
+}
+var _default = exports.default = BaseSlimPage;

package/dist/spxbasecode/cmps/EduPage.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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; }
+//import Menu from './Menu';
+class EduPage extends _react.Component {
+  static Init(this2) {
+    this2.lang = window.App.lang;
+    this2.translate = [];
+  }
+  render() {
+    return /*#__PURE__*/_react.default.createElement("div", null);
+  }
+}
+var _default = exports.default = EduPage;

package/dist/spxbasecode/cmps/LogoEdupanel.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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 LogoEdupanel extends _react.Component {
+  constructor(props) {
+    super();
+    this.state = {};
+    this.initFromProps(props);
+  }
+  initFromProps(props) {
+    if (_educoreapp.Tools.empty(props)) {
+      return;
+    }
+    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 src = window.App.Config.logo;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      role: "figure",
+      style: {
+        backgroundImage: `url(${src})`,
+        backgroundRepeat: "no-repeat",
+        backgroundSize: "100% 100%",
+        backgroundPosition: 'center',
+        width: "100%",
+        height: "100%"
+      }
+    });
+  }
+}
+var _default = exports.default = LogoEdupanel;

package/dist/spxbasecode/cmps/Menu.js

@@ -0,0 +1,169 @@
+"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 Menu extends _react.Component {
+  constructor(props) {
+    super();
+    this.props = props;
+    this.clicker = 0;
+    this.isMenuWideShow = !_educoreapp.Tools.empty(props.isMenuWideShow) ? props.isMenuWideShow : "true";
+    this.isMenuWideShow = this.isMenuWideShow == "true" || typeof this.isMenuWideShow == "boolean" && this.isMenuWideShow;
+    this.isMenuShow = !_educoreapp.Tools.empty(props.isShow) ? props.isShow : "true";
+    this.isMenuShow = this.isMenuShow == "true" || typeof this.isMenuShow == "boolean" && this.isMenuShow;
+    window.App.Config.isMenuLeave = !this.props.isShow; // && !window.App.Config.isMenuLeave;
+  }
+  handleMouseMove() {
+    window.App.Config.isMenuLeave = false;
+    this.forceUpdate();
+  }
+  handleMouseLeave() {
+    window.App.Config.isMenuLeave = true;
+    this.forceUpdate();
+  }
+  goAdmin() {
+    this.clicker++;
+    if (this.clicker % 5 == 0) {
+      window.App.changePage("admin", "admin", null);
+    } else {
+      window.App.changePage("core", "home", null);
+    }
+  }
+  renderNormal() {
+    let TT = _educoreapp.Translate.getT(window.App.lang, "Edupanel", "alts");
+    const posNormal = "relative";
+    const displayNormal = "flex";
+    const displayHide = "flex";
+    const opNormal = 1;
+    const opHide = 1;
+    let MAP = window.App.Config.menu;
+    let dis = displayNormal;
+    let displayAudioButt = displayNormal;
+    let op = opNormal;
+    let pos = posNormal;
+    if (!window.App.Config.isPlayAudio) {
+      displayAudioButt = "none";
+    }
+    if (!window.App.Config.isMenuShow) {
+      dis = displayHide;
+    }
+    if (window.App.Config.isMenuLeave) {
+      op = opHide;
+      pos = posNormal;
+    }
+    let menuClass = !this.isMenuWideShow ? "menuWideNotShow" : "row";
+    return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Navbar, {
+      role: "navigation",
+      onMouseMove: event => this.handleMouseMove(),
+      onMouseLeave: event => this.handleMouseLeave(),
+      style: {
+        display: dis,
+        opacity: op,
+        position: pos,
+        zIndex: 10000
+      },
+      collapseOnSelect: true,
+      expand: "lg",
+      bg: "light",
+      variant: "light"
+    }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Navbar.Brand, null, /*#__PURE__*/_react.default.createElement("img", {
+      onClick: event => this.goAdmin(),
+      width: "60",
+      height: "60",
+      src: window.App.Config.logo,
+      alt: TT["/imgs/logo.png"]
+    })), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Navbar.Collapse, {
+      id: "responsive-navbar-nav"
+    }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Nav, {
+      className: "mr-auto"
+    }, MAP.map((item, index) => /*#__PURE__*/_react.default.createElement(_reactBootstrap.Nav.Link, {
+      key: index,
+      onClick: event => item.action()
+    }, item.title)))), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        marginLeft: "auto",
+        marginRight: "5px"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_educoreapp.BaseLang, null)), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Navbar.Toggle, {
+      "aria-controls": "responsive-navbar-nav",
+      style: {
+        backgrandColor: "red"
+      }
+    }));
+  }
+  renderShort() {
+    let TT = _educoreapp.Translate.getT(window.App.lang, "Edupanel", "alts");
+    const posNormal = "relative";
+    const displayNormal = "flex";
+    const displayHide = "flex";
+    const opNormal = 1;
+    const opHide = 1;
+    let MAP = window.App.Config.menu;
+    let dis = displayNormal;
+    let displayAudioButt = displayNormal;
+    let op = opNormal;
+    let pos = posNormal;
+    if (!window.App.Config.isPlayAudio) {
+      displayAudioButt = "none";
+    }
+    if (!window.App.Config.isMenuShow) {
+      dis = displayHide;
+    }
+    if (window.App.Config.isMenuLeave) {
+      op = opHide;
+      pos = posNormal;
+    }
+    return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Navbar, {
+      role: "navigation",
+      onMouseMove: event => this.handleMouseMove(),
+      onMouseLeave: event => this.handleMouseLeave(),
+      style: {
+        display: dis,
+        opacity: op,
+        position: pos,
+        zIndex: 10000
+      },
+      collapseOnSelect: true,
+      expand: "lg",
+      bg: "light",
+      variant: "light"
+    }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Navbar.Brand, null, /*#__PURE__*/_react.default.createElement("img", {
+      onClick: event => this.goHome(),
+      width: "60",
+      height: "60",
+      src: window.App.Config.logo,
+      alt: TT["/imgs/logo.png"]
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        marginLeft: "auto",
+        marginRight: "5px",
+        display: "inline-flex"
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "col-4",
+      style: {
+        display: "inline-flex"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_educoreapp.BaseLang, {
+      className: "col-5"
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "col-2"
+    }), /*#__PURE__*/_react.default.createElement(_educoreapp.ProfileMenu, {
+      className: "col-5"
+    }))));
+  }
+  render() {
+    if (!this.isMenuShow) {
+      return /*#__PURE__*/_react.default.createElement("div", null);
+    }
+    return this.isMenuWideShow ? this.renderNormal() : this.renderShort();
+  }
+}
+var _default = exports.default = Menu;

package/dist/spxbasecode/cmps/MenuBottom.css

@@ -0,0 +1,22 @@
+.menu-bottom {
+    display: inline-flex;
+    bottom: 0;
+    height: 100px;
+    background-color:azure;
+    position:absolute;
+    justify-content: space-between;
+   /*padding: 16px;*/
+  }
+  .baseButtonIconLabel{
+      --bs-gutter-x: 0;
+      background-color: transparent;
+      text-align: center;
+      --bs-gutter-y: 0;
+      display: block;
+      margin-bottom: calc(-1* var(--bs-gutter-y));
+      flex-wrap: wrap;
+      margin-top: calc(-1* var(--bs-gutter-y));
+      margin-right: calc(-.5* var(--bs-gutter-x));
+      margin-left: calc(-.5* var(--bs-gutter-x));
+  }
+  

package/dist/spxbasecode/cmps/MenuBottom.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("./MenuBottom.css");
+var _BaseButtonIcon = _interopRequireDefault(require("./BaseButtonIcon"));
+var _BaseLang = _interopRequireDefault(require("./BaseLang"));
+var _Tools = _interopRequireDefault(require("../../Tools"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 MenuBottom extends _react.Component {
+  constructor(props) {
+    super(props);
+    this.props = props;
+    let isShort = _Tools.default.isset(this.props.isShort) ? this.props.isShort : false;
+    let menuItems = !isShort ? window.App.Config.menu.full : window.App.Config.menu.short;
+    this.state = {
+      "menuItems": menuItems
+    };
+  }
+  render() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "menu-bottom"
+    }, this.state.menuItems.map(item => /*#__PURE__*/_react.default.createElement(_BaseButtonIcon.default, {
+      key: item.title + item.icon,
+      photo: item.icon,
+      label: item.title,
+      onClick: item.click,
+      width: "100px",
+      height: "75px",
+      borderColor: "transparent",
+      backgroundColor: "transparent"
+    })));
+  }
+}
+var _default = exports.default = MenuBottom;