mario-education 2.4.0 → 2.4.3-beta

package/dist/index.js

@@ -5195,7 +5195,8 @@ var style = {
   color: "#fff",
   fontWeight: 500,
   fontSize: "0.9em",
-  height: "30px"
+  height: "35px",
+  justifyContent: "center"
 };
 
 var UploadCSVButton = function UploadCSVButton(_ref) {
@@ -5209,7 +5210,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
@@ -5234,6 +5235,9 @@ var importStudentCSV = function importStudentCSV(formData) {
 var importClassReflectionCSV = function importClassReflectionCSV(formData) {
   return marioCore.apiUpload.post(CSV_FILE_URL + "/importClassReflection", formData);
 };
+var importStudentByTeacher = function importStudentByTeacher(teacherId, formData) {
+  return marioCore.apiUpload.post(CSV_FILE_TEACHER + "/adminImportStudentByTeacherId/" + teacherId, formData);
+};
 
 var CSVType;
 
@@ -5282,8 +5286,21 @@ var useCSVImport = function useCSVImport() {
       initImportReflection = _useState4[0],
       setInitImportReflection = _useState4[1];
 
+  var _useState5 = React.useState(),
+      studentDataFile = _useState5[0],
+      setStudentDataFile = _useState5[1];
+
   var domainName = window.location.hostname;
   var isCheckDomainIBS = domainName.includes('isb');
+
+  var _useState6 = React.useState(0),
+      defaultTeacher = _useState6[0],
+      setDefaultTeacher = _useState6[1];
+
+  var _useState7 = React.useState(""),
+      fileName = _useState7[0],
+      setFileName = _useState7[1];
+
   React.useEffect(function () {
     document.title = title;
   }, []);
@@ -5353,9 +5370,52 @@ var useCSVImport = function useCSVImport() {
     }
   }, [type]);
 
-  var onConfirm = function onConfirm(values) {
+  var uploadByTeacherId = function uploadByTeacherId(file) {
     try {
       var _temp14 = function _temp14() {
+        dispatch(marioCore.setLoading(false));
+        var input = document.getElementById('teacherSelector');
+        input && (input.value = "");
+      };
+
+      if (!defaultTeacher) {
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: "Select teacher before import csv"
+        }));
+        return Promise.resolve();
+      }
+
+      if (!type || !file) return Promise.resolve();
+      dispatch(marioCore.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(marioCore.setAlert({
+            type: "success",
+            message: "Import CSV successfully"
+          }));
+        });
+      }, function (err) {
+        var _err$response2, _err$response2$data;
+
+        dispatch(marioCore.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(marioCore.setLoading(false));
         var input = document.getElementById(id);
         input && (input.value = "");
@@ -5364,7 +5424,7 @@ var useCSVImport = function useCSVImport() {
       if (!dataFile || !dataFile) return Promise.resolve();
       dispatch(marioCore.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);
@@ -5380,20 +5440,52 @@ var useCSVImport = function useCSVImport() {
           setInitImportReflection(initClassReflect);
         });
       }, function (err) {
-        var _err$response2, _err$response2$data;
+        var _err$response3, _err$response3$data;
 
         dispatch(marioCore.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(marioCore.setAlert({
+        type: "danger",
+        message: "Select CSV to import"
+      }));
+      return;
+    }
+
+    uploadByTeacherId(studentDataFile);
+  };
+
+  var onStudentSubmit = function onStudentSubmit() {
+    dispatch(marioCore.setModal({
+      isOpen: true,
+      type: "warning",
+      message: "Are you sure upload this file?",
+      onConfirm: function onConfirm() {
+        onUpLoadStudentFile();
+      }
+    }));
+  };
+
   return {
     isLoading: isLoading,
     buttons: buttons,
@@ -5408,7 +5500,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
   };
 };
 
@@ -5435,10 +5534,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__default.createElement("div", {
-    className: "animated fadeIn pt-3"
+    className: "animated fadeIn pt-5"
   }, isCheckDomainIBS ? React__default.createElement(React__default.Fragment, null, React__default.createElement(reactstrap.Input, {
     className: "d-none",
     type: "file",
@@ -5531,7 +5635,43 @@ var CSVImport = function CSVImport() {
         }
       });
     })))));
-  }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(reactstrap.Input, {
+  }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
+    md: 3,
+    className: "mb-3"
+  }, React__default.createElement(TeacherSelector, {
+    defaultValue: defaultTeacher,
+    onChange: onChangeTeacher
+  }), React__default.createElement("div", {
+    className: "mt-3"
+  }, fileName ? React__default.createElement("span", {
+    className: "font-italic mb-1 font-lg"
+  }, fileName) : null, React__default.createElement(reactstrap.Input, {
+    className: "d-none",
+    type: "file",
+    id: "teacherSelector",
+    onChange: function onChange(e) {
+      return setDataFileImportStudent(e.target.files[0]);
+    },
+    accept: "text/csv"
+  }), React__default.createElement(UploadCSVButton, {
+    key: "Import student",
+    htmlFor: "teacherSelector",
+    text: "Select CSV",
+    isDisabled: isLoading,
+    backgroundColor: "#e74c3c",
+    onClick: function onClick() {
+      return setType(CSVType.Students);
+    }
+  })), React__default.createElement(reactstrap.Button, {
+    color: "success",
+    onClick: onStudentSubmit,
+    className: "w-100 mt-3"
+  }, "Import")), React__default.createElement(reactstrap.Col, {
+    md: 3
+  }), React__default.createElement(reactstrap.Col, {
+    md: 3,
+    className: "mb-3"
+  }, React__default.createElement(reactstrap.Input, {
     className: "d-none",
     type: "file",
     id: id,
@@ -5539,9 +5679,7 @@ var CSVImport = function CSVImport() {
       return upload(e.target.files[0]);
     },
     accept: "text/csv"
-  }), React__default.createElement("div", {
-    className: "d-flex align-items-center"
-  }, buttons.map(function (button) {
+  }), buttons.map(function (button) {
     return React__default.createElement(UploadCSVButton, {
       key: button.text,
       htmlFor: id,
@@ -5552,7 +5690,7 @@ var CSVImport = function CSVImport() {
         return setType(button.type);
       }
     });
-  }))));
+  })))));
 };
 
 var schema$5 = yup.object({
@@ -7503,6 +7641,16 @@ var remove$c = function remove(id, userChangeId) {
 var getTeacher = function getTeacher() {
   return marioCore.api.get(USER_DELETED_URL + "/all/teacher");
 };
+var getStudentAll = function getStudentAll(filter) {
+  return marioCore.api.get(USER_DELETED_URL + "/studentUser/all", {
+    params: filter
+  });
+};
+var changeTeacherOfStudent = function changeTeacherOfStudent(id, teacherUserId) {
+  return marioCore.api.put(USER_DELETED_URL + "/change-teacher/" + id, {
+    teacherUserId: teacherUserId
+  });
+};
 
 var useUserDeletedModal = function useUserDeletedModal() {
   var dispatch = reactRedux.useDispatch();
@@ -7591,228 +7739,907 @@ var useUserDeletedList = function useUserDeletedList() {
       filters = _useFilters.filters,
       changeFilters = _useFilters.changeFilters;
 
-  var dispatch = reactRedux.useDispatch();
-  var modal = React.useRef();
+  var dispatch = reactRedux.useDispatch();
+  var modal = React.useRef();
+
+  var openModal = function openModal() {
+    modal && modal.current && modal.current.toggle();
+  };
+
+  var resetData = function resetData() {
+    setTeacherChangeId("");
+    setUserChoiced(initialUserChoice);
+  };
+
+  var getData = React.useCallback(function () {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(get$d(filters)).then(function (res) {
+          var _res$data = res.data,
+              items = _res$data.items,
+              totalItems = _res$data.totalItems;
+          setUserList(items);
+          setTotalItems(totalItems);
+        });
+      }, function (err) {
+        var _err$response, _err$response$data;
+
+        dispatch(marioCore.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(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [dispatch, filters]);
+  React.useEffect(function () {
+    document.title = TITLE$b;
+  }, []);
+  React.useEffect(function () {
+    getData();
+  }, [filters]);
+  var removeData = React.useCallback(function (id) {
+    dispatch(marioCore.setModal({
+      isOpen: true,
+      type: "warning",
+      message: "Do you want to remove this user?",
+      onConfirm: function () {
+        try {
+          var _temp9 = function _temp9() {
+            dispatch(marioCore.setLoading(false));
+          };
+
+          dispatch(marioCore.setLoading(true));
+
+          var _temp10 = _catch(function () {
+            function _temp6() {
+              dispatch(marioCore.setAlert({
+                type: "success",
+                message: "Remove user successfully"
+              }));
+              openModal();
+              resetData();
+              changeFilters({
+                currentPage: 1
+              });
+            }
+
+            var _temp5 = function () {
+              if (userChoiced.roles.includes("Teacher")) {
+                return Promise.resolve(remove$c(id, teacherChangeId)).then(function () {});
+              } else {
+                return Promise.resolve(remove$c(id)).then(function () {});
+              }
+            }();
+
+            return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
+          }, function (err) {
+            var _err$response2, _err$response2$data;
+
+            dispatch(marioCore.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(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      }
+    }));
+  }, [filters, teacherChangeId, userChoiced]);
+  return {
+    userList: userList,
+    totalItems: totalItems,
+    filters: filters,
+    getData: getData,
+    removeData: removeData,
+    changeFilters: changeFilters,
+    modal: modal,
+    openModal: openModal,
+    userChoiced: userChoiced,
+    setUserChoiced: setUserChoiced,
+    options: options,
+    teacherChangeId: teacherChangeId,
+    setTeacherChangeId: setTeacherChangeId,
+    resetData: resetData
+  };
+};
+
+var UserDeletedModal = function UserDeletedModal(props, ref) {
+  var header = props.header,
+      removeData = props.removeData,
+      resetData = props.resetData,
+      userChoiced = props.userChoiced,
+      options = props.options,
+      teacherChangeId = props.teacherChangeId,
+      setTeacherChangeId = props.setTeacherChangeId;
+  console.log({
+    hags: userChoiced.id
+  });
+
+  var getFile = function getFile() {
+    var url = window.location.origin + "/api/ExportDataUser/" + userChoiced.id;
+    window.open(url);
+  };
+
+  return React__default.createElement(marioCore.CommonModal, {
+    header: header,
+    ref: ref,
+    onCancel: function onCancel() {
+      resetData();
+    }
+  }, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
+    md: 12,
+    className: "mb-2"
+  }, React__default.createElement("p", null, "Export user data"), React__default.createElement("div", {
+    className: "pb-3"
+  }, React__default.createElement(reactstrap.Button, {
+    color: "success",
+    onClick: function onClick() {
+      getFile();
+    }
+  }, "Download user's data")), React__default.createElement("p", null, "Delete user"), !!userChoiced && React__default.createElement("div", null, userChoiced.roles.includes("Student") && React__default.createElement("div", null, React__default.createElement(reactstrap.Alert, {
+    color: "danger"
+  }, "All data of this user will be permanently deleted from the system. Please export before continuing"), React__default.createElement(reactstrap.Button, {
+    color: "danger",
+    onClick: function onClick() {
+      return removeData(userChoiced.id);
+    }
+  }, "Delete user")), userChoiced.roles.includes("Admin") && React__default.createElement("div", null, React__default.createElement(reactstrap.Alert, {
+    color: "danger"
+  }, "All data of this user will be permanently deleted from the system. Please export before continuing"), React__default.createElement(reactstrap.Button, {
+    color: "danger",
+    onClick: function onClick() {
+      return removeData(userChoiced.id);
+    }
+  }, "Delete user")), userChoiced.roles.includes("Teacher") && React__default.createElement("div", null, React__default.createElement(reactstrap.Alert, {
+    color: "warning"
+  }, "A teacher must be selected before deleting this teacher. We will transfer the entire class and students to this teacher before deleting all of this teacher's data."), React__default.createElement(marioCore.CustomSelector, {
+    options: options,
+    defaultValue: teacherChangeId,
+    placeholder: "Select teacher change",
+    onChange: function onChange(e) {
+      return setTeacherChangeId(e.value);
+    }
+  }), !!teacherChangeId && React__default.createElement("div", {
+    className: "mt-2"
+  }, React__default.createElement(reactstrap.Alert, {
+    color: "danger"
+  }, "All data of this user will be permanently deleted from the system. Please export before continuing"), React__default.createElement(reactstrap.Button, {
+    color: "danger",
+    onClick: function onClick() {
+      return removeData(userChoiced.id);
+    }
+  }, "Delete user"))), userChoiced.roles.includes("Parent") && React__default.createElement("div", null, React__default.createElement(reactstrap.Alert, {
+    color: "danger"
+  }, "All data of this user will be permanently deleted from the system. Please export before continuing"), React__default.createElement(reactstrap.Button, {
+    color: "danger",
+    onClick: function onClick() {
+      return removeData(userChoiced.id);
+    }
+  }, "Delete user"))))));
+};
+
+var UserDeletedModal$1 = React.forwardRef(UserDeletedModal);
+
+var header$3 = "User deleted";
+
+var UserList = function UserList() {
+  var _useUserDeletedList = useUserDeletedList(),
+      userList = _useUserDeletedList.userList,
+      totalItems = _useUserDeletedList.totalItems,
+      filters = _useUserDeletedList.filters,
+      changeFilters = _useUserDeletedList.changeFilters,
+      removeData = _useUserDeletedList.removeData,
+      openModal = _useUserDeletedList.openModal,
+      modal = _useUserDeletedList.modal,
+      userChoiced = _useUserDeletedList.userChoiced,
+      setUserChoiced = _useUserDeletedList.setUserChoiced,
+      options = _useUserDeletedList.options,
+      teacherChangeId = _useUserDeletedList.teacherChangeId,
+      setTeacherChangeId = _useUserDeletedList.setTeacherChangeId,
+      resetData = _useUserDeletedList.resetData;
+
+  var choiceUser = function choiceUser(userChoiced) {
+    !!userChoiced && setUserChoiced(userChoiced);
+    openModal();
+  };
+
+  return React__default.createElement("div", {
+    className: "fadeIn animated"
+  }, React__default.createElement("h5", {
+    className: "mb-2"
+  }, header$3), React__default.createElement(reactstrap.Row, {
+    className: "my-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 8
+  }, React__default.createElement(marioCore.SearchBox, {
+    initValue: filters.searchString,
+    onSearch: function onSearch(searchString) {
+      return changeFilters({
+        searchString: searchString
+      });
+    },
+    placeholder: "Type something to search reflection result"
+  })), React__default.createElement(reactstrap.Col, {
+    md: 4,
+    className: "d-flex justify-content-end align-items-center"
+  }, "Total of users: ", totalItems)), React__default.createElement(reactstrap.Row, {
+    className: "mb-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 12
+  }, userList && userList.length > 0 ? React__default.createElement("div", null, React__default.createElement(reactstrap.Table, {
+    bordered: true,
+    hover: true,
+    striped: true,
+    responsive: true,
+    size: "sm"
+  }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
+    className: "align-top"
+  }, "Name"), React__default.createElement("th", {
+    className: "align-top"
+  }, "Email"), React__default.createElement("th", {
+    className: "align-top"
+  }, "Role"))), React__default.createElement("tbody", null, userList.map(function (record) {
+    return React__default.createElement("tr", {
+      key: record.id
+    }, React__default.createElement("td", {
+      className: "align-middle"
+    }, React__default.createElement(marioCore.LinkEditButton, {
+      label: "" + record.fullName,
+      onClick: function onClick() {
+        return choiceUser(record);
+      }
+    })), React__default.createElement("td", {
+      className: "align-middle"
+    }, record.email), React__default.createElement("td", {
+      className: "align-middle"
+    }, !!record.roles && record.roles.join(", ")));
+  })))) : React__default.createElement(marioCore.EmptyDataAlert, {
+    label: "user"
+  })), React__default.createElement(reactstrap.Col, {
+    md: 12
+  }, React__default.createElement(marioCore.CustomPagination, {
+    filters: filters,
+    totalRecordCount: totalItems,
+    changePageSize: function changePageSize(pageSize) {
+      return changeFilters({
+        pageSize: pageSize
+      });
+    },
+    changePage: function changePage(currentPage) {
+      return changeFilters({
+        currentPage: currentPage
+      });
+    }
+  }))), React__default.createElement(UserDeletedModal$1, {
+    ref: modal,
+    header: userChoiced.fullName,
+    onCancel: function onCancel() {},
+    userChoiced: userChoiced,
+    removeData: removeData,
+    options: options,
+    teacherChangeId: teacherChangeId,
+    setTeacherChangeId: setTeacherChangeId,
+    resetData: resetData
+  }));
+};
+
+var initialUserChoice$1 = {
+  id: "",
+  studentName: "",
+  emailStudent: "",
+  teacherUserId: "",
+  emailTeacher: "",
+  teacherName: ""
+};
+var TITLE$c = "Switch teacher list";
+
+var useSwitchTeacher = function useSwitchTeacher() {
+  var _useState = React.useState([]),
+      teacherList = _useState[0],
+      setTeacherList = _useState[1];
+
+  var _useState2 = React.useState([]),
+      userList = _useState2[0],
+      setUserList = _useState2[1];
+
+  var _useState3 = React.useState(0),
+      totalItems = _useState3[0],
+      setTotalItems = _useState3[1];
+
+  var _useFilters = marioCore.useFilters(),
+      filters = _useFilters.filters,
+      changeFilters = _useFilters.changeFilters;
+
+  var _useState4 = React.useState(initialUserChoice$1),
+      userChoiced = _useState4[0],
+      setUserChoiced = _useState4[1];
+
+  var _useState5 = React.useState(""),
+      teacherChangeId = _useState5[0],
+      setTeacherChangeId = _useState5[1];
+
+  var dispatch = reactRedux.useDispatch();
+  var modal = React.useRef();
+
+  var openModal = function openModal() {
+    modal && modal.current && modal.current.toggle();
+  };
+
+  var getData = React.useCallback(function () {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(getStudentAll(filters)).then(function (res) {
+          var _res$data = res.data,
+              items = _res$data.items,
+              totalItems = _res$data.totalItems;
+          setUserList(items);
+          setTotalItems(totalItems);
+        });
+      }, function (err) {
+        var _err$response, _err$response$data;
+
+        dispatch(marioCore.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(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [dispatch, filters]);
+  var options = React.useMemo(function () {
+    return teacherList.map(function (record) {
+      return {
+        label: record.name + " - " + record.email,
+        value: record.id
+      };
+    });
+  }, [teacherList]);
+
+  var resetData = function resetData() {
+    setTeacherChangeId("");
+    setUserChoiced(initialUserChoice$1);
+  };
+
+  React.useEffect(function () {
+    document.title = TITLE$c;
+  }, []);
+  React.useEffect(function () {
+    getAllTeacher();
+  }, [modal]);
+
+  var getAllTeacher = function getAllTeacher() {
+    try {
+      var _temp6 = _catch(function () {
+        return Promise.resolve(getTeacher()).then(function (res) {
+          setTeacherList(res.data);
+        });
+      }, function (err) {
+        var _err$response2, _err$response2$data;
+
+        dispatch(marioCore.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(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var removeData = function removeData(teacherUserId, studentId) {
+    try {
+      dispatch(marioCore.setModal({
+        isOpen: true,
+        type: "warning",
+        message: "Do you want to change teacher?",
+        onConfirm: function () {
+          try {
+            var _temp9 = function _temp9() {
+              dispatch(marioCore.setLoading(false));
+            };
+
+            dispatch(marioCore.setLoading(true));
+
+            var _temp10 = _catch(function () {
+              return Promise.resolve(changeTeacherOfStudent(studentId, teacherUserId)).then(function () {
+                dispatch(marioCore.setAlert({
+                  type: "success",
+                  message: "Change teacher successfully"
+                }));
+                openModal();
+                resetData();
+                changeFilters({
+                  currentPage: 1
+                });
+              });
+            }, function (err) {
+              var _err$response3, _err$response3$data;
+
+              dispatch(marioCore.setAlert({
+                type: "danger",
+                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(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        }
+      }));
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  React.useEffect(function () {
+    getData();
+  }, [filters]);
+  return {
+    userList: userList,
+    totalItems: totalItems,
+    filters: filters,
+    getData: getData,
+    changeFilters: changeFilters,
+    modal: modal,
+    openModal: openModal,
+    teacherList: teacherList,
+    options: options,
+    setUserChoiced: setUserChoiced,
+    userChoiced: userChoiced,
+    setTeacherChangeId: setTeacherChangeId,
+    teacherChangeId: teacherChangeId,
+    removeData: removeData,
+    resetData: resetData
+  };
+};
+
+var SwitchTeacherModal = function SwitchTeacherModal(props, ref) {
+  var header = props.header,
+      removeData = props.removeData,
+      resetData = props.resetData,
+      userChoiced = props.userChoiced,
+      options = props.options,
+      teacherChangeId = props.teacherChangeId,
+      setTeacherChangeId = props.setTeacherChangeId;
+  var valueDefault = options === null || options === void 0 ? void 0 : options.find(function (item) {
+    return item.value == teacherChangeId;
+  });
+  return React__default.createElement(marioCore.CommonModal, {
+    header: header,
+    ref: ref,
+    confirmText: "Change Save",
+    onConfirm: function onConfirm() {
+      return removeData(teacherChangeId, userChoiced.id);
+    },
+    onCancel: function onCancel() {
+      resetData();
+    }
+  }, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
+    md: 12,
+    className: "mb-2"
+  }, React__default.createElement("p", {
+    className: "font-weight-bold"
+  }, "Student Name"), React__default.createElement("p", null, userChoiced.studentName, " "), React__default.createElement("p", {
+    className: "font-weight-bold"
+  }, "Student Email"), React__default.createElement("p", null, userChoiced.emailStudent, " "), React__default.createElement("p", {
+    className: "font-weight-bold"
+  }, "Current Teacher Name"), React__default.createElement("p", null, userChoiced.teacherName, " "), React__default.createElement("p", {
+    className: "font-weight-bold"
+  }, "Current Teacher Email"), React__default.createElement("p", null, userChoiced.emailTeacher, " "), !!userChoiced && React__default.createElement(marioCore.CustomSelector, {
+    options: options,
+    value: valueDefault,
+    placeholder: "Select teacher change",
+    onChange: function onChange(e) {
+      return setTeacherChangeId(e.value);
+    }
+  }))));
+};
+
+var SwitchTeacherModal$1 = React.forwardRef(SwitchTeacherModal);
+
+var header$4 = "List Students";
+
+var SwitchTeacherList = function SwitchTeacherList() {
+  var _useSwitchTeacher = useSwitchTeacher(),
+      userList = _useSwitchTeacher.userList,
+      totalItems = _useSwitchTeacher.totalItems,
+      filters = _useSwitchTeacher.filters,
+      changeFilters = _useSwitchTeacher.changeFilters,
+      openModal = _useSwitchTeacher.openModal,
+      modal = _useSwitchTeacher.modal,
+      setUserChoiced = _useSwitchTeacher.setUserChoiced,
+      userChoiced = _useSwitchTeacher.userChoiced,
+      options = _useSwitchTeacher.options,
+      setTeacherChangeId = _useSwitchTeacher.setTeacherChangeId,
+      teacherChangeId = _useSwitchTeacher.teacherChangeId,
+      removeData = _useSwitchTeacher.removeData,
+      resetData = _useSwitchTeacher.resetData;
+
+  var choiceUser = function choiceUser(userChoiced) {
+    !!userChoiced && setUserChoiced(userChoiced);
+    setTeacherChangeId(userChoiced.teacherUserId);
+    openModal();
+  };
+
+  return React__default.createElement("div", {
+    className: "fadeIn animated"
+  }, React__default.createElement("h5", {
+    className: "mt-4 mb-2"
+  }, header$4), React__default.createElement(reactstrap.Row, {
+    className: "my-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 8
+  }, React__default.createElement(marioCore.SearchBox, {
+    initValue: filters.searchString,
+    onSearch: function onSearch(searchString) {
+      return changeFilters({
+        searchString: searchString
+      });
+    },
+    placeholder: "Type something to search reflection result"
+  })), React__default.createElement(reactstrap.Col, {
+    md: 4,
+    className: "d-flex justify-content-end align-items-center"
+  }, "Total of users: ", totalItems)), React__default.createElement(reactstrap.Row, {
+    className: "mb-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 12
+  }, userList && userList.length > 0 ? React__default.createElement("div", null, React__default.createElement(reactstrap.Table, {
+    bordered: true,
+    hover: true,
+    striped: true,
+    responsive: true,
+    size: "sm"
+  }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
+    className: "align-top"
+  }, "Student Name"), React__default.createElement("th", {
+    className: "align-top"
+  }, "Student Email"), React__default.createElement("th", {
+    className: "align-top"
+  }, "Current Teacher Name"), React__default.createElement("th", {
+    className: "align-top"
+  }, "Current Teacher Email"))), React__default.createElement("tbody", null, !!userList && userList.length > 0 && userList.map(function (record) {
+    return React__default.createElement("tr", {
+      key: record.id
+    }, React__default.createElement("td", {
+      className: "align-middle"
+    }, React__default.createElement(marioCore.LinkEditButton, {
+      label: "" + record.studentName,
+      onClick: function onClick() {
+        return choiceUser(record);
+      }
+    })), React__default.createElement("td", {
+      className: "align-middle"
+    }, record.emailStudent), React__default.createElement("td", {
+      className: "align-middle"
+    }, record.teacherName), React__default.createElement("td", {
+      className: "align-middle"
+    }, record.emailTeacher));
+  })))) : React__default.createElement(marioCore.EmptyDataAlert, {
+    label: "user"
+  })), React__default.createElement(reactstrap.Col, {
+    md: 12
+  }, React__default.createElement(marioCore.CustomPagination, {
+    filters: filters,
+    totalRecordCount: totalItems,
+    changePageSize: function changePageSize(pageSize) {
+      return changeFilters({
+        pageSize: pageSize
+      });
+    },
+    changePage: function changePage(currentPage) {
+      return changeFilters({
+        currentPage: currentPage
+      });
+    }
+  }))), React__default.createElement(SwitchTeacherModal$1, {
+    ref: modal,
+    header: "Switch Teacher",
+    onCancel: function onCancel() {},
+    userChoiced: userChoiced,
+    removeData: removeData,
+    options: options,
+    teacherChangeId: teacherChangeId,
+    setTeacherChangeId: setTeacherChangeId,
+    resetData: resetData
+  }));
+};
+
+var USER_URL$1 = marioCore.BASE_URL + "/api/User";
+var getStudentAssistant = function getStudentAssistant(data) {
+  return marioCore.api.get(USER_URL$1 + "/studentAssistant/", {
+    params: data
+  });
+};
+var getAssistant = function getAssistant() {
+  return marioCore.api.get(USER_URL$1 + "/assistants");
+};
+var changeAssistantOfStudent = function changeAssistantOfStudent(id, assistantUserId) {
+  return marioCore.api.put(USER_URL$1 + "/change-assistant/" + id, {
+    assistantUserId: assistantUserId
+  });
+};
+
+var INITIAL_USER_CHOICE = {
+  id: 0,
+  emailStudent: "",
+  studentName: "",
+  assistantId: "",
+  emailAssistant: "",
+  assistantName: ""
+};
+
+var TITLE$d = "Switch assistant list";
+
+var useSwitchAssistant = function useSwitchAssistant() {
+  var modal = React.useRef();
+  var dispatch = reactRedux.useDispatch();
+
+  var _useState = React.useState([]),
+      assistantList = _useState[0],
+      setAssistantList = _useState[1];
+
+  var _useState2 = React.useState([]),
+      userList = _useState2[0],
+      setUserList = _useState2[1];
+
+  var _useState3 = React.useState(0),
+      totalItems = _useState3[0],
+      setTotalItems = _useState3[1];
+
+  var _useFilters = marioCore.useFilters(),
+      filters = _useFilters.filters,
+      changeFilters = _useFilters.changeFilters;
+
+  var _useState4 = React.useState(INITIAL_USER_CHOICE),
+      userChoiced = _useState4[0],
+      setUserChoiced = _useState4[1];
+
+  var _useState5 = React.useState(""),
+      assistantChangeId = _useState5[0],
+      setAssistantChangeId = _useState5[1];
+
+  var getStudentAssistantData = React.useCallback(function () {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+      console.log(filters);
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(getStudentAssistant(filters)).then(function (res) {
+          var _res$data = res.data,
+              items = _res$data.items,
+              totalItems = _res$data.totalItems;
+          setUserList(items);
+          setTotalItems(totalItems);
+        });
+      }, function (err) {
+        var _err$response, _err$response$data;
+
+        dispatch(marioCore.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(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [dispatch, filters]);
+
+  var getAllAssistant = function getAllAssistant() {
+    try {
+      var _temp6 = _catch(function () {
+        return Promise.resolve(getAssistant()).then(function (res) {
+          setAssistantList(res.data);
+        });
+      }, function (err) {
+        var _err$response2, _err$response2$data;
+
+        dispatch(marioCore.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(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var options = React.useMemo(function () {
+    return assistantList.map(function (record) {
+      return {
+        label: record.name + " - " + record.email,
+        value: record.id
+      };
+    });
+  }, [assistantList]);
 
   var openModal = function openModal() {
     modal && modal.current && modal.current.toggle();
   };
 
   var resetData = function resetData() {
-    setTeacherChangeId("");
-    setUserChoiced(initialUserChoice);
+    setAssistantChangeId("");
+    setUserChoiced(INITIAL_USER_CHOICE);
   };
 
-  var getData = React.useCallback(function () {
+  var choiceUser = function choiceUser(userChoiced) {
+    !!userChoiced && setUserChoiced(userChoiced);
+    setAssistantChangeId(userChoiced.assistantId);
+    openModal();
+  };
+
+  var removeData = function removeData(teacherUserId, studentId) {
     try {
-      var _temp3 = function _temp3() {
-        dispatch(marioCore.setLoading(false));
-      };
+      dispatch(marioCore.setModal({
+        isOpen: true,
+        type: "warning",
+        message: "Do you want to change assistant?",
+        onConfirm: function () {
+          try {
+            var _temp9 = function _temp9() {
+              dispatch(marioCore.setLoading(false));
+            };
 
-      dispatch(marioCore.setLoading(true));
+            dispatch(marioCore.setLoading(true));
 
-      var _temp4 = _catch(function () {
-        return Promise.resolve(get$d(filters)).then(function (res) {
-          var _res$data = res.data,
-              items = _res$data.items,
-              totalItems = _res$data.totalItems;
-          setUserList(items);
-          setTotalItems(totalItems);
-        });
-      }, function (err) {
-        var _err$response, _err$response$data;
+            var _temp10 = _catch(function () {
+              return Promise.resolve(changeAssistantOfStudent(studentId, teacherUserId)).then(function () {
+                dispatch(marioCore.setAlert({
+                  type: "success",
+                  message: "Change assistant successfully"
+                }));
+                openModal();
+                resetData();
+                changeFilters({
+                  currentPage: 1
+                });
+              });
+            }, function (err) {
+              var _err$response3, _err$response3$data;
 
-        dispatch(marioCore.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
-        }));
-      });
+              dispatch(marioCore.setAlert({
+                type: "danger",
+                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(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+            return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        }
+      }));
+      return Promise.resolve();
     } catch (e) {
       return Promise.reject(e);
     }
-  }, [dispatch, filters]);
+  };
+
   React.useEffect(function () {
-    document.title = TITLE$b;
+    document.title = TITLE$d;
   }, []);
   React.useEffect(function () {
-    getData();
+    getAllAssistant();
+  }, [modal]);
+  React.useEffect(function () {
+    getStudentAssistantData();
   }, [filters]);
-  var removeData = React.useCallback(function (id) {
-    dispatch(marioCore.setModal({
-      isOpen: true,
-      type: "warning",
-      message: "Do you want to remove this user?",
-      onConfirm: function () {
-        try {
-          var _temp9 = function _temp9() {
-            dispatch(marioCore.setLoading(false));
-          };
-
-          dispatch(marioCore.setLoading(true));
-
-          var _temp10 = _catch(function () {
-            function _temp6() {
-              dispatch(marioCore.setAlert({
-                type: "success",
-                message: "Remove user successfully"
-              }));
-              openModal();
-              resetData();
-              changeFilters({
-                currentPage: 1
-              });
-            }
-
-            var _temp5 = function () {
-              if (userChoiced.roles.includes("Teacher")) {
-                return Promise.resolve(remove$c(id, teacherChangeId)).then(function () {});
-              } else {
-                return Promise.resolve(remove$c(id)).then(function () {});
-              }
-            }();
-
-            return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
-          }, function (err) {
-            var _err$response2, _err$response2$data;
-
-            dispatch(marioCore.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(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
-        } catch (e) {
-          return Promise.reject(e);
-        }
-      }
-    }));
-  }, [filters, teacherChangeId, userChoiced]);
   return {
     userList: userList,
     totalItems: totalItems,
     filters: filters,
-    getData: getData,
-    removeData: removeData,
     changeFilters: changeFilters,
     modal: modal,
-    openModal: openModal,
     userChoiced: userChoiced,
-    setUserChoiced: setUserChoiced,
     options: options,
-    teacherChangeId: teacherChangeId,
-    setTeacherChangeId: setTeacherChangeId,
-    resetData: resetData
+    setAssistantChangeId: setAssistantChangeId,
+    assistantChangeId: assistantChangeId,
+    removeData: removeData,
+    resetData: resetData,
+    choiceUser: choiceUser
   };
 };
 
-var UserDeletedModal = function UserDeletedModal(props, ref) {
-  var header = props.header,
-      removeData = props.removeData,
-      resetData = props.resetData,
-      userChoiced = props.userChoiced,
-      options = props.options,
-      teacherChangeId = props.teacherChangeId,
-      setTeacherChangeId = props.setTeacherChangeId;
-  console.log({
-    hags: userChoiced.id
+var SwitchAssistantModal = function SwitchAssistantModal(_ref, ref) {
+  var header = _ref.header,
+      removeData = _ref.removeData,
+      resetData = _ref.resetData,
+      userChoiced = _ref.userChoiced,
+      options = _ref.options,
+      assistantChangeId = _ref.assistantChangeId,
+      setAssistantChangeId = _ref.setAssistantChangeId;
+  var valueDefault = options === null || options === void 0 ? void 0 : options.find(function (item) {
+    return item.value == assistantChangeId;
   });
-
-  var getFile = function getFile() {
-    var url = window.location.origin + "/api/ExportDataUser/" + userChoiced.id;
-    window.open(url);
-  };
-
   return React__default.createElement(marioCore.CommonModal, {
     header: header,
     ref: ref,
+    confirmText: "Change Save",
+    onConfirm: function onConfirm() {
+      return removeData(assistantChangeId, userChoiced.id);
+    },
     onCancel: function onCancel() {
       resetData();
     }
   }, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
     md: 12,
     className: "mb-2"
-  }, React__default.createElement("p", null, "Export user data"), React__default.createElement("div", {
-    className: "pb-3"
-  }, React__default.createElement(reactstrap.Button, {
-    color: "success",
-    onClick: function onClick() {
-      getFile();
-    }
-  }, "Download user's data")), React__default.createElement("p", null, "Delete user"), !!userChoiced && React__default.createElement("div", null, userChoiced.roles.includes("Student") && React__default.createElement("div", null, React__default.createElement(reactstrap.Alert, {
-    color: "danger"
-  }, "All data of this user will be permanently deleted from the system. Please export before continuing"), React__default.createElement(reactstrap.Button, {
-    color: "danger",
-    onClick: function onClick() {
-      return removeData(userChoiced.id);
-    }
-  }, "Delete user")), userChoiced.roles.includes("Admin") && React__default.createElement("div", null, React__default.createElement(reactstrap.Alert, {
-    color: "danger"
-  }, "All data of this user will be permanently deleted from the system. Please export before continuing"), React__default.createElement(reactstrap.Button, {
-    color: "danger",
-    onClick: function onClick() {
-      return removeData(userChoiced.id);
-    }
-  }, "Delete user")), userChoiced.roles.includes("Teacher") && React__default.createElement("div", null, React__default.createElement(reactstrap.Alert, {
-    color: "warning"
-  }, "A teacher must be selected before deleting this teacher. We will transfer the entire class and students to this teacher before deleting all of this teacher's data."), React__default.createElement(marioCore.CustomSelector, {
+  }, React__default.createElement("p", {
+    className: "font-weight-bold"
+  }, "Student Name"), React__default.createElement("p", null, userChoiced.studentName, " "), React__default.createElement("p", {
+    className: "font-weight-bold"
+  }, "Student Email"), React__default.createElement("p", null, userChoiced.emailStudent), React__default.createElement("p", {
+    className: "font-weight-bold"
+  }, "Current Assistant Name"), React__default.createElement("p", null, userChoiced.assistantName), React__default.createElement("p", {
+    className: "font-weight-bold"
+  }, "Current Assistant Email"), React__default.createElement("p", null, userChoiced.emailAssistant), !!userChoiced && React__default.createElement(marioCore.CustomSelector, {
     options: options,
-    defaultValue: teacherChangeId,
-    placeholder: "Select teacher change",
+    value: valueDefault,
+    placeholder: "Select Assistant change",
     onChange: function onChange(e) {
-      return setTeacherChangeId(e.value);
-    }
-  }), !!teacherChangeId && React__default.createElement("div", {
-    className: "mt-2"
-  }, React__default.createElement(reactstrap.Alert, {
-    color: "danger"
-  }, "All data of this user will be permanently deleted from the system. Please export before continuing"), React__default.createElement(reactstrap.Button, {
-    color: "danger",
-    onClick: function onClick() {
-      return removeData(userChoiced.id);
-    }
-  }, "Delete user"))), userChoiced.roles.includes("Parent") && React__default.createElement("div", null, React__default.createElement(reactstrap.Alert, {
-    color: "danger"
-  }, "All data of this user will be permanently deleted from the system. Please export before continuing"), React__default.createElement(reactstrap.Button, {
-    color: "danger",
-    onClick: function onClick() {
-      return removeData(userChoiced.id);
+      return setAssistantChangeId(e.value);
     }
-  }, "Delete user"))))));
+  }))));
 };
 
-var UserDeletedModal$1 = React.forwardRef(UserDeletedModal);
-
-var header$3 = "User deleted";
+var SwitchAssistantModal$1 = React.forwardRef(SwitchAssistantModal);
 
-var UserList = function UserList() {
-  var _useUserDeletedList = useUserDeletedList(),
-      userList = _useUserDeletedList.userList,
-      totalItems = _useUserDeletedList.totalItems,
-      filters = _useUserDeletedList.filters,
-      changeFilters = _useUserDeletedList.changeFilters,
-      removeData = _useUserDeletedList.removeData,
-      openModal = _useUserDeletedList.openModal,
-      modal = _useUserDeletedList.modal,
-      userChoiced = _useUserDeletedList.userChoiced,
-      setUserChoiced = _useUserDeletedList.setUserChoiced,
-      options = _useUserDeletedList.options,
-      teacherChangeId = _useUserDeletedList.teacherChangeId,
-      setTeacherChangeId = _useUserDeletedList.setTeacherChangeId,
-      resetData = _useUserDeletedList.resetData;
+var header$5 = "List Students";
 
-  var choiceUser = function choiceUser(userChoiced) {
-    !!userChoiced && setUserChoiced(userChoiced);
-    openModal();
-  };
+var SwitchAssistantList = function SwitchAssistantList() {
+  var _useSwitchTeacher = useSwitchAssistant(),
+      userList = _useSwitchTeacher.userList,
+      totalItems = _useSwitchTeacher.totalItems,
+      filters = _useSwitchTeacher.filters,
+      changeFilters = _useSwitchTeacher.changeFilters,
+      modal = _useSwitchTeacher.modal,
+      userChoiced = _useSwitchTeacher.userChoiced,
+      options = _useSwitchTeacher.options,
+      setAssistantChangeId = _useSwitchTeacher.setAssistantChangeId,
+      assistantChangeId = _useSwitchTeacher.assistantChangeId,
+      removeData = _useSwitchTeacher.removeData,
+      resetData = _useSwitchTeacher.resetData,
+      choiceUser = _useSwitchTeacher.choiceUser;
 
   return React__default.createElement("div", {
     className: "fadeIn animated"
   }, React__default.createElement("h5", {
-    className: "mb-2"
-  }, header$3), React__default.createElement(reactstrap.Row, {
+    className: "mt-4 mb-2"
+  }, header$5), React__default.createElement(reactstrap.Row, {
     className: "my-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 8
@@ -7839,25 +8666,29 @@ var UserList = function UserList() {
     size: "sm"
   }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
     className: "align-top"
-  }, "Name"), React__default.createElement("th", {
+  }, "Student Name"), React__default.createElement("th", {
     className: "align-top"
-  }, "Email"), React__default.createElement("th", {
+  }, "Student Email"), React__default.createElement("th", {
     className: "align-top"
-  }, "Role"))), React__default.createElement("tbody", null, userList.map(function (record) {
+  }, "Current Assistant Name"), React__default.createElement("th", {
+    className: "align-top"
+  }, "Current Assistant Email"))), React__default.createElement("tbody", null, !!userList && userList.length > 0 && userList.map(function (record) {
     return React__default.createElement("tr", {
       key: record.id
     }, React__default.createElement("td", {
       className: "align-middle"
     }, React__default.createElement(marioCore.LinkEditButton, {
-      label: "" + record.fullName,
+      label: "" + record.studentName,
       onClick: function onClick() {
         return choiceUser(record);
       }
     })), React__default.createElement("td", {
       className: "align-middle"
-    }, record.email), React__default.createElement("td", {
+    }, record.emailStudent), React__default.createElement("td", {
       className: "align-middle"
-    }, !!record.roles && record.roles.join(", ")));
+    }, record.assistantName), React__default.createElement("td", {
+      className: "align-middle"
+    }, record.emailAssistant));
   })))) : React__default.createElement(marioCore.EmptyDataAlert, {
     label: "user"
   })), React__default.createElement(reactstrap.Col, {
@@ -7875,15 +8706,14 @@ var UserList = function UserList() {
         currentPage: currentPage
       });
     }
-  }))), React__default.createElement(UserDeletedModal$1, {
+  }))), React__default.createElement(SwitchAssistantModal$1, {
     ref: modal,
-    header: userChoiced.fullName,
-    onCancel: function onCancel() {},
+    header: "Switch Assistant",
     userChoiced: userChoiced,
     removeData: removeData,
     options: options,
-    teacherChangeId: teacherChangeId,
-    setTeacherChangeId: setTeacherChangeId,
+    assistantChangeId: assistantChangeId,
+    setAssistantChangeId: setAssistantChangeId,
     resetData: resetData
   }));
 };
@@ -7936,6 +8766,14 @@ var tabs = [{
   path: "/admin/set-up/userDeleted",
   title: "User deleted",
   component: UserList
+}, {
+  path: "/admin/set-up/switch-teacher",
+  title: "Switch Teacher",
+  component: SwitchTeacherList
+}, {
+  path: "/admin/set-up/switch-assistant",
+  title: "Switch assistant",
+  component: SwitchAssistantList
 }];
 var title$1 = "Set up";
 
@@ -8129,7 +8967,7 @@ var renderType = function renderType(params) {
 
 var QUESTION_URL$1 = "/admin/question-bank";
 var CREATE_QUESTION_URL = "/admin/create-question";
-var TITLE$c = "Question list";
+var TITLE$e = "Question list";
 
 var useQuestionList = function useQuestionList(isDefaultQuestion, isDefaultQuestionGeneralClass) {
   var history = reactRouterDom.useHistory();
@@ -8284,7 +9122,7 @@ var useQuestionList = function useQuestionList(isDefaultQuestion, isDefaultQuest
     history.push(url);
   }, []);
   React.useEffect(function () {
-    document.title = TITLE$c;
+    document.title = TITLE$e;
   }, []);
   React.useEffect(function () {
     getData();
@@ -8916,7 +9754,7 @@ var useReflectionFormDetail = function useReflectionFormDetail() {
   };
 };
 
-var TITLE$d = "Reflection form list";
+var TITLE$f = "Reflection form list";
 
 var useReflectionFormList = function useReflectionFormList() {
   var reflectionList = reactRedux.useSelector(function (state) {
@@ -9006,7 +9844,7 @@ var useReflectionFormList = function useReflectionFormList() {
     }
   }, [dispatch]);
   React.useEffect(function () {
-    document.title = TITLE$d;
+    document.title = TITLE$f;
   }, []);
   React.useEffect(function () {
     getData();
@@ -10069,7 +10907,7 @@ var initValue$e = {
   isMandatory: false,
   isBeforeSession: false
 };
-var TITLE$e = "Question detail";
+var TITLE$g = "Question detail";
 
 var useQuestionDetail = function useQuestionDetail(id) {
   var editorRef;
@@ -10095,7 +10933,7 @@ var useQuestionDetail = function useQuestionDetail(id) {
   };
 
   React.useEffect(function () {
-    document.title = TITLE$e;
+    document.title = TITLE$g;
     setEdited(false);
     if (!!localStorage.getItem(window.location.href)) localStorage.removeItem(window.location.href);
   }, []);
@@ -10759,7 +11597,7 @@ var useAssessmentDetail = function useAssessmentDetail() {
   };
 };
 
-var TITLE$f = "Assessment list";
+var TITLE$h = "Assessment list";
 
 var useAssessmentList = function useAssessmentList() {
   var assessmentList = reactRedux.useSelector(function (state) {
@@ -10842,7 +11680,7 @@ var useAssessmentList = function useAssessmentList() {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$f;
+    document.title = TITLE$h;
   }, []);
   React.useEffect(function () {
     getData();
@@ -11294,7 +12132,7 @@ var useFeedbackDetail = function useFeedbackDetail() {
   };
 };
 
-var TITLE$g = "Feedback list";
+var TITLE$i = "Feedback list";
 
 var useFeedbackList = function useFeedbackList() {
   var feedbackList = reactRedux.useSelector(function (state) {
@@ -11346,7 +12184,7 @@ var useFeedbackList = function useFeedbackList() {
     }
   }, [dispatch, filters]);
   React.useEffect(function () {
-    document.title = TITLE$g;
+    document.title = TITLE$i;
   }, []);
   React.useEffect(function () {
     getData();
@@ -11360,7 +12198,7 @@ var useFeedbackList = function useFeedbackList() {
   };
 };
 
-var header$4 = "Feedback";
+var header$6 = "Feedback";
 
 var FeedbackList = function FeedbackList() {
   var history = reactRouterDom.useHistory();
@@ -11389,7 +12227,7 @@ var FeedbackList = function FeedbackList() {
     feedbackDetail: feedbackDetail
   }), React__default.createElement("h5", {
     className: "mb-2"
-  }, header$4), React__default.createElement(reactstrap.Row, {
+  }, header$6), React__default.createElement(reactstrap.Row, {
     className: "my-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 8,
@@ -11687,7 +12525,7 @@ var useTutorialScreenDetail = function useTutorialScreenDetail(typeRole) {
   };
 };
 
-var TITLE$h = "Tutorial screen list";
+var TITLE$j = "Tutorial screen list";
 
 var useTutorialScreenList = function useTutorialScreenList(typeRole) {
   var tutorialScreenList = reactRedux.useSelector(function (state) {
@@ -11772,7 +12610,7 @@ var useTutorialScreenList = function useTutorialScreenList(typeRole) {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$h;
+    document.title = TITLE$j;
   }, []);
   React.useEffect(function () {
     getData();
@@ -12148,7 +12986,7 @@ var useQuestionCateDetail = function useQuestionCateDetail() {
   };
 };
 
-var TITLE$i = "Question category list";
+var TITLE$k = "Question category list";
 
 var useQuestionCateList = function useQuestionCateList() {
   var questionCateList = reactRedux.useSelector(function (state) {
@@ -12231,7 +13069,7 @@ var useQuestionCateList = function useQuestionCateList() {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$i;
+    document.title = TITLE$k;
   }, []);
   React.useEffect(function () {
     getData();
@@ -12982,7 +13820,7 @@ var useAssignmentDetail = function useAssignmentDetail() {
   };
 };
 
-var TITLE$j = "Assignment list";
+var TITLE$l = "Assignment list";
 
 var useAssignmentList = function useAssignmentList() {
   var assignmentList = reactRedux.useSelector(function (state) {
@@ -13079,7 +13917,7 @@ var useAssignmentList = function useAssignmentList() {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$j;
+    document.title = TITLE$l;
   }, []);
   React.useEffect(function () {
     getData();
@@ -13529,7 +14367,7 @@ var getRandomQuestion = function getRandomQuestion(data) {
   return marioCore.api.post(QUESTION_URL$2 + "/random", data);
 };
 
-var TITLE$k = "Session template list";
+var TITLE$m = "Session template list";
 var SESSION_TEMPLATE_URL$1 = "/admin/session-template-learning-support";
 var CREATE_TEMPLATE_URL = "/admin/create-session-template-learning-support";
 
@@ -13633,7 +14471,7 @@ var useSessionTemplateList = function useSessionTemplateList() {
     history.push(url);
   }, []);
   React.useEffect(function () {
-    document.title = TITLE$k;
+    document.title = TITLE$m;
   }, []);
   React.useEffect(function () {
     getData();
@@ -13780,7 +14618,7 @@ var remove$j = function remove(id) {
   return marioCore.api["delete"](SESSION_TEMPLATE_GENERAL_CLASS_URL + "/" + id);
 };
 
-var TITLE$l = "Session template general class list";
+var TITLE$n = "Session template general class list";
 var SESSION_TEMPLATE_GENERAL_CLASS_URL$1 = "/admin/session-template/general-class";
 var CREATE_TEMPLATE_GENERAL_CLASS_URL = "/admin/create-session-template-general-class";
 
@@ -13870,7 +14708,7 @@ var useSessionTemplateGeneralClassList = function useSessionTemplateGeneralClass
     history.push(url);
   }, []);
   React.useEffect(function () {
-    document.title = TITLE$l;
+    document.title = TITLE$n;
   }, []);
   React.useEffect(function () {
     getData();
@@ -15859,7 +16697,7 @@ var useCustomAlertDetail = function useCustomAlertDetail() {
   };
 };
 
-var TITLE$m = "Custom alert list";
+var TITLE$o = "Custom alert list";
 
 var useCustomAlertList = function useCustomAlertList() {
   var customAlertList = reactRedux.useSelector(function (state) {
@@ -15947,7 +16785,7 @@ var useCustomAlertList = function useCustomAlertList() {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$m;
+    document.title = TITLE$o;
   }, []);
   React.useEffect(function () {
     getData();
@@ -15962,7 +16800,7 @@ var useCustomAlertList = function useCustomAlertList() {
   };
 };
 
-var header$5 = "Custom alert";
+var header$7 = "Custom alert";
 
 var CustomAlertList = function CustomAlertList() {
   var modal = React.useRef();
@@ -16030,7 +16868,7 @@ var CustomAlertList = function CustomAlertList() {
     when: edited
   }), React__default.createElement("h5", {
     className: "mb-2"
-  }, header$5), React__default.createElement(reactstrap.Row, {
+  }, header$7), React__default.createElement(reactstrap.Row, {
     className: "my-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 4
@@ -16589,7 +17427,7 @@ var useCertificateDetail = function useCertificateDetail() {
   };
 };
 
-var TITLE$n = "Certificate list";
+var TITLE$p = "Certificate list";
 
 var useCertificateList = function useCertificateList() {
   var certificateList = reactRedux.useSelector(function (state) {
@@ -16672,7 +17510,7 @@ var useCertificateList = function useCertificateList() {
     dispatch(marioCore.setLoading(false));
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$n;
+    document.title = TITLE$p;
   }, []);
   React.useEffect(function () {
     getData();
@@ -16687,7 +17525,7 @@ var useCertificateList = function useCertificateList() {
   };
 };
 
-var header$6 = "Certificate";
+var header$8 = "Certificate";
 
 var CertificateList = function CertificateList() {
   var modal = React.useRef();
@@ -16746,7 +17584,7 @@ var CertificateList = function CertificateList() {
     when: edited
   }), React__default.createElement("h5", {
     className: "mb-2"
-  }, header$6), React__default.createElement(reactstrap.Row, {
+  }, header$8), React__default.createElement(reactstrap.Row, {
     className: "my-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 4
@@ -16820,7 +17658,7 @@ var CertificateList = function CertificateList() {
   }))));
 };
 
-var TITLE$o = "Certificate list";
+var TITLE$q = "Certificate list";
 
 var useCertificateList$1 = function useCertificateList() {
   var dispatch = reactRedux.useDispatch();
@@ -16908,7 +17746,7 @@ var useCertificateList$1 = function useCertificateList() {
     }
   }, [listWaiting]);
   React.useEffect(function () {
-    document.title = TITLE$o;
+    document.title = TITLE$q;
     getListWaiting();
     getListApproved();
   }, []);
@@ -17273,7 +18111,7 @@ var getGradeReport = function getGradeReport() {
   return marioCore.api.get(REPORT_URL + "/grade");
 };
 
-var TITLE$p = "Dashboard";
+var TITLE$r = "Dashboard";
 
 var useDashboard = function useDashboard() {
   var dispatch = reactRedux.useDispatch();
@@ -17325,7 +18163,7 @@ var useDashboard = function useDashboard() {
   }, []);
   var getData = React.useCallback(function () {
     try {
-      document.title = TITLE$p;
+      document.title = TITLE$r;
       dispatch(marioCore.setLoading(true));
       return Promise.resolve(Promise.any([callApi(getLoginCountingReport, setLoginCounting, []), callApi(getQuantityReport, setQuantity, {}), callApi(getGoalProgressReport, setGoalProgress, []), callApi(getHighImpactLearningStrategyReport, setHighImpact, {}), callApi(getPerceivedImpactReport, setPerceivedImpact, []), callApi(getGradeReport, setGrade, {})])).then(function () {
         dispatch(marioCore.setLoading(false));