educoreapp2 1.0.77 → 1.0.78

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,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Menu = _interopRequireDefault(require("./Menu"));
+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 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,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _BasePage = _interopRequireDefault(require("./BasePage"));
+var _BaseImg = _interopRequireDefault(require("./BaseImg"));
+var _Menu = _interopRequireDefault(require("./Menu"));
+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 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(_Menu.default, {
+      isShow: isMenuShow
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "col-sm-1 col-md-2 col-lg-3"
+    }), /*#__PURE__*/_react.default.createElement(_BasePage.default, {
+      className: "col-12 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-sm-1 col-md-2  col-lg-3"
+    }));
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "row g-0",
+      style: {
+        backgroundColor: bgColor,
+        height: "auto"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Menu.default, {
+      isShow: isMenuShow
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "col-sm-1 col-md-2 col-lg-3"
+    }), /*#__PURE__*/_react.default.createElement(_BasePage.default, {
+      className: "col-12 col-sm-10 col-md-8  col-lg-6",
+      style: {
+        paddingLeft: "5px",
+        paddingLeft: "5px"
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "row",
+      style: {
+        height: "50px",
+        width: "300px"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_BaseImg.default, {
+      photo: logo
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "row",
+      style: {
+        height: "80%"
+      }
+    }, this.props.children)), /*#__PURE__*/_react.default.createElement("div", {
+      className: "col-sm-1 col-md-2  col-lg-3"
+    }));
+  }
+}
+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,41 @@
+"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.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 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/PageWithMenu.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Menu = _interopRequireDefault(require("./Menu"));
+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 PageWithMenu extends _react.Component {
+  constructor(props) {
+    super();
+    this.props = props;
+    this.isMenuWideShow = !_educoreapp.Tools.empty(props.isMenuWideShow) ? props.isMenuWideShow : "true";
+    this.isMenuShow = true;
+  }
+  render() {
+    return this.renderNormal();
+  }
+  renderNormal() {
+    let cc = this.props.className;
+    cc = !_educoreapp.Tools.empty(cc) ? cc + " " : "";
+    cc += " row g-0";
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        width: "100%",
+        height: "100%"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Menu.default, {
+      isMenuWideShow: this.isMenuWideShow,
+      isShow: this.isMenuShow
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: cc,
+      style: {
+        height: "90%"
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "row g-0"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "col-1 col-sm-1 col-md-1 col-lg-2"
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "col-10 col-sm-10 col-md-10  col-lg-8",
+      style: {
+        paddingLeft: 5,
+        paddingRight: 5
+      }
+    }, this.props.children), /*#__PURE__*/_react.default.createElement("div", {
+      className: "col-1 col-sm-1 col-md-1  col-lg-2"
+    }))));
+  }
+}
+var _default = exports.default = PageWithMenu;

package/dist/spxbasecode/cmps/ProfileMenu.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactAvatar = _interopRequireDefault(require("react-avatar"));
+var _ = _interopRequireDefault(require("./8.jpg"));
+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 ProfileMenu extends _react.Component {
+  constructor() {
+    super();
+  }
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_reactAvatar.default, {
+      src: _.default,
+      size: "50px",
+      round: true
+    });
+  }
+}
+var _default = exports.default = ProfileMenu;