mario-teacher-student-client 2.1.11 → 2.1.12

package/dist/index.css

@@ -2683,15 +2683,29 @@ p._1YLGi {
 ._3A-A9 {
   background: #efefef;
   min-height: calc(100vh - 64px); }
-  ._3A-A9._CvEXW ._3mJSQ ._3RuBx, ._3A-A9._CvEXW ._2hOFE, ._3A-A9._CvEXW p._1bzoU, ._3A-A9._CvEXW h2._1OAmb,
-  ._3A-A9._CvEXW ._3ijmc h2, ._3A-A9._CvEXW p._3aoT5, ._3A-A9._CvEXW ._Firjr label, ._3A-A9._CvEXW ._mzLvX p, ._3A-A9._CvEXW ._T1fJ4 span {
+  ._3A-A9._CvEXW ._3mJSQ ._3RuBx,
+  ._3A-A9._CvEXW ._2hOFE,
+  ._3A-A9._CvEXW p._1bzoU,
+  ._3A-A9._CvEXW h2._1OAmb,
+  ._3A-A9._CvEXW ._3ijmc h2,
+  ._3A-A9._CvEXW p._3aoT5,
+  ._3A-A9._CvEXW ._Firjr label,
+  ._3A-A9._CvEXW ._mzLvX p,
+  ._3A-A9._CvEXW ._T1fJ4 span {
     font-size: 20px !important; }
   ._3A-A9._CvEXW ._3-Mx5 p:nth-child(1) {
     font-size: 18px !important; }
   ._3A-A9._CvEXW ._3-Mx5 p:nth-child(2) {
     font-size: 20px !important; }
-  ._3A-A9._XhgGV ._3mJSQ ._3RuBx, ._3A-A9._XhgGV ._2hOFE, ._3A-A9._XhgGV p._1bzoU, ._3A-A9._XhgGV h2._1OAmb,
-  ._3A-A9._XhgGV ._3ijmc h2, ._3A-A9._XhgGV p._3aoT5, ._3A-A9._XhgGV ._Firjr label, ._3A-A9._XhgGV ._mzLvX p, ._3A-A9._XhgGV ._T1fJ4 span {
+  ._3A-A9._XhgGV ._3mJSQ ._3RuBx,
+  ._3A-A9._XhgGV ._2hOFE,
+  ._3A-A9._XhgGV p._1bzoU,
+  ._3A-A9._XhgGV h2._1OAmb,
+  ._3A-A9._XhgGV ._3ijmc h2,
+  ._3A-A9._XhgGV p._3aoT5,
+  ._3A-A9._XhgGV ._Firjr label,
+  ._3A-A9._XhgGV ._mzLvX p,
+  ._3A-A9._XhgGV ._T1fJ4 span {
     font-size: 12px !important; }
   ._3A-A9._XhgGV ._3-Mx5 p:nth-child(1) {
     font-size: 12px !important; }
@@ -3080,6 +3094,12 @@ h2._1OAmb {
   font-size: 16px;
   font-weight: 600; }
 
+._1K-FF {
+  display: none !important; }
+
+._DQwzA {
+  display: none !important; }
+
 ._1gIRD {
   opacity: 1;
   cursor: pointer;
@@ -3666,7 +3686,7 @@ h2._1OAmb {
 @media screen and (max-width: 767px) {
   ._2RP6e {
     overflow-y: auto;
-    height: 40vh;
+    height: 45%;
     margin-bottom: 10px; } }
 
 @font-face {
@@ -10609,6 +10629,9 @@ h2._1KpSK {
 ._3WodB {
   margin-left: 5px; }
 
+._2Sedf {
+  display: none !important; }
+
 @font-face {
   font-family: "Lato-Regular";
   src: url("/fonts/Lato-Regular.ttf");

package/dist/index.js

@@ -7258,7 +7258,7 @@ var HeaderComponent = function HeaderComponent(_ref) {
   }, "Edit")));
 };
 
-var styles$5 = {"block-question":"_3bYTs","box-last":"_1SQC-","top-session":"_3dcqs","block-session-type":"_xLN0K","session-text":"_3ijmc","page-conduct":"_3A-A9","font-large":"_CvEXW","name-conduct":"_3mJSQ","title":"_3RuBx","item":"_2hOFE","box-p":"_1bzoU","font-title":"_1OAmb","slider-text":"_3aoT5","question-slider":"_Firjr","text-after":"_mzLvX","item-conduct":"_T1fJ4","font-question":"_3-Mx5","font-small":"_XhgGV","conduct-contain":"_1saEt","title-conduct":"_2HROs","list-conduct":"_29kva","session-select":"_Dgvz2","student-name":"_2Sccu","talk-conduct":"_2MUjA","box-talk":"_3cwEi","box-question":"_D7nB-","title-strategories":"_3JCHg","strategories-image":"_YKzPb","img-session":"_1WobV","switch-session":"_3T9GL","body-session":"_FuViQ","modal-finished":"_1kr7b","title-modal":"_31ujp","body-modal":"_22YdW","tite-body":"_81XA0","btn-cancel":"_1p4Cd","btn-submit":"_36jLj","partner-profile-header":"_2HAFW","partner-name":"_1rCfd","close-btn":"_3qkoh","close-icon":"_R5ivj","partner-detail-content":"_3Yl8e","partner-detail-email":"_zsML4","partner-detail":"_A-c6O","health-note-text":"_20_3n","no-data":"_3tSGF","button-edit":"_r7Xnx","detail-content":"_3Kj6b","partner-profiles-diallog":"_gOdCz","partner-profile":"_3h4fG","profile-box-mobile":"_2xyvg","partner-profile-mobile":"_1IckI","partner-profile-header-mobile":"_2-Nhf","partner-profile-avt":"_sSpfT","partner-schedule":"_smLhQ","partner-schedule-meeting":"_1MX_1","no-schedule-box":"_3tmRq","schedule-meeting-element":"_vE2nJ","time-detail":"_JAWru","name-detail":"_3RlQ2","avatar_user":"_3d254","btn-done":"_9SOPe","btn-done-session":"_3Id4g","btn-scroll-top":"_WEfrE","info-container":"_3KbBU","title-note":"_30pHa","time-ques":"_3Np_7"};
+var styles$5 = {"block-question":"_3bYTs","box-last":"_1SQC-","top-session":"_3dcqs","block-session-type":"_xLN0K","session-text":"_3ijmc","page-conduct":"_3A-A9","font-large":"_CvEXW","name-conduct":"_3mJSQ","title":"_3RuBx","item":"_2hOFE","box-p":"_1bzoU","font-title":"_1OAmb","slider-text":"_3aoT5","question-slider":"_Firjr","text-after":"_mzLvX","item-conduct":"_T1fJ4","font-question":"_3-Mx5","font-small":"_XhgGV","conduct-contain":"_1saEt","title-conduct":"_2HROs","list-conduct":"_29kva","session-select":"_Dgvz2","student-name":"_2Sccu","talk-conduct":"_2MUjA","box-talk":"_3cwEi","box-question":"_D7nB-","title-strategories":"_3JCHg","strategories-image":"_YKzPb","img-session":"_1WobV","switch-session":"_3T9GL","body-session":"_FuViQ","modal-finished":"_1kr7b","title-modal":"_31ujp","body-modal":"_22YdW","tite-body":"_81XA0","btn-cancel":"_1p4Cd","btn-submit":"_36jLj","partner-profile-header":"_2HAFW","partner-name":"_1rCfd","close-btn":"_3qkoh","close-icon":"_R5ivj","partner-detail-content":"_3Yl8e","partner-detail-email":"_zsML4","partner-detail":"_A-c6O","health-note-text":"_20_3n","no-data":"_3tSGF","button-edit":"_r7Xnx","detail-content":"_3Kj6b","partner-profiles-diallog":"_gOdCz","partner-profile":"_3h4fG","profile-box-mobile":"_2xyvg","partner-profile-mobile":"_1IckI","partner-profile-header-mobile":"_2-Nhf","partner-profile-avt":"_sSpfT","partner-schedule":"_smLhQ","partner-schedule-meeting":"_1MX_1","no-schedule-box":"_3tmRq","schedule-meeting-element":"_vE2nJ","time-detail":"_JAWru","name-detail":"_3RlQ2","avatar_user":"_3d254","btn-done":"_9SOPe","btn-done-session":"_3Id4g","btn-scroll-top":"_WEfrE","info-container":"_3KbBU","title-note":"_30pHa","time-ques":"_3Np_7","over-flow-hidden":"_1K-FF","display-none":"_DQwzA"};
 
 var BACKGROUND_COLOR = "#CDCDCD";
 
@@ -9170,9 +9170,10 @@ var ScaffoldingBtn = function ScaffoldingBtn(props) {
       onHover = props.onHover,
       onLeave = props.onLeave,
       handleOpen = props.handleOpen;
+  var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
   return React__default.createElement("div", {
     className: "" + styles$6["button-question"]
-  }, hover && React__default.createElement("div", {
+  }, hover && screenWidth > 768 && React__default.createElement("div", {
     className: "" + styles$6["hover-help"]
   }, React__default.createElement("div", {
     className: "" + styles$6["text-help"]
@@ -10741,28 +10742,28 @@ var MainViewScaffolding = function MainViewScaffolding(props) {
       sessionResultId = props.sessionResultId,
       conferenceId = props.conferenceId,
       conferenceResultId = props.conferenceResultId,
-      informationUser = props.informationUser;
+      informationUser = props.informationUser,
+      openScaffolding = props.openScaffolding,
+      onOpenScaffolding = props.onOpenScaffolding,
+      onCloseScaffolding = props.onCloseScaffolding;
 
   var _useScaffolding = useScaffolding(),
       hover = _useScaffolding.hover,
       onHover = _useScaffolding.onHover,
-      onLeave = _useScaffolding.onLeave,
-      handleOpen = _useScaffolding.handleOpen,
-      open = _useScaffolding.open,
-      handleClose = _useScaffolding.handleClose;
+      onLeave = _useScaffolding.onLeave;
 
   return React__default.createElement(core.Box, {
     style: {
       "float": "right",
       margin: "10px"
     }
-  }, !open ? React__default.createElement(ScaffoldingBtn, {
+  }, !openScaffolding ? React__default.createElement(ScaffoldingBtn, {
     hover: hover,
     onHover: onHover,
     onLeave: onLeave,
-    handleOpen: handleOpen
+    handleOpen: onOpenScaffolding
   }) : React__default.createElement(ScaffoldingFloatTab, {
-    onClose: handleClose,
+    onClose: onCloseScaffolding,
     sessionId: sessionId,
     sessionResultId: sessionResultId,
     conferenceId: conferenceId,
@@ -10899,6 +10900,18 @@ var ConductIndex = function ConductIndex() {
 
   var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
 
+  var _useState4 = React.useState(false),
+      openScaffolding = _useState4[0],
+      setOpenScaffolding = _useState4[1];
+
+  var handleOpenScaffolding = function handleOpenScaffolding() {
+    setOpenScaffolding(true);
+  };
+
+  var handleCloseScaffolding = function handleCloseScaffolding() {
+    setOpenScaffolding(false);
+  };
+
   var compare = function compare(a, b) {
     if (a.name < b.name) {
       return -1;
@@ -10928,7 +10941,7 @@ var ConductIndex = function ConductIndex() {
     isTeacher: isTeacher
   }), React__default.createElement("div", {
     id: "main-contain",
-    className: styles$5["conduct-contain"]
+    className: styles$5["conduct-contain"] + " " + (screenWidth < 768 && openScaffolding && styles$5["over-flow-hidden"])
   }, React__default.createElement(ConductTop, {
     name: isTeacher ? informationUser.studentName : informationUser.teacherName,
     imageUrl: isTeacher ? informationUser.studentProfileImage : informationUser.teacherProfileImage,
@@ -11090,7 +11103,10 @@ var ConductIndex = function ConductIndex() {
     sessionId: sessionId,
     sessionResultId: sessionResultId,
     second: second,
-    informationUser: informationUser
+    informationUser: informationUser,
+    openScaffolding: openScaffolding,
+    onOpenScaffolding: handleOpenScaffolding,
+    onCloseScaffolding: handleCloseScaffolding
   }), React__default.createElement(core.Dialog, {
     open: openModalSession,
     onClose: handleModalSessionClose,
@@ -13046,6 +13062,20 @@ var SessionResultComponent = function SessionResultComponent() {
     (_refConduct$current = refConduct.current) === null || _refConduct$current === void 0 ? void 0 : _refConduct$current.openModal();
   };
 
+  var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+
+  var _useState2 = React.useState(false),
+      openScaffolding = _useState2[0],
+      setOpenScaffolding = _useState2[1];
+
+  var handleOpenScaffolding = function handleOpenScaffolding() {
+    setOpenScaffolding(true);
+  };
+
+  var handleCloseScaffolding = function handleCloseScaffolding() {
+    setOpenScaffolding(false);
+  };
+
   React.useEffect(function () {
     document.title = "Result Session";
     !!foundId && getPartnerProfileSelector(foundId);
@@ -13058,7 +13088,7 @@ var SessionResultComponent = function SessionResultComponent() {
     goBack: goBack
   }), React__default.createElement("div", {
     id: "main-contain",
-    className: styles$5["conduct-contain"]
+    className: styles$5["conduct-contain"] + " " + (screenWidth < 768 && openScaffolding && styles$5["display-none"])
   }, React__default.createElement(ConductTop, {
     name: isTeacher ? informationUser.studentName : informationUser.teacherName,
     imageUrl: isTeacher ? informationUser.studentProfileImage : informationUser.teacherProfileImage,
@@ -13124,7 +13154,7 @@ var SessionResultComponent = function SessionResultComponent() {
     className: styles$5["img-session"]
   }, React__default.createElement(TimelineIcon, null)), React__default.createElement("div", {
     className: styles$5["text-after"]
-  }, React__default.createElement("p", null, "After session")))), React__default.createElement("div", null, isStudent && isStudentChangeAfter ? React__default.createElement(QuestionConduct, {
+  }, React__default.createElement("p", null, "After session")))), React__default.createElement("div", null, isStudent && isStudentChangeAfter || isTeacher ? React__default.createElement(QuestionConduct, {
     questionName: "",
     questionList: questionBlock4,
     isPageSessionResult: true,
@@ -13133,11 +13163,14 @@ var SessionResultComponent = function SessionResultComponent() {
     questionName: "",
     questionList: questionBlock4,
     onChangeQuestionAnswer: onChangeQuestionAnswer
-  }))), React__default.createElement(ScrollToTopBtn, null), React__default.createElement(MainViewScaffolding$1, {
+  }))), React__default.createElement(ScrollToTopBtn, null)), React__default.createElement(MainViewScaffolding$1, {
     sessionId: sessionId,
     sessionResultId: sessionResultId,
-    informationUser: informationUser
-  })));
+    informationUser: informationUser,
+    openScaffolding: openScaffolding,
+    onOpenScaffolding: handleOpenScaffolding,
+    onCloseScaffolding: handleCloseScaffolding
+  }));
 };
 
 function _extends$1() {
@@ -25947,7 +25980,7 @@ var StudentReflection = function StudentReflection() {
 
 var startSession$2 = {"sub-header":"_1YZ4O","select-session-category":"_1CJjs","back":"_6lAFW","time-to-do":"_XwzC_","change-mode":"_29OoG","active":"_1FwwF","start-session":"_1hg5E","body":"_2xw49","note":"_3njt4","note-by-audio":"_sBXEd","answer-questions":"_12FkA","action":"_5nGJ3","block-bottom":"_JBiB5","input-textarea":"_3VRj4","select-tag":"_r1V8i","input-note":"_2GA2P","finish-session":"_dt7_E","title":"_KkQm5","des":"_2FZAL","box-detail":"_3D7oB","btn-hover-red":"_ExbyF","do-conference-rubric":"_3JpwN","list-question":"_135r3","bottom":"_1KM1t","list-conference-rubric":"_25yEQ","list-conference-rubric-table":"_RwDay","improve-my-class":"_2j3OQ","bodyModal":"_RxEZq","check-pass":"_2xAq4","content":"_3REOW","form-pass":"_3kD7T","btn-eyes":"_1QBM0","button-change-template":"_3Q4w1","btn-back":"_1ZvGB","btn-skip":"_2o7R6","summarize-richtext":"_1OUbl"};
 
-var styles$n = {"block-question":"_12tWP","box-last":"_1WNMT","top-session":"_3BU0L","conduct-contain":"_rZ0kc","table-rubrics":"_23ZHZ","font-large":"_eNCEm","font-small":"_1StR7","conference-td":"_3DiW6","result-page":"_1QPtC","result-page-table":"_29OJt","title-strategories":"_2CRbt","strategories-image":"_EqDo0","block-conference":"_5sdsU","backGroundBlockQuestionOne":"_3Se6u","backGroundBlockQuestionTwo":"_yfS3U","question-block":"_2jjjz","img-session":"_1N_R5","switch-session":"_2w7-X","body-session":"_Avpph","font-title":"_1KpSK","modal-finished":"_342x6","title-modal":"_1GUG4","body-modal":"_YnLTE","tite-body":"_22zyk","btn-cancel":"_1o-mw","btn-submit":"_18HUG","teacher":"_2_UXR","agreement":"_1fQy_","student":"_q3ph4","footer-note-result":"_11rk4","footer-note-form":"_32KH-","footer-note-form-micro":"_6jx6Z","footer-note-form-send":"_H93Fb","footer-note-form-recording-dot":"_28L10","blink":"_3tyHZ","button-done-moblie":"_3XIBS","btn-conduct-session-moblie":"_2SKs4","btn-conduct-session-moblie-disabled":"_3aWbK","btn-scroll-top":"_3ijjo","title-note":"_3WodB"};
+var styles$n = {"block-question":"_12tWP","box-last":"_1WNMT","top-session":"_3BU0L","conduct-contain":"_rZ0kc","table-rubrics":"_23ZHZ","font-large":"_eNCEm","font-small":"_1StR7","conference-td":"_3DiW6","result-page":"_1QPtC","result-page-table":"_29OJt","title-strategories":"_2CRbt","strategories-image":"_EqDo0","block-conference":"_5sdsU","backGroundBlockQuestionOne":"_3Se6u","backGroundBlockQuestionTwo":"_yfS3U","question-block":"_2jjjz","img-session":"_1N_R5","switch-session":"_2w7-X","body-session":"_Avpph","font-title":"_1KpSK","modal-finished":"_342x6","title-modal":"_1GUG4","body-modal":"_YnLTE","tite-body":"_22zyk","btn-cancel":"_1o-mw","btn-submit":"_18HUG","teacher":"_2_UXR","agreement":"_1fQy_","student":"_q3ph4","footer-note-result":"_11rk4","footer-note-form":"_32KH-","footer-note-form-micro":"_6jx6Z","footer-note-form-send":"_H93Fb","footer-note-form-recording-dot":"_28L10","blink":"_3tyHZ","button-done-moblie":"_3XIBS","btn-conduct-session-moblie":"_2SKs4","btn-conduct-session-moblie-disabled":"_3aWbK","btn-scroll-top":"_3ijjo","title-note":"_3WodB","display-none":"_2Sedf"};
 
 var DEFAULT_USER_AVATAR$f = "/images/image-default.png";
 
@@ -27324,6 +27357,20 @@ var ConferenceRubric = function ConferenceRubric() {
     (_refConduct$current = refConduct.current) === null || _refConduct$current === void 0 ? void 0 : _refConduct$current.openModal();
   };
 
+  var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+
+  var _useState3 = React.useState(false),
+      openScaffolding = _useState3[0],
+      setOpenScaffolding = _useState3[1];
+
+  var handleOpenScaffolding = function handleOpenScaffolding() {
+    setOpenScaffolding(true);
+  };
+
+  var handleCloseScaffolding = function handleCloseScaffolding() {
+    setOpenScaffolding(false);
+  };
+
   React.useEffect(function () {
     document.title = "Start conference";
     !!foundId && getPartnerProfileSelector(foundId);
@@ -27346,8 +27393,10 @@ var ConferenceRubric = function ConferenceRubric() {
     second: second,
     numberOfEdit: !!numberOfEdit
   }), React__default.createElement("div", {
+    className: "" + (screenWidth < 768 && openScaffolding && styles$n["display-none"])
+  }, React__default.createElement("div", {
     id: "main-contain",
-    className: styles$n["conduct-contain"]
+    className: "" + styles$n["conduct-contain"]
   }, React__default.createElement(ConductTop, {
     name: isTeacher ? informationUser.studentName : informationUser.teacherName,
     imageUrl: isTeacher ? informationUser.studentProfileImage : informationUser.teacherProfileImage,
@@ -27435,7 +27484,7 @@ var ConferenceRubric = function ConferenceRubric() {
     questionName: "",
     questionList: questionBlock4,
     onChangeQuestionAnswer: onChangeQuestionAnswer
-  })))), isTeacher || !isTeacher && isDoneStudentConference ? React__default.createElement("div", {
+  }))))), isTeacher || !isTeacher && isDoneStudentConference ? React__default.createElement("div", {
     className: "" + styles$n["button-done-moblie"]
   }, React__default.createElement(core.Button, {
     variant: "contained",
@@ -27457,7 +27506,10 @@ var ConferenceRubric = function ConferenceRubric() {
     conferenceId: conferenceId,
     conferenceResultId: conferenceResultId,
     second: second,
-    informationUser: informationUser
+    informationUser: informationUser,
+    openScaffolding: openScaffolding,
+    onOpenScaffolding: handleOpenScaffolding,
+    onCloseScaffolding: handleCloseScaffolding
   }), React__default.createElement(core.Dialog, {
     open: openModalConference,
     onClose: handleModalConferenceClose,
@@ -27627,6 +27679,20 @@ var ResultConferenceRubric = function ResultConferenceRubric() {
     (_refConduct$current = refConduct.current) === null || _refConduct$current === void 0 ? void 0 : _refConduct$current.openModal();
   };
 
+  var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+
+  var _useState2 = React.useState(false),
+      openScaffolding = _useState2[0],
+      setOpenScaffolding = _useState2[1];
+
+  var handleOpenScaffolding = function handleOpenScaffolding() {
+    setOpenScaffolding(true);
+  };
+
+  var handleCloseScaffolding = function handleCloseScaffolding() {
+    setOpenScaffolding(false);
+  };
+
   React.useEffect(function () {
     document.title = "Result conference";
     !!foundId && getPartnerProfileSelector(foundId);
@@ -27641,6 +27707,8 @@ var ResultConferenceRubric = function ResultConferenceRubric() {
     onEditConference: onRevertConference,
     isTeacher: isTeacher
   }), React__default.createElement("div", {
+    className: "" + (screenWidth < 768 && openScaffolding && styles$n["display-none"])
+  }, React__default.createElement("div", {
     id: "main-contain",
     className: styles$n["conduct-contain"]
   }, React__default.createElement(ConductTop, {
@@ -27730,11 +27798,7 @@ var ResultConferenceRubric = function ResultConferenceRubric() {
     src: "images/timeline.png"
   })), React__default.createElement("div", {
     className: styles$n["text-after"]
-  }, React__default.createElement("p", null, "More Questions")))), React__default.createElement("div", null, React__default.createElement(QuestionConduct, {
-    questionName: "",
-    questionList: questionBlock4,
-    isPageResult: true
-  }), isStudent && isStudentChangeAfter ? React__default.createElement(QuestionConduct, {
+  }, React__default.createElement("p", null, "More Questions")))), React__default.createElement("div", null, isStudent && isStudentChangeAfter || isTeacher ? React__default.createElement(QuestionConduct, {
     questionName: "",
     questionList: questionBlock4,
     isPageResult: true
@@ -27742,10 +27806,13 @@ var ResultConferenceRubric = function ResultConferenceRubric() {
     questionName: "",
     questionList: questionBlock4,
     onChangeQuestionAnswer: onChangeQuestionAnswer
-  })))), React__default.createElement(ScrollToTopBtn, null), React__default.createElement(MainViewScaffolding$1, {
+  }))))), React__default.createElement(ScrollToTopBtn, null), React__default.createElement(MainViewScaffolding$1, {
     conferenceId: conferenceId,
     conferenceResultId: conferenceResultId,
-    informationUser: informationUser
+    informationUser: informationUser,
+    openScaffolding: openScaffolding,
+    onOpenScaffolding: handleOpenScaffolding,
+    onCloseScaffolding: handleCloseScaffolding
   }));
 };