mario-education 2.3.2 → 2.4.0

package/dist/index.modern.js

@@ -2745,8 +2745,9 @@ var StrategyDetailModal = function StrategyDetailModal(props, ref) {
     }), touched.name && errors.name && React.createElement(ErrorHandler, {
       text: errors.name
     })), React.createElement(Col, {
-      md: 12
-    }, React.createElement(Label, null, "Description"), React.createElement(Input, {
+      md: 12,
+      className: "mb-2"
+    }, React.createElement(Label, null, "Detail"), React.createElement(Input, {
       type: "textarea",
       rows: 5,
       name: "description",
@@ -2757,6 +2758,19 @@ var StrategyDetailModal = function StrategyDetailModal(props, ref) {
         setEditedTrue();
       },
       onBlur: handleBlur("description")
+    })), React.createElement(Col, {
+      md: 12
+    }, React.createElement(Label, null, "Best fit"), React.createElement(Input, {
+      type: "textarea",
+      rows: 5,
+      name: "bestfit",
+      placeholder: "Best fit",
+      value: values.bestfit,
+      onChange: function onChange(e) {
+        handleChange(e);
+        setEditedTrue();
+      },
+      onBlur: handleBlur("bestfit")
     }))));
   });
 };
@@ -2882,7 +2896,8 @@ var useStrategyList = function useStrategyList() {
 
 var initValue$3 = {
   name: "",
-  description: ""
+  description: "",
+  bestfit: ""
 };
 
 var useStrategyDetail = function useStrategyDetail() {
@@ -3088,7 +3103,7 @@ var LearningStrategyList = function LearningStrategyList() {
     className: "align-top"
   }, "Strategy name"), React.createElement("th", {
     className: "align-top"
-  }, "Description"), React.createElement("th", {
+  }, "Detail"), React.createElement("th", {
     className: "text-center"
   }, "Action"))), React.createElement("tbody", null, strategyList.map(function (record) {
     return React.createElement("tr", {
@@ -5185,12 +5200,13 @@ var UploadCSVButton = function UploadCSVButton(_ref) {
       isDisabled = _ref.isDisabled,
       text = _ref.text,
       backgroundColor = _ref.backgroundColor,
-      _onClick = _ref.onClick;
+      _onClick = _ref.onClick,
+      isClassReflection = _ref.isClassReflection;
   return React.createElement(Label, {
     htmlFor: htmlFor,
     role: "button",
     tabIndex: 0,
-    className: "d-flex align-items-center justfy-content-center " + (!isDisabled ? "cursor-pointer hover-opacity" : ""),
+    className: "d-flex align-items-center justfy-content-center \n            " + (isClassReflection ? "w-25" : "") + "\n            " + (!isDisabled ? "cursor-pointer hover-opacity" : ""),
     style: _extends({}, style, {
       backgroundColor: backgroundColor,
       opacity: !isDisabled ? 1 : 0.5
@@ -5206,6 +5222,9 @@ var UploadCSVButton = function UploadCSVButton(_ref) {
 
 var CSV_FILE_URL = BASE_URL + "/api/ImportCsv/csv";
 var CSV_FILE_TEACHER = BASE_URL + "/api/Teacher";
+var importCSV = function importCSV(formData, subFolder) {
+  return apiUpload.post(CSV_FILE_URL + "/" + subFolder, formData);
+};
 var importStudentCSV = function importStudentCSV(formData) {
   return apiUpload.post(CSV_FILE_TEACHER + "/adminImportStudent", formData);
 };
@@ -5225,9 +5244,9 @@ var CSVType;
 })(CSVType || (CSVType = {}));
 
 var buttons = [{
-  text: "Import students",
-  backgroundColor: "#0abde3",
-  type: CSVType.Students
+  text: "Import class reflections",
+  backgroundColor: "#e74c3c",
+  type: CSVType.ClassReflection
 }];
 var title = "CSV Import";
 var id = "csvupload";
@@ -5260,29 +5279,62 @@ var useCSVImport = function useCSVImport() {
       initImportReflection = _useState4[0],
       setInitImportReflection = _useState4[1];
 
+  var domainName = window.location.hostname;
+  var isCheckDomainIBS = domainName.includes('isb');
   useEffect(function () {
     document.title = title;
   }, []);
   var upload = useCallback(function (file) {
     try {
-      var _temp3 = function _temp3() {
+      var _temp8 = function _temp8() {
         dispatch(setLoading(false));
+        var inputId = document.getElementById(id);
         var input = document.getElementById('import-student');
+        var importClass = document.getElementById('import-classReflection');
+        inputId && (inputId.value = "");
         input && (input.value = "");
+        importClass && (importClass.value = "");
       };
 
       if (!type || !file) return Promise.resolve();
       dispatch(setLoading(true));
 
-      var _temp4 = _catch(function () {
-        var formData = new FormData();
-        formData.append("file", file, file.name);
-        return Promise.resolve(importStudentCSV(formData)).then(function () {
+      var _temp9 = _catch(function () {
+        function _temp5() {
           dispatch(setAlert({
             type: "success",
             message: "Import CSV successfully"
           }));
-        });
+        }
+
+        var formData = new FormData();
+        formData.append("file", file, file.name);
+
+        var _temp4 = function () {
+          if (isCheckDomainIBS) {
+            var _temp10 = function _temp10() {
+              var _temp = function () {
+                if (type == CSVType.ClassReflection) {
+                  return Promise.resolve(importClassReflectionCSV(formData)).then(function () {});
+                }
+              }();
+
+              if (_temp && _temp.then) return _temp.then(function () {});
+            };
+
+            var _temp11 = function () {
+              if (type == CSVType.Students) {
+                return Promise.resolve(importStudentCSV(formData)).then(function () {});
+              }
+            }();
+
+            return _temp11 && _temp11.then ? _temp11.then(_temp10) : _temp10(_temp11);
+          } else {
+            return Promise.resolve(importCSV(formData, type.toString())).then(function () {});
+          }
+        }();
+
+        return _temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4);
       }, function (err) {
         var _err$response, _err$response$data;
 
@@ -5292,7 +5344,7 @@ var useCSVImport = function useCSVImport() {
         }));
       });
 
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp8) : _temp8(_temp9));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5300,7 +5352,7 @@ var useCSVImport = function useCSVImport() {
 
   var onConfirm = function onConfirm(values) {
     try {
-      var _temp7 = function _temp7() {
+      var _temp14 = function _temp14() {
         dispatch(setLoading(false));
         var input = document.getElementById(id);
         input && (input.value = "");
@@ -5309,7 +5361,7 @@ var useCSVImport = function useCSVImport() {
       if (!dataFile || !dataFile) return Promise.resolve();
       dispatch(setLoading(true));
 
-      var _temp8 = _catch(function () {
+      var _temp15 = _catch(function () {
         var formData = new FormData();
         formData.append("file", dataFile, dataFile.name);
         formData.append("teacherName", values.teacherName);
@@ -5333,7 +5385,7 @@ var useCSVImport = function useCSVImport() {
         }));
       });
 
-      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+      return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(_temp14) : _temp14(_temp15));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5352,17 +5404,19 @@ var useCSVImport = function useCSVImport() {
     dataFile: dataFile,
     setDataFile: setDataFile,
     setArrStudent: setArrStudent,
-    arrStudent: arrStudent
+    arrStudent: arrStudent,
+    isCheckDomainIBS: isCheckDomainIBS
   };
 };
 
+var _yup$string, _yup$string2, _yup$string3;
 var schema$4 = object({
-  teacherName: string().required(),
-  teacherEmail: string().email('Invalid email').required(),
+  teacherName: (_yup$string = string()) === null || _yup$string === void 0 ? void 0 : _yup$string.trim().required(),
+  teacherEmail: (_yup$string2 = string()) === null || _yup$string2 === void 0 ? void 0 : _yup$string2.trim().email('Invalid email').required(),
   studentIds: array().required().test("test students", "Please choose student", function () {
     return !!this.parent.studentIds && !!this.parent.studentIds.length;
   }),
-  file: string().required()
+  file: (_yup$string3 = string()) === null || _yup$string3 === void 0 ? void 0 : _yup$string3.trim().required()
 });
 
 var CSVImport = function CSVImport() {
@@ -5376,13 +5430,13 @@ var CSVImport = function CSVImport() {
       dataFile = _useCSVImport.dataFile,
       setDataFile = _useCSVImport.setDataFile,
       setArrStudent = _useCSVImport.setArrStudent,
-      arrStudent = _useCSVImport.arrStudent,
       buttons = _useCSVImport.buttons,
-      upload = _useCSVImport.upload;
+      upload = _useCSVImport.upload,
+      isCheckDomainIBS = _useCSVImport.isCheckDomainIBS;
 
   return React.createElement("div", {
     className: "animated fadeIn pt-3"
-  }, React.createElement(Input, {
+  }, isCheckDomainIBS ? React.createElement(React.Fragment, null, React.createElement(Input, {
     className: "d-none",
     type: "file",
     id: "import-student",
@@ -5390,6 +5444,14 @@ var CSVImport = function CSVImport() {
       return upload(e.target.files[0]);
     },
     accept: "text/csv"
+  }), React.createElement(Input, {
+    className: "d-none",
+    type: "file",
+    id: "import-classReflection",
+    onChange: function onChange(e) {
+      return upload(e.target.files[0]);
+    },
+    accept: "text/csv"
   }), React.createElement("div", {
     className: "class-reflection"
   }, React.createElement(Formik, {
@@ -5403,11 +5465,8 @@ var CSVImport = function CSVImport() {
       actions.resetForm();
     }
   }, function (formProps) {
-    var values = formProps.values,
-        touched = formProps.touched,
-        errors = formProps.errors,
-        handleSubmit = formProps.handleSubmit,
-        handleChange = formProps.handleChange;
+    var touched = formProps.touched,
+        errors = formProps.errors;
     return React.createElement(Row, {
       className: "mb-2"
     }, React.createElement(Input, {
@@ -5428,55 +5487,11 @@ var CSVImport = function CSVImport() {
       md: 12,
       className: "mb-2"
     }, React.createElement(RequiredLabel, {
-      text: "Class Teacher Name"
-    }), React.createElement(Input, {
-      name: "teacherName",
-      value: values.teacherName,
-      type: "text",
-      onChange: function onChange(e) {
-        handleChange(e);
-      }
-    }), touched.teacherName && errors.teacherName && React.createElement(ErrorHandler, {
-      text: errors.teacherName
-    })), React.createElement(Col, {
-      md: 12,
-      className: "mb-2"
-    }, React.createElement(RequiredLabel, {
-      text: "Class Teacher Email"
-    }), React.createElement(Input, {
-      name: "teacherEmail",
-      value: values.teacherEmail,
-      type: "text",
-      onChange: function onChange(e) {
-        handleChange(e);
-      }
-    }), touched.teacherEmail && errors.teacherEmail && React.createElement(ErrorHandler, {
-      text: errors.teacherEmail
-    })), React.createElement(Col, {
-      md: 12,
-      className: "mb-2"
-    }, React.createElement(Label, null, "Students"), React.createElement(StudentSelector, {
-      onChange: function onChange(e) {
-        setArrStudent(e);
-        formProps.setFieldValue("studentIds", e.map(function (i) {
-          return i.value;
-        }) || []);
-      },
-      value: arrStudent
-    })), React.createElement(Col, {
-      md: 12,
-      className: "mb-2"
-    }, touched.studentIds && errors.studentIds && React.createElement(ErrorHandler, {
-      text: errors.studentIds
-    })), React.createElement(Col, {
-      md: 12,
-      className: "mb-2"
-    }, React.createElement(RequiredLabel, {
-      text: "Upload File Class Reflection"
+      text: "Import Class Reflection"
     }), React.createElement(UploadCSVButton, {
       key: "Import class reflections",
-      htmlFor: id,
-      text: "Import class reflections",
+      htmlFor: "import-classReflection",
+      text: "Import Class Reflection",
       isDisabled: isLoading,
       backgroundColor: "#e74c3c",
       onClick: function onClick() {
@@ -5493,15 +5508,7 @@ var CSVImport = function CSVImport() {
       className: "mb-2"
     }, touched.file && errors.file && React.createElement(ErrorHandler, {
       text: errors.file
-    })), React.createElement(Col, {
-      md: 12
-    }, React.createElement(Button, {
-      color: "primary",
-      className: "float-right",
-      onClick: function onClick() {
-        return handleSubmit();
-      }
-    }, "Import"), ' '))), React.createElement(Col, {
+    })))), React.createElement(Col, {
       md: 6,
       className: "mb-2"
     }, React.createElement(Row, null, React.createElement(Col, {
@@ -5521,7 +5528,28 @@ var CSVImport = function CSVImport() {
         }
       });
     })))));
-  })));
+  }))) : React.createElement(React.Fragment, null, React.createElement(Input, {
+    className: "d-none",
+    type: "file",
+    id: id,
+    onChange: function onChange(e) {
+      return upload(e.target.files[0]);
+    },
+    accept: "text/csv"
+  }), React.createElement("div", {
+    className: "d-flex align-items-center"
+  }, buttons.map(function (button) {
+    return React.createElement(UploadCSVButton, {
+      key: button.text,
+      htmlFor: id,
+      text: button.text,
+      isDisabled: isLoading,
+      backgroundColor: button.backgroundColor,
+      onClick: function onClick() {
+        return setType(button.type);
+      }
+    });
+  }))));
 };
 
 var schema$5 = object({