mario-education 2.3.0 → 2.3.4

package/dist/index.modern.js

@@ -150,9 +150,6 @@ var StudentSelector = function StudentSelector(_ref) {
       id: student.id
     };
   });
-  console.log("teacher assignment");
-  console.log(options);
-  console.log(value);
   return React.createElement(CustomSelector, {
     options: options,
     inputValue: searchString,
@@ -5175,7 +5172,6 @@ var LearningSupportCategoryList = function LearningSupportCategoryList() {
 
 var style = {
   padding: "4px 8px",
-  marginRight: 16,
   marginBottom: 0,
   borderRadius: "2px",
   color: "#fff",
@@ -5189,12 +5185,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
@@ -5209,8 +5206,12 @@ var UploadCSVButton = function UploadCSVButton(_ref) {
 };
 
 var CSV_FILE_URL = BASE_URL + "/api/ImportCsv/csv";
-var importCSV = function importCSV(formData, subFolder) {
-  return apiUpload.post(CSV_FILE_URL + "/" + subFolder, formData);
+var CSV_FILE_TEACHER = BASE_URL + "/api/Teacher";
+var importStudentCSV = function importStudentCSV(formData) {
+  return apiUpload.post(CSV_FILE_TEACHER + "/adminImportStudent", formData);
+};
+var importClassReflectionCSV = function importClassReflectionCSV(formData) {
+  return apiUpload.post(CSV_FILE_URL + "/importClassReflection", formData);
 };
 
 var CSVType;
@@ -5225,28 +5226,18 @@ var CSVType;
 })(CSVType || (CSVType = {}));
 
 var buttons = [{
-  text: "Import subjects",
-  backgroundColor: "#1dd1a1",
-  type: CSVType.Subjects
-}, {
-  text: "Import grades",
-  backgroundColor: "#54a0ff",
-  type: CSVType.Grades
-}, {
-  text: "Import attendances",
-  backgroundColor: "#feca57",
-  type: CSVType.Attendances
-}, {
-  text: "Import class reflections",
-  backgroundColor: "#e74c3c",
-  type: CSVType.ClassReflection
-}, {
-  text: "Import others",
-  backgroundColor: "#8395a7",
-  type: CSVType.Others
+  text: "Import students",
+  backgroundColor: "#0abde3",
+  type: CSVType.Students
 }];
 var title = "CSV Import";
 var id = "csvupload";
+var initClassReflect = {
+  teacherName: '',
+  teacherEmail: '',
+  studentIds: [],
+  file: ''
+};
 
 var useCSVImport = function useCSVImport() {
   var dispatch = useDispatch();
@@ -5258,58 +5249,157 @@ var useCSVImport = function useCSVImport() {
       type = _useState[0],
       setType = _useState[1];
 
+  var _useState2 = useState(),
+      dataFile = _useState2[0],
+      setDataFile = _useState2[1];
+
+  var _useState3 = useState([]),
+      arrStudent = _useState3[0],
+      setArrStudent = _useState3[1];
+
+  var _useState4 = useState(initClassReflect),
+      initImportReflection = _useState4[0],
+      setInitImportReflection = _useState4[1];
+
   useEffect(function () {
     document.title = title;
   }, []);
   var upload = useCallback(function (file) {
     try {
-      var _temp3 = function _temp3() {
+      var _temp7 = function _temp7() {
         dispatch(setLoading(false));
-        var input = document.getElementById(id);
+        var input = document.getElementById('import-student');
+        var importClass = document.getElementById('import-classReflection');
         input && (input.value = "");
+        importClass && (importClass.value = "");
       };
 
       if (!type || !file) return Promise.resolve();
       dispatch(setLoading(true));
 
-      var _temp4 = _catch(function () {
+      var _temp8 = _catch(function () {
+        function _temp4() {
+          function _temp2() {
+            dispatch(setAlert({
+              type: "success",
+              message: "Import CSV successfully"
+            }));
+          }
+
+          var _temp = function () {
+            if (type == CSVType.ClassReflection) {
+              return Promise.resolve(importClassReflectionCSV(formData)).then(function () {});
+            }
+          }();
+
+          return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+        }
+
         var formData = new FormData();
         formData.append("file", file, file.name);
-        return Promise.resolve(importCSV(formData, type.toString())).then(function () {
+
+        var _temp3 = function () {
+          if (type == CSVType.Students) {
+            return Promise.resolve(importStudentCSV(formData)).then(function () {});
+          }
+        }();
+
+        return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
+      }, function (err) {
+        var _err$response, _err$response$data;
+
+        dispatch(setAlert({
+          type: "danger",
+          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
+        }));
+      });
+
+      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [type]);
+
+  var onConfirm = function onConfirm(values) {
+    try {
+      var _temp11 = function _temp11() {
+        dispatch(setLoading(false));
+        var input = document.getElementById(id);
+        input && (input.value = "");
+      };
+
+      if (!dataFile || !dataFile) return Promise.resolve();
+      dispatch(setLoading(true));
+
+      var _temp12 = _catch(function () {
+        var formData = new FormData();
+        formData.append("file", dataFile, dataFile.name);
+        formData.append("teacherName", values.teacherName);
+        formData.append("teacherEmail", values.teacherEmail);
+        values.studentIds.forEach(function (item) {
+          formData.append("studentIds", item);
+        });
+        return Promise.resolve(importClassReflectionCSV(formData)).then(function () {
           dispatch(setAlert({
             type: "success",
             message: "Import CSV successfully"
           }));
+          setInitImportReflection(initClassReflect);
         });
       }, function (err) {
-        var _err$response, _err$response$data;
+        var _err$response2, _err$response2$data;
 
         dispatch(setAlert({
           type: "danger",
-          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
+          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(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+      return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp11) : _temp11(_temp12));
     } catch (e) {
       return Promise.reject(e);
     }
-  }, [type]);
+  };
+
   return {
     isLoading: isLoading,
     buttons: buttons,
     id: id,
     setType: setType,
-    upload: upload
+    upload: upload,
+    initImportReflection: initImportReflection,
+    setInitImportReflection: setInitImportReflection,
+    onConfirm: onConfirm,
+    CSVType: CSVType,
+    dataFile: dataFile,
+    setDataFile: setDataFile,
+    setArrStudent: setArrStudent,
+    arrStudent: arrStudent
   };
 };
 
+var _yup$string, _yup$string2, _yup$string3;
+var schema$4 = object({
+  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: (_yup$string3 = string()) === null || _yup$string3 === void 0 ? void 0 : _yup$string3.trim().required()
+});
+
 var CSVImport = function CSVImport() {
   var _useCSVImport = useCSVImport(),
+      initImportReflection = _useCSVImport.initImportReflection,
+      onConfirm = _useCSVImport.onConfirm,
       isLoading = _useCSVImport.isLoading,
-      buttons = _useCSVImport.buttons,
-      id = _useCSVImport.id,
       setType = _useCSVImport.setType,
+      id = _useCSVImport.id,
+      CSVType = _useCSVImport.CSVType,
+      dataFile = _useCSVImport.dataFile,
+      setDataFile = _useCSVImport.setDataFile,
+      setArrStudent = _useCSVImport.setArrStudent,
+      buttons = _useCSVImport.buttons,
       upload = _useCSVImport.upload;
 
   return React.createElement("div", {
@@ -5317,28 +5407,99 @@ var CSVImport = function CSVImport() {
   }, React.createElement(Input, {
     className: "d-none",
     type: "file",
-    id: id,
+    id: "import-student",
+    onChange: function onChange(e) {
+      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: "d-flex align-items-center"
-  }, buttons.map(function (button) {
-    return React.createElement(UploadCSVButton, {
-      key: button.text,
-      htmlFor: id,
-      text: button.text,
+    className: "class-reflection"
+  }, React.createElement(Formik, {
+    initialValues: initImportReflection,
+    enableReinitialize: true,
+    validationSchema: schema$4,
+    onSubmit: function onSubmit(values, actions) {
+      onConfirm(values);
+      setDataFile('');
+      setArrStudent([]);
+      actions.resetForm();
+    }
+  }, function (formProps) {
+    var touched = formProps.touched,
+        errors = formProps.errors;
+    return React.createElement(Row, {
+      className: "mb-2"
+    }, React.createElement(Input, {
+      className: "d-none",
+      type: "file",
+      id: id,
+      onChange: function onChange(e) {
+        setDataFile(e.target.files[0]);
+        formProps.setFieldValue('file', 'imported');
+        var input = document.getElementById(id);
+        input && (input.value = "");
+      },
+      accept: "text/csv"
+    }), React.createElement(Col, {
+      md: 6,
+      className: "mb-2"
+    }, React.createElement(Row, null, React.createElement(Col, {
+      md: 12,
+      className: "mb-2"
+    }, React.createElement(RequiredLabel, {
+      text: "Import Class Reflection"
+    }), React.createElement(UploadCSVButton, {
+      key: "Import class reflections",
+      htmlFor: "import-classReflection",
+      text: "Import Class Reflection",
       isDisabled: isLoading,
-      backgroundColor: button.backgroundColor,
+      backgroundColor: "#e74c3c",
       onClick: function onClick() {
-        return setType(button.type);
+        setType(CSVType.ClassReflection);
       }
-    });
+    }), !!dataFile && React.createElement("p", {
+      style: {
+        color: '#007bff',
+        fontStyle: 'italic',
+        marginTop: '5px'
+      }
+    }, dataFile.name)), !dataFile && React.createElement(Col, {
+      md: 12,
+      className: "mb-2"
+    }, touched.file && errors.file && React.createElement(ErrorHandler, {
+      text: errors.file
+    })))), React.createElement(Col, {
+      md: 6,
+      className: "mb-2"
+    }, React.createElement(Row, null, React.createElement(Col, {
+      md: 12,
+      className: "mb-2"
+    }, React.createElement(RequiredLabel, {
+      text: "Import student"
+    }), buttons.map(function (button) {
+      return React.createElement(UploadCSVButton, {
+        key: button.text,
+        htmlFor: 'import-student',
+        text: button.text,
+        isDisabled: isLoading,
+        backgroundColor: button.backgroundColor,
+        onClick: function onClick() {
+          return setType(button.type);
+        }
+      });
+    })))));
   })));
 };
 
-var schema$4 = object({
+var schema$5 = object({
   name: string().required("Name is required"),
   startTime: string().required("Start time is required"),
   endTime: string().required("End time is required")
@@ -5357,7 +5518,7 @@ var SemesterDetailModal = function SemesterDetailModal(props, ref) {
   return React.createElement(Formik, {
     initialValues: semesterDetail,
     enableReinitialize: true,
-    validationSchema: schema$4,
+    validationSchema: schema$5,
     onSubmit: function onSubmit(values, actions) {
       onConfirm(values);
       actions.resetForm();
@@ -5468,7 +5629,7 @@ var SemesterDetailModal = function SemesterDetailModal(props, ref) {
 
 var SemesterDetailModal$1 = forwardRef(SemesterDetailModal);
 
-var schema$5 = object({
+var schema$6 = object({
   value: number().required("Breaking month is required")
 });
 var options = [{
@@ -5521,7 +5682,7 @@ var BreakingMonthModal = function BreakingMonthModal(props, ref) {
   return React.createElement(Formik, {
     initialValues: breakingMonthDetail,
     enableReinitialize: true,
-    validationSchema: schema$5,
+    validationSchema: schema$6,
     onSubmit: function onSubmit(values, actions) {
       onConfirm(values);
       actions.resetForm();
@@ -6099,7 +6260,7 @@ var SemesterList = function SemesterList() {
   }, "Change breaking month"))))));
 };
 
-var schema$6 = object({
+var schema$7 = object({
   label: string().required("Label is required"),
   value: number().required("Value is required")
 });
@@ -6117,7 +6278,7 @@ var BandScoreDetailModal = function BandScoreDetailModal(props, ref) {
   return React.createElement(Formik, {
     initialValues: bandScoreDetail,
     enableReinitialize: true,
-    validationSchema: schema$6,
+    validationSchema: schema$7,
     onSubmit: function onSubmit(values, actions) {
       onConfirm(values);
       actions.resetForm();
@@ -6786,7 +6947,7 @@ var CurrentLicense = function CurrentLicense() {
   }))));
 };
 
-var schema$7 = object({
+var schema$8 = object({
   name: string().required("Name is required"),
   startTime: string().required("Start time is required"),
   endTime: string().required("End time is required")
@@ -6805,7 +6966,7 @@ var SchoolBlankDayDetailModal = function SchoolBlankDayDetailModal(props, ref) {
   return React.createElement(Formik, {
     initialValues: schoolBlankDayDetail,
     enableReinitialize: true,
-    validationSchema: schema$7,
+    validationSchema: schema$8,
     onSubmit: function onSubmit(values, actions) {
       onConfirm(values);
       actions.resetForm();
@@ -8335,7 +8496,7 @@ var QuestionSplitPaneSelector = function QuestionSplitPaneSelector(props) {
   }, " ", "v", " ")) : "");
 };
 
-var schema$8 = object({
+var schema$9 = object({
   name: string().required("Name is required")
 });
 
@@ -8361,7 +8522,7 @@ var ReflectionDetailModal = function ReflectionDetailModal(props, ref) {
   return React.createElement(Formik, {
     initialValues: reflectionformDetail,
     enableReinitialize: true,
-    validationSchema: schema$8,
+    validationSchema: schema$9,
     onSubmit: function onSubmit(values, actions) {
       values.questionIds = arrId;
       onConfirm(values);
@@ -9742,7 +9903,7 @@ var AdditionalComponent = function AdditionalComponent(_ref) {
   return null;
 };
 
-var schema$9 = object({
+var schema$a = object({
   text: string().required("Question text is required"),
   type: string().required("Question type is required"),
   categoryId: number().test("test category id", "Category is required", function (value) {
@@ -9995,7 +10156,7 @@ var QuestionDetail = function QuestionDetail() {
   return React.createElement(Formik, {
     initialValues: questionDetail,
     enableReinitialize: true,
-    validationSchema: schema$9,
+    validationSchema: schema$a,
     onSubmit: function onSubmit(values) {
       if (values.type == QUESTION_TYPES.EMOTIONAL && !!values.answers) {
         for (var index in values.answers) {
@@ -10261,7 +10422,7 @@ var QuestionSplitPaneSelector$1 = function QuestionSplitPaneSelector(props) {
   }, " ", "v", " ")) : "");
 };
 
-var schema$a = object({
+var schema$b = object({
   name: string().required("Name is required")
 });
 
@@ -10287,7 +10448,7 @@ var AssessmentDetailModal = function AssessmentDetailModal(props, ref) {
   return React.createElement(Formik, {
     initialValues: assessmentDetail,
     enableReinitialize: true,
-    validationSchema: schema$a,
+    validationSchema: schema$b,
     onSubmit: function onSubmit(values, actions) {
       values.questionIds = arrId;
       onConfirm(values);
@@ -11229,7 +11390,7 @@ var FeedbackList = function FeedbackList() {
   }))));
 };
 
-var schema$b = object({
+var schema$c = object({
   name: string().required("Name is required")
 });
 
@@ -11249,7 +11410,7 @@ var TutorialScreenDetailModal = function TutorialScreenDetailModal(props, ref) {
       typeRole: typeRole
     }),
     enableReinitialize: true,
-    validationSchema: schema$b,
+    validationSchema: schema$c,
     onSubmit: function onSubmit(values, actions) {
       onConfirm(values);
       actions.resetForm();
@@ -11729,7 +11890,7 @@ var TutorialScreenContainer = function TutorialScreenContainer() {
   });
 };
 
-var schema$c = object({
+var schema$d = object({
   name: string().required("Name is required")
 });
 
@@ -11746,7 +11907,7 @@ var QuestionCateModal = function QuestionCateModal(props, ref) {
   return React.createElement(Formik, {
     initialValues: questionCateDetail,
     enableReinitialize: true,
-    validationSchema: schema$c,
+    validationSchema: schema$d,
     onSubmit: function onSubmit(values, actions) {
       onConfirm(values);
       actions.resetForm();
@@ -12333,7 +12494,7 @@ var SemesterSelector = function SemesterSelector(_ref) {
   }));
 };
 
-var schema$d = object({
+var schema$e = object({
   beginDate: string().required("Begin date is required"),
   endDate: string().required("End date is required"),
   timeSemester: string().required("Time Semester is required"),
@@ -12369,7 +12530,7 @@ var AssignmentDetailModal = function AssignmentDetailModal(props, ref) {
   return React.createElement(Formik, {
     initialValues: assignmentDetail,
     enableReinitialize: true,
-    validationSchema: schema$d,
+    validationSchema: schema$e,
     onSubmit: function onSubmit(values, actions) {
       onConfirm(values);
       actions.resetForm();
@@ -14057,7 +14218,7 @@ var SkillSelector$1 = function SkillSelector(_ref) {
   });
 };
 
-var schema$e = object({
+var schema$f = object({
   name: string().required("Name is required"),
   isConference: boolean().required("Is conference is required"),
   conferenceRubricId: number().nullable().test("Test conference rubric id", "Conference rubric is required", function () {
@@ -14445,7 +14606,7 @@ var SessionTemplateDetail = function SessionTemplateDetail() {
   return React.createElement(Formik, {
     initialValues: sessionTemplateDetail,
     enableReinitialize: true,
-    validationSchema: schema$e,
+    validationSchema: schema$f,
     onSubmit: function onSubmit(values) {
       confirmData(values);
       setEdited(false);
@@ -14998,7 +15159,7 @@ var useSessionTemplateGeneralClassDetail = function useSessionTemplateGeneralCla
 };
 
 var LINK_TO_DEFAULT_QUESTION_GENERAL_CLASS = "/admin/question/default-question-general-list";
-var schema$f = object({
+var schema$g = object({
   name: string().trim().required("Name is required"),
   subjectId: number().required("Subject is required").test("Test subject", "Subject is required", function (value) {
     return value > 0;
@@ -15082,7 +15243,7 @@ var SessionTemplateGeneralClassDetail = function SessionTemplateGeneralClassDeta
   return React.createElement(Formik, {
     initialValues: sessionTemplateGeneralClassDetail,
     enableReinitialize: true,
-    validationSchema: schema$f,
+    validationSchema: schema$g,
     onSubmit: function onSubmit(values) {
       confirmData(values);
       setEdited(false);
@@ -15289,7 +15450,7 @@ var SessionTemplateGeneralClassDetail = function SessionTemplateGeneralClassDeta
   });
 };
 
-var schema$g = object({
+var schema$h = object({
   learningSupportCategoryId: number().test("testLearningSupportCategoryId", "Invalid category", function (number) {
     return !!number && number >= 1;
   }),
@@ -15319,7 +15480,7 @@ var CustomAlertDetailModal = function CustomAlertDetailModal(props, ref) {
   return React.createElement(Formik, {
     initialValues: customAlertDetail,
     enableReinitialize: true,
-    validationSchema: schema$g,
+    validationSchema: schema$h,
     onSubmit: function onSubmit(values, actions) {
       onConfirm(values);
       actions.resetForm();
@@ -15893,7 +16054,7 @@ var CustomAlertList = function CustomAlertList() {
 
 var certificate = {"certificate-item":"_3DVMZ","add-breakpoint":"_3zOGW","box-item":"_3DQwX"};
 
-var schema$h = object({
+var schema$i = object({
   name: string().required("Name is required"),
   certificateItems: array().test("Text label required", "Text is required", function (value) {
     return value === null || value === void 0 ? void 0 : value.every(function (item) {
@@ -15918,7 +16079,7 @@ var CertificateDetailModal = function CertificateDetailModal(props, ref) {
   return React.createElement(Formik, {
     initialValues: certificateDetail,
     enableReinitialize: true,
-    validationSchema: schema$h,
+    validationSchema: schema$i,
     onSubmit: function onSubmit(values, actions) {
       var _values$certificateIt;