mario-teacher-student-client 2.2.3-beta → 2.2.4-beta

package/dist/components/Input/TextFieldComponent.d.ts

@@ -6,6 +6,7 @@ interface Props {
     isPageResult?: boolean;
     isPageSessionResult?: boolean;
     isUserChangeSession?: boolean;
+    isMultiline?: boolean;
 }
-declare const TextFieldComponent: ({ questionId, valueText, onChangeQuestionAnswer, isPageResult, isPageSessionResult, isUserChangeSession }: Props) => JSX.Element;
+declare const TextFieldComponent: ({ questionId, valueText, onChangeQuestionAnswer, isPageResult, isPageSessionResult, isUserChangeSession, isMultiline }: Props) => JSX.Element;
 export default TextFieldComponent;

package/dist/components/QuestionTypes/QuestionComponent.d.ts

@@ -17,6 +17,7 @@ interface Props {
     isRedToRed?: boolean;
     isUserChangeSession?: boolean;
     questionAnswer?: string[];
+    isMultiline?: boolean;
 }
 declare const QuestionComponent: FC<Props>;
 export default QuestionComponent;

package/dist/containers/ExternalSurvey/components/QuestionConduct.d.ts

@@ -7,6 +7,7 @@ interface Props {
     isPageSessionResult?: boolean;
     avatar?: string;
     isUserChangeSession?: boolean;
+    isMultiline?: boolean;
 }
 declare const QuestionConduct: FC<Props>;
 export default QuestionConduct;

package/dist/containers/Surveys/apiClient/surveyService.d.ts

@@ -10,3 +10,4 @@ export declare const getDetailSurvey: (surveyId: number) => Promise<import("axio
 export declare const getSurveyCountStudent: () => Promise<import("axios").AxiosResponse<any>>;
 export declare const getAllEduTeacher: () => Promise<import("axios").AxiosResponse<any>>;
 export declare const shareSurvey: (data: any) => void;
+export declare const updateSurvey: (surveyId: number, model: any) => Promise<import("axios").AxiosResponse<any>>;

package/dist/containers/Surveys/hook/useListSurvey.d.ts

@@ -7,5 +7,6 @@ declare const useListSurvey: () => {
     setListSurvey: import("react").Dispatch<import("react").SetStateAction<SURVEY_RESPONSE | undefined>>;
     isTeacher: any;
     listTotal: TOTAL_TYPE[];
+    handleUpdateFavorite: (surveyId: number, isFavorite: boolean) => Promise<void>;
 };
 export default useListSurvey;

package/dist/index.js

@@ -8409,7 +8409,8 @@ var TextFieldComponent = function TextFieldComponent(_ref) {
       onChangeQuestionAnswer = _ref.onChangeQuestionAnswer,
       isPageResult = _ref.isPageResult,
       isPageSessionResult = _ref.isPageSessionResult,
-      isUserChangeSession = _ref.isUserChangeSession;
+      isUserChangeSession = _ref.isUserChangeSession,
+      isMultiline = _ref.isMultiline;
   var classes = useStyles$5();
   var currentUser = reactRedux.useSelector(function (state) {
     var _state$common;
@@ -8443,6 +8444,7 @@ var TextFieldComponent = function TextFieldComponent(_ref) {
     className: classes.root
   }, React__default.createElement(core.Box, null, React__default.createElement(core.OutlinedInput, {
     fullWidth: true,
+    multiline: !!isMultiline,
     value: inputValue,
     onChange: function onChange(event) {
       return onChangeQuestionAnswer === null || onChangeQuestionAnswer === void 0 ? void 0 : onChangeQuestionAnswer(questionId, event.target.value);
@@ -8793,7 +8795,8 @@ var QuestionComponent = function QuestionComponent(_ref) {
       isRedToRed = _ref$isRedToRed === void 0 ? false : _ref$isRedToRed,
       isUserChangeSession = _ref.isUserChangeSession,
       _ref$questionAnswer = _ref.questionAnswer,
-      questionAnswer = _ref$questionAnswer === void 0 ? [] : _ref$questionAnswer;
+      questionAnswer = _ref$questionAnswer === void 0 ? [] : _ref$questionAnswer,
+      isMultiline = _ref.isMultiline;
   var defaultFontSmall = 12;
   var defaultFontLarge = 20;
   var defaultFont = reactRedux.useSelector(function (state) {
@@ -8833,6 +8836,7 @@ var QuestionComponent = function QuestionComponent(_ref) {
 
       case QuestionType.TextInput:
         return React__default.createElement(TextFieldComponent, {
+          isMultiline: isMultiline,
           questionId: questionId,
           valueText: valueText,
           onChangeQuestionAnswer: onChangeQuestionAnswer,
@@ -13611,6 +13615,7 @@ var SurveyIndex = function SurveyIndex() {
         borderRadius: "4px"
       }
     }, React__default.createElement(TextFieldComponent, {
+      isMultiline: true,
       questionId: item.id,
       valueText: item === null || item === void 0 ? void 0 : item.answer,
       isPageResult: false,
@@ -61944,6 +61949,9 @@ var getAllEduTeacher$2 = function getAllEduTeacher() {
 var shareSurvey$1 = function shareSurvey(data) {
   marioCore.api.post(EXTERNAL_SURVEY$1 + "/share-survey", data);
 };
+var updateSurvey$1 = function updateSurvey(surveyId, model) {
+  return marioCore.api.put(SURVEY_API + "/setting-survey/" + surveyId, model);
+};
 
 var STEP_MODEL = ["Select student", "Create a survey", "Review"];
 var lableStep = function lableStep(activeStep) {
@@ -62110,6 +62118,28 @@ var useListSurvey = function useListSurvey() {
       return Promise.reject(e);
     }
   }, []);
+  var handleUpdateFavorite = React.useCallback(function (surveyId, isFavorite) {
+    try {
+      var _temp10 = _catch(function () {
+        return Promise.resolve(updateSurvey$1(surveyId, {
+          isFavorite: isFavorite
+        })).then(function () {
+          getListSurvey();
+        });
+      }, function (err) {
+        var _err$response3, _err$response3$data;
+
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: ((_err$response3 = err.response) === null || _err$response3 === void 0 ? void 0 : (_err$response3$data = _err$response3.data) === null || _err$response3$data === void 0 ? void 0 : _err$response3$data.title) || err.message
+        }));
+      });
+
+      return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [filters]);
   React.useEffect(function () {
     getListSurvey();
   }, [filters]);
@@ -62123,7 +62153,8 @@ var useListSurvey = function useListSurvey() {
     listSurvey: listSurvey,
     setListSurvey: setListSurvey,
     isTeacher: isTeacher,
-    listTotal: listTotal
+    listTotal: listTotal,
+    handleUpdateFavorite: handleUpdateFavorite
   };
 };
 
@@ -62182,7 +62213,8 @@ var ListSurveys = function ListSurveys() {
       changeFilters = _useListSurvey.changeFilters,
       listSurvey = _useListSurvey.listSurvey,
       isTeacher = _useListSurvey.isTeacher,
-      listTotal = _useListSurvey.listTotal;
+      listTotal = _useListSurvey.listTotal,
+      handleUpdateFavorite = _useListSurvey.handleUpdateFavorite;
 
   var handleChangeStartDate = function handleChangeStartDate(date) {
     changeFilters(_extends({}, filters, {
@@ -62437,15 +62469,16 @@ var ListSurveys = function ListSurveys() {
     }, React__default.createElement(core.Typography, {
       className: styles$O["table-status"] + " " + styles$O[e.status]
     }, e.status)), React__default.createElement(core.TableCell, {
-      align: "center",
-      style: {
-        fontWeight: 700,
-        fontSize: 14,
-        textTransform: "uppercase"
-      }
+      align: "center"
     }, e.isFavorite ? React__default.createElement(StarIcon, {
+      onClick: function onClick() {
+        return handleUpdateFavorite(e.id, !e.isFavorite);
+      },
       className: "" + styles$O["checked-favorite"]
     }) : React__default.createElement(StarBorderIcon, {
+      onClick: function onClick() {
+        return handleUpdateFavorite(e.id, !e.isFavorite);
+      },
       className: "" + styles$O["checked-favorite"]
     })), React__default.createElement(core.TableCell, {
       component: "th",
@@ -62941,14 +62974,9 @@ var tablePendingSurvey = [{
   align: "left"
 }, {
   name: "Day left",
-  tableWidth: 10,
+  tableWidth: 15,
   sortName: "DayLeft",
   align: "center"
-}, {
-  name: "Favorite",
-  tableWidth: 10,
-  sortName: "Favorite",
-  align: "center"
 }, {
   name: "",
   tableWidth: 5,
@@ -62967,17 +62995,12 @@ var tableCompleteSurvey = [{
   align: "left"
 }, {
   name: "Flag",
-  tableWidth: 15,
+  tableWidth: 20,
   sortName: null,
   align: "center"
-}, {
-  name: "Favorite",
-  tableWidth: 10,
-  sortName: "Favorite",
-  align: "center"
 }, {
   name: "",
-  tableWidth: 5,
+  tableWidth: 10,
   sortName: null,
   align: "center"
 }];
@@ -62993,7 +63016,7 @@ var tableActionNeedSurvey = [{
   align: "center"
 }, {
   name: "Session",
-  tableWidth: 15,
+  tableWidth: 20,
   sortName: "session",
   align: "left"
 }, {
@@ -63001,14 +63024,9 @@ var tableActionNeedSurvey = [{
   tableWidth: 20,
   sortName: "Date",
   align: "left"
-}, {
-  name: "Favorite",
-  tableWidth: 10,
-  sortName: "Favorite",
-  align: "center"
 }, {
   name: "",
-  tableWidth: 5,
+  tableWidth: 10,
   sortName: null,
   align: "center"
 }];
@@ -63162,21 +63180,6 @@ var PendingSurvey = function PendingSurvey() {
     }, React__default.createElement(core.Typography, {
       className: styles$O["row-status"] + " " + styles$O[dayLeftCellBgColor(row.dayLeft)]
     }, row.dayLeft)), React__default.createElement(core.TableCell, {
-      align: "center",
-      component: "th",
-      scope: "row",
-      height: 80,
-      className: "" + styles$O["table-class-type"],
-      style: {
-        fontWeight: 700,
-        fontSize: 14,
-        textTransform: "uppercase"
-      }
-    }, row.isFavorite ? React__default.createElement(StarIcon, {
-      className: "" + styles$O["checked-favorite"]
-    }) : React__default.createElement(StarBorderIcon, {
-      className: "" + styles$O["checked-favorite"]
-    })), React__default.createElement(core.TableCell, {
       align: "center",
       component: "th",
       scope: "row",
@@ -63288,16 +63291,6 @@ var RepliedSurvey = function RepliedSurvey() {
       scope: "row",
       height: 80,
       className: "" + styles$O["table-class-type"]
-    }, row.favorite ? React__default.createElement(StarIcon, {
-      className: "" + styles$O["checked-favorite"]
-    }) : React__default.createElement(StarBorderIcon, {
-      className: "" + styles$O["checked-favorite"]
-    })), React__default.createElement(core.TableCell, {
-      align: "center",
-      component: "th",
-      scope: "row",
-      height: 80,
-      className: "" + styles$O["table-class-type"]
     }, React__default.createElement(core.Button, {
       variant: "contained",
       className: "" + styles$O["btn-open"],
@@ -63396,16 +63389,6 @@ var ActionNeededSurvey = function ActionNeededSurvey() {
       scope: "row",
       height: 80,
       className: "" + styles$O["table-class-type"]
-    }, row.isFavorite ? React__default.createElement(StarIcon, {
-      className: "" + styles$O["checked-favorite"]
-    }) : React__default.createElement(StarBorderIcon, {
-      className: "" + styles$O["checked-favorite"]
-    })), React__default.createElement(core.TableCell, {
-      align: "center",
-      component: "th",
-      scope: "row",
-      height: 80,
-      className: "" + styles$O["table-class-type"]
     }, React__default.createElement(core.Button, {
       variant: "contained",
       className: "" + styles$O["btn-open"],
@@ -66193,7 +66176,8 @@ var QuestionConduct$2 = function QuestionConduct(_ref) {
       isPageResult = _ref.isPageResult,
       isPageSessionResult = _ref.isPageSessionResult,
       avatar = _ref.avatar,
-      isUserChangeSession = _ref.isUserChangeSession;
+      isUserChangeSession = _ref.isUserChangeSession,
+      isMultiline = _ref.isMultiline;
   return React__default.createElement("div", {
     className: styles$R["box-question"]
   }, !!questionName && React__default.createElement("h2", {
@@ -66206,6 +66190,7 @@ var QuestionConduct$2 = function QuestionConduct(_ref) {
     }, React__default.createElement(QuestionComponent, {
       questionId: item.id,
       avatar: avatar,
+      isMultiline: isMultiline,
       questionItemName: item.text,
       minText: item === null || item === void 0 ? void 0 : item.fromLabel,
       maxText: item === null || item === void 0 ? void 0 : item.toLabel,
@@ -66319,7 +66304,8 @@ var useExternalSurvey$1 = function useExternalSurvey() {
             deadline: res.data.deadline,
             teacherName: res.data.teacherName,
             teacherProfileImage: res.data.teacherProfileImage,
-            dayLeft: 0
+            dayLeft: res.data.dayLeft,
+            startTime: res.data.startTime
           };
           setIsDone(res.data.isDone);
           setInformationUser(body);
@@ -66493,8 +66479,6 @@ var SurveyTop$1 = function SurveyTop(_ref) {
 };
 
 var ExternalSurvey = function ExternalSurvey() {
-  var _questionSummarize$an;
-
   var _useExternalSurvey = useExternalSurvey$1(),
       listQuestionStudents = _useExternalSurvey.listQuestionStudents,
       updateQuestionAnswer = _useExternalSurvey.updateQuestionAnswer,
@@ -66550,8 +66534,8 @@ var ExternalSurvey = function ExternalSurvey() {
     setOpenModalSession(true);
   };
 
-  var handleModalSessionClose = function handleModalSessionClose() {
-    setOpenModalSession(false);
+  var handleToggleModalSession = function handleToggleModalSession() {
+    setOpenModalSession(!openModalSession);
   };
 
   var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
@@ -66560,7 +66544,7 @@ var ExternalSurvey = function ExternalSurvey() {
   }, React__default.createElement(CustomHeaderComponent, {
     title: !isDone ? "External survey" : "Completed",
     contentButton: !isDone ? "Done" : "",
-    handleChangePage: finishSurvey,
+    handleChangePage: handleToggleModalSession,
     iconButton: React__default.createElement(SendIcon, {
       className: "" + styles$R["icon-done-header"]
     })
@@ -66571,7 +66555,8 @@ var ExternalSurvey = function ExternalSurvey() {
     name: informationUser.teacherName,
     imageUrl: informationUser.teacherProfileImage,
     isResultSurvey: false,
-    dayLeft: informationUser.dayLeft
+    dayLeft: informationUser.dayLeft,
+    startTime: informationUser.startTime
   }), React__default.createElement("div", {
     className: styles$R["block-question"] + " mt-4"
   }, React__default.createElement("div", {
@@ -66601,9 +66586,7 @@ var ExternalSurvey = function ExternalSurvey() {
     dangerouslySetInnerHTML: {
       __html: !!questionSummarize ? questionSummarize.text : ""
     }
-  }), React__default.createElement("div", {
-    className: "" + (((_questionSummarize$an = questionSummarize.answer) === null || _questionSummarize$an === void 0 ? void 0 : _questionSummarize$an.length) > 0 && styles$R["box-talk"])
-  }, React__default.createElement("div", {
+  }), React__default.createElement("div", null, React__default.createElement("div", {
     style: {
       borderRadius: "4px"
     }
@@ -66631,16 +66614,17 @@ var ExternalSurvey = function ExternalSurvey() {
     }, React__default.createElement(core.Grid, {
       xs: 12
     }, !isDone ? React__default.createElement(QuestionConduct$2, {
+      isMultiline: true,
       avatar: informationUser.studentProfileImage,
       questionName: record.templateName,
       questionList: record.questions,
       onChangeQuestionAnswer: _onChangeQuestionAnswer,
       isUserChangeSession: true
     }) : React__default.createElement(QuestionConduct$2, {
+      isMultiline: true,
       avatar: informationUser.studentProfileImage,
       questionName: record.templateName,
-      questionList: record.questions,
-      isPageSessionResult: true
+      questionList: record.questions
     }))));
   }), React__default.createElement("div", {
     className: styles$R["talk-conduct"]
@@ -66656,6 +66640,7 @@ var ExternalSurvey = function ExternalSurvey() {
         borderRadius: "4px"
       }
     }, React__default.createElement(TextFieldComponent, {
+      isMultiline: true,
       questionId: item.id,
       valueText: item === null || item === void 0 ? void 0 : item.answer,
       isPageResult: false,
@@ -66678,7 +66663,7 @@ var ExternalSurvey = function ExternalSurvey() {
     className: "fas fa-check-circle"
   }))), React__default.createElement(core.Dialog, {
     open: openModalSession,
-    onClose: handleModalSessionClose,
+    onClose: handleToggleModalSession,
     className: styles$R["modal-finished"]
   }, React__default.createElement(core.DialogTitle, {
     id: "alert-dialog-title",
@@ -66690,12 +66675,21 @@ var ExternalSurvey = function ExternalSurvey() {
   }, React__default.createElement("h4", {
     className: styles$R["tite-body"]
   }, checkQuestionAnswer ? "Make sure with your teacher that you talked about everything you needed." : "There are several questions you have not answered yet. Are you sure to complete?"))), React__default.createElement(core.DialogActions, null, React__default.createElement(core.Button, {
-    onClick: handleModalSessionClose,
+    onClick: handleToggleModalSession,
     color: "primary",
     className: styles$R["btn-cancel"]
   }, "Cancel"), React__default.createElement(core.Button, {
     color: "primary",
     autoFocus: true,
+    onClick: function () {
+      try {
+        return Promise.resolve(finishSurvey()).then(function () {
+          handleToggleModalSession();
+        });
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    },
     className: styles$R["btn-submit"]
   }, React__default.createElement("img", {
     src: "/images/send-mess.png"