mario-education 2.3.0 → 2.3.1

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,
@@ -5212,6 +5209,9 @@ var CSV_FILE_URL = BASE_URL + "/api/ImportCsv/csv";
 var importCSV = function importCSV(formData, subFolder) {
   return apiUpload.post(CSV_FILE_URL + "/" + subFolder, formData);
 };
+var importClassReflectionCSV = function importClassReflectionCSV(formData) {
+  return apiUpload.post(CSV_FILE_URL + "/importClassReflection", formData);
+};
 
 var CSVType;
 
@@ -5247,6 +5247,12 @@ var buttons = [{
 }];
 var title = "CSV Import";
 var id = "csvupload";
+var initClassReflect = {
+  teacherName: '',
+  teacherEmail: '',
+  studentIds: [],
+  file: ''
+};
 
 var useCSVImport = function useCSVImport() {
   var dispatch = useDispatch();
@@ -5258,6 +5264,18 @@ 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;
   }, []);
@@ -5295,50 +5313,203 @@ var useCSVImport = function useCSVImport() {
       return Promise.reject(e);
     }
   }, [type]);
+
+  var onConfirm = function onConfirm(values) {
+    try {
+      var _temp7 = function _temp7() {
+        dispatch(setLoading(false));
+        var input = document.getElementById(id);
+        input && (input.value = "");
+      };
+
+      if (!dataFile || !dataFile) return Promise.resolve();
+      dispatch(setLoading(true));
+
+      var _temp8 = _catch(function () {
+        var formData = new FormData();
+        formData.append("file", dataFile, dataFile.name);
+        formData.append("teacherName", values.teacherName);
+        formData.append("teacherEmail", values.teacherEmail);
+        formData.append("studentIds", values.studentIds);
+        return Promise.resolve(importClassReflectionCSV(formData)).then(function () {
+          dispatch(setAlert({
+            type: "success",
+            message: "Import CSV successfully"
+          }));
+          setInitImportReflection(initClassReflect);
+        });
+      }, 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(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
   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 schema$4 = object({
+  teacherName: string().required(),
+  teacherEmail: string().required(),
+  studentIds: array().required().test("test students", "Please choose student", function () {
+    return !!this.parent.studentIds && !!this.parent.studentIds.length;
+  }),
+  file: string().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,
-      upload = _useCSVImport.upload;
+      id = _useCSVImport.id,
+      CSVType = _useCSVImport.CSVType,
+      dataFile = _useCSVImport.dataFile,
+      setDataFile = _useCSVImport.setDataFile,
+      setArrStudent = _useCSVImport.setArrStudent,
+      arrStudent = _useCSVImport.arrStudent;
 
   return React.createElement("div", {
     className: "animated fadeIn pt-3"
-  }, 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,
+  }, React.createElement("div", {
+    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 values = formProps.values,
+        touched = formProps.touched,
+        errors = formProps.errors,
+        handleSubmit = formProps.handleSubmit,
+        handleChange = formProps.handleChange;
+    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: "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"
+    }), React.createElement(UploadCSVButton, {
+      key: "Import class reflections",
       htmlFor: id,
-      text: button.text,
+      text: "Import class reflections",
       isDisabled: isLoading,
-      backgroundColor: button.backgroundColor,
+      backgroundColor: "#e74c3c",
       onClick: function onClick() {
-        return setType(button.type);
+        setType(CSVType.ClassReflection);
       }
-    });
+    }), !!dataFile && React.createElement("p", {
+      style: {
+        color: 'red',
+        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: 12
+    }, React.createElement(Button, {
+      color: "primary",
+      className: "float-right",
+      onClick: function onClick() {
+        return handleSubmit();
+      }
+    }, "Import"), ' '))));
   })));
 };
 
-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 +5528,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 +5639,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 +5692,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 +6270,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 +6288,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 +6957,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 +6976,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 +8506,7 @@ var QuestionSplitPaneSelector = function QuestionSplitPaneSelector(props) {
   }, " ", "v", " ")) : "");
 };
 
-var schema$8 = object({
+var schema$9 = object({
   name: string().required("Name is required")
 });
 
@@ -8361,7 +8532,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 +9913,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 +10166,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 +10432,7 @@ var QuestionSplitPaneSelector$1 = function QuestionSplitPaneSelector(props) {
   }, " ", "v", " ")) : "");
 };
 
-var schema$a = object({
+var schema$b = object({
   name: string().required("Name is required")
 });
 
@@ -10287,7 +10458,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 +11400,7 @@ var FeedbackList = function FeedbackList() {
   }))));
 };
 
-var schema$b = object({
+var schema$c = object({
   name: string().required("Name is required")
 });
 
@@ -11249,7 +11420,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 +11900,7 @@ var TutorialScreenContainer = function TutorialScreenContainer() {
   });
 };
 
-var schema$c = object({
+var schema$d = object({
   name: string().required("Name is required")
 });
 
@@ -11746,7 +11917,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 +12504,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 +12540,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 +14228,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 +14616,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 +15169,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 +15253,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 +15460,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 +15490,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 +16064,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 +16089,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;