mario-education 2.4.1 → 2.4.2

package/dist/index.modern.js

@@ -5192,7 +5192,8 @@ var style = {
   color: "#fff",
   fontWeight: 500,
   fontSize: "0.9em",
-  height: "30px"
+  height: "35px",
+  justifyContent: "center"
 };
 
 var UploadCSVButton = function UploadCSVButton(_ref) {
@@ -5206,7 +5207,7 @@ var UploadCSVButton = function UploadCSVButton(_ref) {
     htmlFor: htmlFor,
     role: "button",
     tabIndex: 0,
-    className: "d-flex align-items-center justfy-content-center \n            " + (isClassReflection ? "w-25" : "") + "\n            " + (!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
@@ -5231,6 +5232,9 @@ var importStudentCSV = function importStudentCSV(formData) {
 var importClassReflectionCSV = function importClassReflectionCSV(formData) {
   return apiUpload.post(CSV_FILE_URL + "/importClassReflection", formData);
 };
+var importStudentByTeacher = function importStudentByTeacher(teacherId, formData) {
+  return apiUpload.post(CSV_FILE_TEACHER + "/adminImportStudentByTeacherId/" + teacherId, formData);
+};
 
 var CSVType;
 
@@ -5279,8 +5283,21 @@ var useCSVImport = function useCSVImport() {
       initImportReflection = _useState4[0],
       setInitImportReflection = _useState4[1];
 
+  var _useState5 = useState(),
+      studentDataFile = _useState5[0],
+      setStudentDataFile = _useState5[1];
+
   var domainName = window.location.hostname;
   var isCheckDomainIBS = domainName.includes('isb');
+
+  var _useState6 = useState(0),
+      defaultTeacher = _useState6[0],
+      setDefaultTeacher = _useState6[1];
+
+  var _useState7 = useState(""),
+      fileName = _useState7[0],
+      setFileName = _useState7[1];
+
   useEffect(function () {
     document.title = title;
   }, []);
@@ -5350,9 +5367,52 @@ var useCSVImport = function useCSVImport() {
     }
   }, [type]);
 
-  var onConfirm = function onConfirm(values) {
+  var uploadByTeacherId = function uploadByTeacherId(file) {
     try {
       var _temp14 = function _temp14() {
+        dispatch(setLoading(false));
+        var input = document.getElementById('teacherSelector');
+        input && (input.value = "");
+      };
+
+      if (!defaultTeacher) {
+        dispatch(setAlert({
+          type: "danger",
+          message: "Select teacher before import csv"
+        }));
+        return Promise.resolve();
+      }
+
+      if (!type || !file) return Promise.resolve();
+      dispatch(setLoading(true));
+
+      var _temp15 = _catch(function () {
+        var formData = new FormData();
+        formData.append("file", file, file.name);
+        return Promise.resolve(importStudentByTeacher(defaultTeacher, formData)).then(function () {
+          dispatch(setAlert({
+            type: "success",
+            message: "Import CSV successfully"
+          }));
+        });
+      }, function (err) {
+        var _err$response2, _err$response2$data;
+
+        dispatch(setAlert({
+          type: "danger",
+          message: ((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.title) || err.message
+        }));
+      });
+
+      return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(_temp14) : _temp14(_temp15));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var onConfirm = function onConfirm(values) {
+    try {
+      var _temp18 = function _temp18() {
         dispatch(setLoading(false));
         var input = document.getElementById(id);
         input && (input.value = "");
@@ -5361,7 +5421,7 @@ var useCSVImport = function useCSVImport() {
       if (!dataFile || !dataFile) return Promise.resolve();
       dispatch(setLoading(true));
 
-      var _temp15 = _catch(function () {
+      var _temp19 = _catch(function () {
         var formData = new FormData();
         formData.append("file", dataFile, dataFile.name);
         formData.append("teacherName", values.teacherName);
@@ -5377,20 +5437,52 @@ var useCSVImport = function useCSVImport() {
           setInitImportReflection(initClassReflect);
         });
       }, function (err) {
-        var _err$response2, _err$response2$data;
+        var _err$response3, _err$response3$data;
 
         dispatch(setAlert({
           type: "danger",
-          message: ((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.title) || err.message
+          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(_temp15 && _temp15.then ? _temp15.then(_temp14) : _temp14(_temp15));
+      return Promise.resolve(_temp19 && _temp19.then ? _temp19.then(_temp18) : _temp18(_temp19));
     } catch (e) {
       return Promise.reject(e);
     }
   };
 
+  var onChangeTeacher = function onChangeTeacher(teacher) {
+    setDefaultTeacher(teacher.value);
+  };
+
+  var setDataFileImportStudent = function setDataFileImportStudent(dataFile) {
+    setStudentDataFile(dataFile);
+    setFileName((dataFile === null || dataFile === void 0 ? void 0 : dataFile.name) || "");
+  };
+
+  var onUpLoadStudentFile = function onUpLoadStudentFile() {
+    if (!studentDataFile) {
+      dispatch(setAlert({
+        type: "danger",
+        message: "Select CSV to import"
+      }));
+      return;
+    }
+
+    uploadByTeacherId(studentDataFile);
+  };
+
+  var onStudentSubmit = function onStudentSubmit() {
+    dispatch(setModal({
+      isOpen: true,
+      type: "warning",
+      message: "Are you sure upload this file?",
+      onConfirm: function onConfirm() {
+        onUpLoadStudentFile();
+      }
+    }));
+  };
+
   return {
     isLoading: isLoading,
     buttons: buttons,
@@ -5405,7 +5497,14 @@ var useCSVImport = function useCSVImport() {
     setDataFile: setDataFile,
     setArrStudent: setArrStudent,
     arrStudent: arrStudent,
-    isCheckDomainIBS: isCheckDomainIBS
+    isCheckDomainIBS: isCheckDomainIBS,
+    onChangeTeacher: onChangeTeacher,
+    uploadByTeacherId: uploadByTeacherId,
+    setDataFileImportStudent: setDataFileImportStudent,
+    onUpLoadStudentFile: onUpLoadStudentFile,
+    defaultTeacher: defaultTeacher,
+    fileName: fileName,
+    onStudentSubmit: onStudentSubmit
   };
 };
 
@@ -5432,10 +5531,15 @@ var CSVImport = function CSVImport() {
       setArrStudent = _useCSVImport.setArrStudent,
       buttons = _useCSVImport.buttons,
       upload = _useCSVImport.upload,
-      isCheckDomainIBS = _useCSVImport.isCheckDomainIBS;
+      isCheckDomainIBS = _useCSVImport.isCheckDomainIBS,
+      onChangeTeacher = _useCSVImport.onChangeTeacher,
+      setDataFileImportStudent = _useCSVImport.setDataFileImportStudent,
+      defaultTeacher = _useCSVImport.defaultTeacher,
+      fileName = _useCSVImport.fileName,
+      onStudentSubmit = _useCSVImport.onStudentSubmit;
 
   return React.createElement("div", {
-    className: "animated fadeIn pt-3"
+    className: "animated fadeIn pt-5"
   }, isCheckDomainIBS ? React.createElement(React.Fragment, null, React.createElement(Input, {
     className: "d-none",
     type: "file",
@@ -5528,7 +5632,43 @@ var CSVImport = function CSVImport() {
         }
       });
     })))));
-  }))) : React.createElement(React.Fragment, null, React.createElement(Input, {
+  }))) : React.createElement(React.Fragment, null, React.createElement(Row, null, React.createElement(Col, {
+    md: 3,
+    className: "mb-3"
+  }, React.createElement(TeacherSelector, {
+    defaultValue: defaultTeacher,
+    onChange: onChangeTeacher
+  }), React.createElement("div", {
+    className: "mt-3"
+  }, fileName ? React.createElement("span", {
+    className: "font-italic mb-1 font-lg"
+  }, fileName) : null, React.createElement(Input, {
+    className: "d-none",
+    type: "file",
+    id: "teacherSelector",
+    onChange: function onChange(e) {
+      return setDataFileImportStudent(e.target.files[0]);
+    },
+    accept: "text/csv"
+  }), React.createElement(UploadCSVButton, {
+    key: "Import student",
+    htmlFor: "teacherSelector",
+    text: "Select CSV",
+    isDisabled: isLoading,
+    backgroundColor: "#e74c3c",
+    onClick: function onClick() {
+      return setType(CSVType.Students);
+    }
+  })), React.createElement(Button, {
+    color: "success",
+    onClick: onStudentSubmit,
+    className: "w-100 mt-3"
+  }, "Import")), React.createElement(Col, {
+    md: 3
+  }), React.createElement(Col, {
+    md: 3,
+    className: "mb-3"
+  }, React.createElement(Input, {
     className: "d-none",
     type: "file",
     id: id,
@@ -5536,9 +5676,7 @@ var CSVImport = function CSVImport() {
       return upload(e.target.files[0]);
     },
     accept: "text/csv"
-  }), React.createElement("div", {
-    className: "d-flex align-items-center"
-  }, buttons.map(function (button) {
+  }), buttons.map(function (button) {
     return React.createElement(UploadCSVButton, {
       key: button.text,
       htmlFor: id,
@@ -5549,7 +5687,7 @@ var CSVImport = function CSVImport() {
         return setType(button.type);
       }
     });
-  }))));
+  })))));
 };
 
 var schema$5 = object({