mario-teacher-student-client 3.0.7-admin → 3.0.8-admin

package/dist/index.modern.js

@@ -9282,17 +9282,7 @@ var SingleChoiceComponent = function SingleChoiceComponent(_ref) {
       isUserChangeSession = _ref$isUserChangeSess === void 0 ? true : _ref$isUserChangeSess,
       _ref$questionAnswer = _ref.questionAnswer,
       questionAnswer = _ref$questionAnswer === void 0 ? [] : _ref$questionAnswer;
-
-  var _useState = useState(valueText || ""),
-      active = _useState[0],
-      setActive = _useState[1];
-
   var isYesNoQuestion = questionAnswer.includes("Yes" );
-
-  var handleActive = function handleActive(value) {
-    setActive(value);
-  };
-
   return React__default.createElement(Grid, {
     className: "" + styles["totally-safe-select"]
   }, React__default.createElement(Grid, {
@@ -9322,9 +9312,8 @@ var SingleChoiceComponent = function SingleChoiceComponent(_ref) {
       value: i,
       onClick: function onClick() {
         onChangeQuestionAnswer === null || onChangeQuestionAnswer === void 0 ? void 0 : onChangeQuestionAnswer(questionId, i);
-        handleActive(i);
       },
-      className: styles["btn-choice"] + " " + (active === valueText && valueText === i && styles[valueText.toLowerCase() + "-active"])
+      className: styles["btn-choice"] + " " + (valueText === i && styles[valueText.toLowerCase() + "-active"])
     });
   })));
 };
@@ -64657,6 +64646,7 @@ var COLOR_LABEL_PIE = ["#006E60", "#FF7670", "#994700"];
 var COLOR_NAME = ["Green", "Red", "Yellow"];
 var optionTotalSurvey = ["Total survey done", "Total survey not done"];
 var LABEL_NAME_PIE_CHART = ["Green", "Red", "Yellow"];
+var flagSurveyOptions = ["All", "Red", "Yellow", "Green"];
 
 var useListSurvey = function useListSurvey() {
   var dispatch = useDispatch();
@@ -64695,7 +64685,9 @@ var useListSurvey = function useListSurvey() {
     startDate: moment().startOf("day").valueOf(),
     endDate: moment().add(7, "days").endOf("day").valueOf(),
     status: undefined,
-    isFavorite: false
+    isFavorite: false,
+    isSchedule: false,
+    flag: ""
   }),
       filters = _useState5[0],
       setFilters = _useState5[1];
@@ -64747,6 +64739,19 @@ var useListSurvey = function useListSurvey() {
     });
   };
 
+  var handleChangeFlag = function handleChangeFlag(newValue) {
+    changeFilters({
+      currentPage: 1,
+      flag: newValue
+    });
+  };
+
+  var handleChangeFilter = function handleChangeFilter(event) {
+    var _extends2;
+
+    setFilters(_extends({}, filters, (_extends2 = {}, _extends2[event.target.name] = event.target.checked, _extends2)));
+  };
+
   var handleSelectFavorite = function handleSelectFavorite(isFavorite) {
     changeFilters({
       currentPage: 1,
@@ -64901,7 +64906,9 @@ var useListSurvey = function useListSurvey() {
     isShowFilter: isShowFilter,
     handleShowFilter: handleShowFilter,
     isShowFilterCalendar: isShowFilterCalendar,
-    handleShowFilterCalendar: handleShowFilterCalendar
+    handleShowFilterCalendar: handleShowFilterCalendar,
+    handleChangeFilter: handleChangeFilter,
+    handleChangeFlag: handleChangeFlag
   };
 };
 
@@ -64945,7 +64952,12 @@ var CustomFilterComponent = function CustomFilterComponent(_ref) {
       placeholderSearch = _ref.placeholderSearch,
       handleSelectFavorite = _ref.handleSelectFavorite,
       studentList = _ref.studentList,
-      onSelectStudent = _ref.onSelectStudent;
+      onSelectStudent = _ref.onSelectStudent,
+      toggleKeyCustom = _ref.toggleKeyCustom,
+      handleToggleCustom = _ref.handleToggleCustom,
+      toggleContentCustom = _ref.toggleContentCustom,
+      optionCustomSelect = _ref.optionCustomSelect,
+      handleChangeCustomSelect = _ref.handleChangeCustomSelect;
   return React__default.createElement(Grid, {
     className: "" + styles["box-filter"]
   }, React__default.createElement(Grid, {
@@ -65002,6 +65014,23 @@ var CustomFilterComponent = function CustomFilterComponent(_ref) {
         variant: "outlined"
       }));
     }
+  }), !!optionCustomSelect && React__default.createElement(Autocomplete, {
+    fullWidth: true,
+    id: "combo-box-demo",
+    options: optionCustomSelect,
+    className: "" + styles["filter-item"],
+    getOptionLabel: function getOptionLabel(option) {
+      return option;
+    },
+    onChange: function onChange(_e, newValue) {
+      return handleChangeCustomSelect === null || handleChangeCustomSelect === void 0 ? void 0 : handleChangeCustomSelect(newValue);
+    },
+    renderInput: function renderInput(params) {
+      return React__default.createElement(TextField, Object.assign({}, params, {
+        label: "Flag",
+        variant: "outlined"
+      }));
+    }
   }), !!handleSelectFavorite && React__default.createElement("div", {
     className: "" + styles["btn-favorite-text"]
   }, React__default.createElement(Checkbox, {
@@ -65014,7 +65043,20 @@ var CustomFilterComponent = function CustomFilterComponent(_ref) {
     }
   }), React__default.createElement("div", {
     className: "" + styles["btn-favorite-text"]
-  }, "Show only favorite")))), React__default.createElement(Grid, {
+  }, "Show only favorite")), !!toggleKeyCustom && React__default.createElement("div", {
+    className: "" + styles["btn-favorite-text"]
+  }, React__default.createElement(Checkbox, {
+    name: "isSchedule",
+    inputProps: {
+      "aria-label": "uncontrolled-checkbox"
+    },
+    value: (filters === null || filters === void 0 ? void 0 : filters[toggleKeyCustom]) || null,
+    onChange: function onChange(event) {
+      return handleToggleCustom === null || handleToggleCustom === void 0 ? void 0 : handleToggleCustom(event);
+    }
+  }), React__default.createElement("div", {
+    className: "" + styles["btn-favorite-text"]
+  }, toggleContentCustom)))), React__default.createElement(Grid, {
     className: "" + styles["block-right"]
   }, !!isShowSelectRight && React__default.createElement(Autocomplete, {
     fullWidth: true,
@@ -65078,7 +65120,12 @@ var CustomFilterMobile = function CustomFilterMobile(_ref) {
       onShowFilter = _ref.onShowFilter,
       isShowFilter = _ref.isShowFilter,
       isShowCalendar = _ref.isShowCalendar,
-      onShowFilterCalendar = _ref.onShowFilterCalendar;
+      onShowFilterCalendar = _ref.onShowFilterCalendar,
+      optionCustomSelect = _ref.optionCustomSelect,
+      handleChangeCustomSelect = _ref.handleChangeCustomSelect,
+      toggleKeyCustom = _ref.toggleKeyCustom,
+      toggleContentCustom = _ref.toggleContentCustom,
+      handleToggleCustom = _ref.handleToggleCustom;
   return React__default.createElement(Grid, {
     className: "" + styles["box-filter"]
   }, React__default.createElement(Grid, {
@@ -65165,6 +65212,23 @@ var CustomFilterMobile = function CustomFilterMobile(_ref) {
         variant: "outlined"
       }));
     }
+  }), !!optionCustomSelect && React__default.createElement(Autocomplete, {
+    fullWidth: true,
+    id: "combo-box-demo",
+    options: optionCustomSelect,
+    className: styles["filter-item"] + " " + styles["space-item"],
+    getOptionLabel: function getOptionLabel(option) {
+      return option;
+    },
+    onChange: function onChange(_e, newValue) {
+      return handleChangeCustomSelect === null || handleChangeCustomSelect === void 0 ? void 0 : handleChangeCustomSelect(newValue);
+    },
+    renderInput: function renderInput(params) {
+      return React__default.createElement(TextField, Object.assign({}, params, {
+        label: "Flag",
+        variant: "outlined"
+      }));
+    }
   }), !!handleSelectFavorite && React__default.createElement("div", {
     className: styles["btn-favorite-text"] + " " + styles["space-item"]
   }, React__default.createElement(Checkbox, {
@@ -65177,7 +65241,20 @@ var CustomFilterMobile = function CustomFilterMobile(_ref) {
     }
   }), React__default.createElement("div", {
     className: "" + styles["btn-favorite-text"]
-  }, "Show only favorite"))));
+  }, "Show only favorite")), !!toggleKeyCustom && React__default.createElement("div", {
+    className: styles["btn-favorite-text"] + " " + styles["space-item"]
+  }, React__default.createElement(Checkbox, {
+    name: "isSchedule",
+    inputProps: {
+      "aria-label": "uncontrolled-checkbox"
+    },
+    value: (filters === null || filters === void 0 ? void 0 : filters[toggleKeyCustom]) || null,
+    onChange: function onChange(event) {
+      return handleToggleCustom === null || handleToggleCustom === void 0 ? void 0 : handleToggleCustom(event);
+    }
+  }), React__default.createElement("div", {
+    className: "" + styles["btn-favorite-text"]
+  }, toggleContentCustom))));
 };
 
 var CardSurveyMobile = function CardSurveyMobile(_ref) {
@@ -65543,7 +65620,9 @@ var ListSurveys = function ListSurveys() {
       isShowFilter = _useListSurvey.isShowFilter,
       handleShowFilter = _useListSurvey.handleShowFilter,
       isShowFilterCalendar = _useListSurvey.isShowFilterCalendar,
-      handleShowFilterCalendar = _useListSurvey.handleShowFilterCalendar;
+      handleShowFilterCalendar = _useListSurvey.handleShowFilterCalendar,
+      handleChangeFilter = _useListSurvey.handleChangeFilter,
+      handleChangeFlag = _useListSurvey.handleChangeFlag;
 
   return React__default.createElement(Grid, {
     className: "" + styles$N["block-list-survey"]
@@ -65565,7 +65644,12 @@ var ListSurveys = function ListSurveys() {
     handleChangeStartDate: handleChangeStartDate,
     handleChangeEndDate: handleChangeEndDate,
     handleChangeStatus: handleChangeStatus,
-    handleSelectFavorite: handleSelectFavorite
+    handleSelectFavorite: handleSelectFavorite,
+    handleToggleCustom: handleChangeFilter,
+    toggleKeyCustom: "isSchedule",
+    toggleContentCustom: "session schedule",
+    optionCustomSelect: flagSurveyOptions,
+    handleChangeCustomSelect: handleChangeFlag
   })), React__default.createElement(Grid, {
     className: "" + styles$N["filter-mobile"]
   }, React__default.createElement(CustomFilterMobile, {
@@ -65579,7 +65663,12 @@ var ListSurveys = function ListSurveys() {
     handleChangeStatus: handleChangeStatus,
     handleSelectFavorite: handleSelectFavorite,
     isShowCalendar: isShowFilterCalendar,
-    onShowFilterCalendar: handleShowFilterCalendar
+    onShowFilterCalendar: handleShowFilterCalendar,
+    handleToggleCustom: handleChangeFilter,
+    toggleKeyCustom: "isSchedule",
+    toggleContentCustom: "session schedule",
+    optionCustomSelect: flagSurveyOptions,
+    handleChangeCustomSelect: handleChangeFlag
   }))), React__default.createElement(Grid, {
     className: "" + styles$N["table-desktop"]
   }, React__default.createElement(TableContainer, null, React__default.createElement(Table$2, {
@@ -67224,9 +67313,7 @@ var useFormCreateSurvey = function useFormCreateSurvey(_ref) {
 
     if ((dataFormCreateSurvey === null || dataFormCreateSurvey === void 0 ? void 0 : (_dataFormCreateSurvey = dataFormCreateSurvey.studentIds) === null || _dataFormCreateSurvey === void 0 ? void 0 : _dataFormCreateSurvey.length) > 0 && dataFormCreateSurvey.activeStep === 0) {
       return false;
-    } else if (dataFormCreateSurvey.activeStep === 1 && !!dataFormCreateSurvey.title.trim() && dataFormCreateSurvey.templateQuestions.length > 0 && !!dataFormCreateSurvey.deadline && !!dataFormCreateSurvey.templateQuestions.some(function (r) {
-      return r.questionTemplates.length > 0;
-    })) {
+    } else if (dataFormCreateSurvey.activeStep === 1 && !!dataFormCreateSurvey.title.trim() && dataFormCreateSurvey.additionalQuestions.length > 0 && !!dataFormCreateSurvey.deadline) {
       return false;
     } else if (dataFormCreateSurvey.activeStep === 2) {
       return false;
@@ -68464,9 +68551,7 @@ var CreateSurveyComponent = function CreateSurveyComponent(_ref) {
     className: "" + styles$N["box-form-input"]
   }, React__default.createElement(Typography$1, {
     className: "" + styles$N["form-input-title"]
-  }, "Survey Questions", React__default.createElement("sup", {
-    className: "" + styles$N["sup-require"]
-  }, "*")), React__default.createElement(TextField, {
+  }, "Survey Questions"), React__default.createElement(TextField, {
     disabled: true,
     fullWidth: true,
     variant: "outlined",
@@ -68553,7 +68638,9 @@ var CreateSurveyComponent = function CreateSurveyComponent(_ref) {
     className: "" + styles$N["box-form-input"]
   }, React__default.createElement(Typography$1, {
     className: "" + styles$N["form-input-title"]
-  }, "Additional Question"), React__default.createElement("button", {
+  }, "Additional Question", React__default.createElement("sup", {
+    className: "" + styles$N["sup-require"]
+  }, "*")), React__default.createElement("button", {
     onClick: function onClick() {
       return handleToggleModelAdditional();
     },