mario-education 2.4.126-beta → 2.4.130-beta

package/dist/MarioFramework.Education/ClientApp/src/containers/CSVImport/hooks/useCSVImport.d.ts

@@ -35,5 +35,6 @@ declare const useCSVImport: () => {
     defaultTeacher: number;
     fileName: string;
     onStudentSubmit: () => void;
+    downloadTemplateStudentISB: () => Promise<void>;
 };
 export default useCSVImport;

package/dist/MarioFramework.Education/ClientApp/src/services/csvService.d.ts

@@ -1,3 +1,4 @@
+export declare const downloadTemplateFile: () => Promise<import("axios").AxiosResponse<any>>;
 export declare const importCSV: (formData: FormData, subFolder: string) => Promise<import("axios").AxiosResponse<any>>;
 export declare const importStudentCSV: (formData: FormData) => Promise<import("axios").AxiosResponse<any>>;
 export declare const importClassReflectionCSV: (formData: FormData) => Promise<import("axios").AxiosResponse<any>>;

package/dist/index.js

@@ -9,10 +9,10 @@ var reactstrap = require('reactstrap');
 var formik = require('formik');
 var yup = require('yup');
 var reactRouterDom = require('react-router-dom');
+var ai = require('react-icons/ai');
 var DatePicker = _interopDefault(require('react-datepicker'));
 var dateFns = require('date-fns');
 var toDate = _interopDefault(require('date-fns/toDate'));
-var ai = require('react-icons/ai');
 var format = _interopDefault(require('date-fns/format'));
 var react = require('@ag-grid-community/react');
 var masterDetail = require('@ag-grid-enterprise/master-detail');
@@ -5599,6 +5599,9 @@ var UploadCSVButton = function UploadCSVButton(_ref) {
 
 var CSV_FILE_URL = marioCore.BASE_URL + "/api/ImportCsv/csv";
 var CSV_FILE_TEACHER = marioCore.BASE_URL + "/api/Teacher";
+var downloadTemplateFile = function downloadTemplateFile() {
+  return marioCore.api.get(CSV_FILE_TEACHER + "/download-template-file-isb");
+};
 var importCSV = function importCSV(formData, subFolder) {
   return marioCore.apiUpload.post(CSV_FILE_URL + "/" + subFolder, formData);
 };
@@ -5683,9 +5686,46 @@ var useCSVImport = function useCSVImport() {
     document.title = title;
   }, []);
   var buttons = isCheckDomainIBS ? isbButtons : othersButtons;
+
+  var downloadTemplateStudentISB = function downloadTemplateStudentISB() {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(downloadTemplateFile()).then(function (res) {
+          var data = new Blob([res.data.content], {
+            type: 'text/csv'
+          });
+          var fileURL = window.URL.createObjectURL(data);
+          var a = document.createElement("a");
+          a.href = fileURL;
+          a.setAttribute("download", res.data.nameFile);
+          a.click();
+          dispatch(marioCore.setAlert({
+            type: "success",
+            message: "Download successfully"
+          }));
+        });
+      }, function (err) {
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: err.message
+        }));
+      });
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
   var upload = React.useCallback(function (file) {
     try {
-      var _temp8 = function _temp8() {
+      var _temp12 = function _temp12() {
         dispatch(marioCore.setLoading(false));
         var inputId = document.getElementById(id);
         var input = document.getElementById('import-student');
@@ -5698,8 +5738,8 @@ var useCSVImport = function useCSVImport() {
       if (!type || !file) return Promise.resolve();
       dispatch(marioCore.setLoading(true));
 
-      var _temp9 = _catch(function () {
-        function _temp5() {
+      var _temp13 = _catch(function () {
+        function _temp9() {
           dispatch(marioCore.setAlert({
             type: "success",
             message: "Import CSV successfully"
@@ -5709,31 +5749,31 @@ var useCSVImport = function useCSVImport() {
         var formData = new FormData();
         formData.append("file", file, file.name);
 
-        var _temp4 = function () {
+        var _temp8 = function () {
           if (isCheckDomainIBS) {
-            var _temp10 = function _temp10() {
-              var _temp = function () {
+            var _temp14 = function _temp14() {
+              var _temp5 = function () {
                 if (type == CSVType.ClassReflection) {
                   return Promise.resolve(importClassReflectionCSV(formData)).then(function () {});
                 }
               }();
 
-              if (_temp && _temp.then) return _temp.then(function () {});
+              if (_temp5 && _temp5.then) return _temp5.then(function () {});
             };
 
-            var _temp11 = function () {
+            var _temp15 = function () {
               if (type == CSVType.Students) {
                 return Promise.resolve(importStudentCSV(formData)).then(function () {});
               }
             }();
 
-            return _temp11 && _temp11.then ? _temp11.then(_temp10) : _temp10(_temp11);
+            return _temp15 && _temp15.then ? _temp15.then(_temp14) : _temp14(_temp15);
           } else {
             return Promise.resolve(importCSV(formData, type.toString())).then(function () {});
           }
         }();
 
-        return _temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4);
+        return _temp8 && _temp8.then ? _temp8.then(_temp9) : _temp9(_temp8);
       }, function (err) {
         var _err$response, _err$response$data;
 
@@ -5743,7 +5783,7 @@ var useCSVImport = function useCSVImport() {
         }));
       });
 
-      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp8) : _temp8(_temp9));
+      return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(_temp12) : _temp12(_temp13));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5751,7 +5791,7 @@ var useCSVImport = function useCSVImport() {
 
   var uploadByTeacherId = function uploadByTeacherId(file) {
     try {
-      var _temp14 = function _temp14() {
+      var _temp18 = function _temp18() {
         dispatch(marioCore.setLoading(false));
         var input = document.getElementById('teacherSelector');
         input && (input.value = "");
@@ -5768,7 +5808,7 @@ var useCSVImport = function useCSVImport() {
       if (!type || !file) return Promise.resolve();
       dispatch(marioCore.setLoading(true));
 
-      var _temp15 = _catch(function () {
+      var _temp19 = _catch(function () {
         var formData = new FormData();
         formData.append("file", file, file.name);
         return Promise.resolve(importStudentByTeacher(defaultTeacher, formData)).then(function () {
@@ -5786,7 +5826,7 @@ var useCSVImport = function useCSVImport() {
         }));
       });
 
-      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);
     }
@@ -5794,7 +5834,7 @@ var useCSVImport = function useCSVImport() {
 
   var onConfirm = function onConfirm(values) {
     try {
-      var _temp18 = function _temp18() {
+      var _temp22 = function _temp22() {
         dispatch(marioCore.setLoading(false));
         var input = document.getElementById(id);
         input && (input.value = "");
@@ -5803,7 +5843,7 @@ var useCSVImport = function useCSVImport() {
       if (!dataFile || !dataFile) return Promise.resolve();
       dispatch(marioCore.setLoading(true));
 
-      var _temp19 = _catch(function () {
+      var _temp23 = _catch(function () {
         var formData = new FormData();
         formData.append("file", dataFile, dataFile.name);
         formData.append("teacherName", values.teacherName);
@@ -5827,7 +5867,7 @@ var useCSVImport = function useCSVImport() {
         }));
       });
 
-      return Promise.resolve(_temp19 && _temp19.then ? _temp19.then(_temp18) : _temp18(_temp19));
+      return Promise.resolve(_temp23 && _temp23.then ? _temp23.then(_temp22) : _temp22(_temp23));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5886,7 +5926,8 @@ var useCSVImport = function useCSVImport() {
     onUpLoadStudentFile: onUpLoadStudentFile,
     defaultTeacher: defaultTeacher,
     fileName: fileName,
-    onStudentSubmit: onStudentSubmit
+    onStudentSubmit: onStudentSubmit,
+    downloadTemplateStudentISB: downloadTemplateStudentISB
   };
 };
 
@@ -5918,7 +5959,11 @@ var CSVImport = function CSVImport() {
       setDataFileImportStudent = _useCSVImport.setDataFileImportStudent,
       defaultTeacher = _useCSVImport.defaultTeacher,
       fileName = _useCSVImport.fileName,
-      onStudentSubmit = _useCSVImport.onStudentSubmit;
+      onStudentSubmit = _useCSVImport.onStudentSubmit,
+      downloadTemplateStudentISB = _useCSVImport.downloadTemplateStudentISB;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
 
   return React__default.createElement("div", {
     className: "animated fadeIn pt-5"
@@ -5968,10 +6013,12 @@ var CSVImport = function CSVImport() {
       accept: "text/csv"
     }), React__default.createElement(reactstrap.Col, {
       md: 6,
-      className: "mb-2"
-    }, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
+      className: "mb-2 d-flex align-items-end"
+    }, React__default.createElement(reactstrap.Row, {
+      className: "w-100"
+    }, React__default.createElement(reactstrap.Col, {
       md: 12,
-      className: "mb-2"
+      className: ""
     }, React__default.createElement(marioCore.RequiredLabel, {
       text: "Import Class Reflection"
     }), React__default.createElement(UploadCSVButton, {
@@ -5998,6 +6045,20 @@ var CSVImport = function CSVImport() {
       md: 6,
       className: "mb-2"
     }, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
+      md: 12,
+      className: "mb-2 text-right"
+    }, React__default.createElement(reactstrap.Button, {
+      role: "button",
+      color: "primary",
+      onClick: function onClick() {
+        return downloadTemplateStudentISB();
+      }
+    }, React__default.createElement("p", {
+      className: "d-flex align-items-center mb-0"
+    }, t("download_template"), " ", React__default.createElement(ai.AiOutlineDownload, {
+      size: 20,
+      className: "ml-2"
+    })))), React__default.createElement(reactstrap.Col, {
       md: 12,
       className: "mb-2"
     }, React__default.createElement(marioCore.RequiredLabel, {