mario-education 2.4.2 → 2.4.3-beta

package/dist/index.modern.js

@@ -8240,7 +8240,15 @@ var SwitchTeacherModal = function SwitchTeacherModal(props, ref) {
   }, React.createElement(Row, null, React.createElement(Col, {
     md: 12,
     className: "mb-2"
-  }, React.createElement("p", null, "Student Name"), React.createElement("p", null, userChoiced.studentName, " "), React.createElement("p", null, "Student Email"), React.createElement("p", null, userChoiced.emailStudent, " "), React.createElement("p", null, "Current Teacher Name"), React.createElement("p", null, userChoiced.teacherName, " "), React.createElement("p", null, "Current Teacher Email"), React.createElement("p", null, userChoiced.emailTeacher, " "), !!userChoiced && React.createElement(CustomSelector, {
+  }, React.createElement("p", {
+    className: "font-weight-bold"
+  }, "Student Name"), React.createElement("p", null, userChoiced.studentName, " "), React.createElement("p", {
+    className: "font-weight-bold"
+  }, "Student Email"), React.createElement("p", null, userChoiced.emailStudent, " "), React.createElement("p", {
+    className: "font-weight-bold"
+  }, "Current Teacher Name"), React.createElement("p", null, userChoiced.teacherName, " "), React.createElement("p", {
+    className: "font-weight-bold"
+  }, "Current Teacher Email"), React.createElement("p", null, userChoiced.emailTeacher, " "), !!userChoiced && React.createElement(CustomSelector, {
     options: options,
     value: valueDefault,
     placeholder: "Select teacher change",
@@ -8360,6 +8368,353 @@ var SwitchTeacherList = function SwitchTeacherList() {
   }));
 };
 
+var USER_URL$1 = BASE_URL + "/api/User";
+var getStudentAssistant = function getStudentAssistant(data) {
+  return api.get(USER_URL$1 + "/studentAssistant/", {
+    params: data
+  });
+};
+var getAssistant = function getAssistant() {
+  return api.get(USER_URL$1 + "/assistants");
+};
+var changeAssistantOfStudent = function changeAssistantOfStudent(id, assistantUserId) {
+  return 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 = useRef();
+  var dispatch = useDispatch();
+
+  var _useState = useState([]),
+      assistantList = _useState[0],
+      setAssistantList = _useState[1];
+
+  var _useState2 = useState([]),
+      userList = _useState2[0],
+      setUserList = _useState2[1];
+
+  var _useState3 = useState(0),
+      totalItems = _useState3[0],
+      setTotalItems = _useState3[1];
+
+  var _useFilters = useFilters(),
+      filters = _useFilters.filters,
+      changeFilters = _useFilters.changeFilters;
+
+  var _useState4 = useState(INITIAL_USER_CHOICE),
+      userChoiced = _useState4[0],
+      setUserChoiced = _useState4[1];
+
+  var _useState5 = useState(""),
+      assistantChangeId = _useState5[0],
+      setAssistantChangeId = _useState5[1];
+
+  var getStudentAssistantData = useCallback(function () {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(setLoading(false));
+      };
+
+      dispatch(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(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(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 = 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() {
+    setAssistantChangeId("");
+    setUserChoiced(INITIAL_USER_CHOICE);
+  };
+
+  var choiceUser = function choiceUser(userChoiced) {
+    !!userChoiced && setUserChoiced(userChoiced);
+    setAssistantChangeId(userChoiced.assistantId);
+    openModal();
+  };
+
+  var removeData = function removeData(teacherUserId, studentId) {
+    try {
+      dispatch(setModal({
+        isOpen: true,
+        type: "warning",
+        message: "Do you want to change assistant?",
+        onConfirm: function () {
+          try {
+            var _temp9 = function _temp9() {
+              dispatch(setLoading(false));
+            };
+
+            dispatch(setLoading(true));
+
+            var _temp10 = _catch(function () {
+              return Promise.resolve(changeAssistantOfStudent(studentId, teacherUserId)).then(function () {
+                dispatch(setAlert({
+                  type: "success",
+                  message: "Change assistant successfully"
+                }));
+                openModal();
+                resetData();
+                changeFilters({
+                  currentPage: 1
+                });
+              });
+            }, function (err) {
+              var _err$response3, _err$response3$data;
+
+              dispatch(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);
+    }
+  };
+
+  useEffect(function () {
+    document.title = TITLE$d;
+  }, []);
+  useEffect(function () {
+    getAllAssistant();
+  }, [modal]);
+  useEffect(function () {
+    getStudentAssistantData();
+  }, [filters]);
+  return {
+    userList: userList,
+    totalItems: totalItems,
+    filters: filters,
+    changeFilters: changeFilters,
+    modal: modal,
+    userChoiced: userChoiced,
+    options: options,
+    setAssistantChangeId: setAssistantChangeId,
+    assistantChangeId: assistantChangeId,
+    removeData: removeData,
+    resetData: resetData,
+    choiceUser: choiceUser
+  };
+};
+
+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;
+  });
+  return React.createElement(CommonModal, {
+    header: header,
+    ref: ref,
+    confirmText: "Change Save",
+    onConfirm: function onConfirm() {
+      return removeData(assistantChangeId, userChoiced.id);
+    },
+    onCancel: function onCancel() {
+      resetData();
+    }
+  }, React.createElement(Row, null, React.createElement(Col, {
+    md: 12,
+    className: "mb-2"
+  }, React.createElement("p", {
+    className: "font-weight-bold"
+  }, "Student Name"), React.createElement("p", null, userChoiced.studentName, " "), React.createElement("p", {
+    className: "font-weight-bold"
+  }, "Student Email"), React.createElement("p", null, userChoiced.emailStudent), React.createElement("p", {
+    className: "font-weight-bold"
+  }, "Current Assistant Name"), React.createElement("p", null, userChoiced.assistantName), React.createElement("p", {
+    className: "font-weight-bold"
+  }, "Current Assistant Email"), React.createElement("p", null, userChoiced.emailAssistant), !!userChoiced && React.createElement(CustomSelector, {
+    options: options,
+    value: valueDefault,
+    placeholder: "Select Assistant change",
+    onChange: function onChange(e) {
+      return setAssistantChangeId(e.value);
+    }
+  }))));
+};
+
+var SwitchAssistantModal$1 = forwardRef(SwitchAssistantModal);
+
+var header$5 = "List Students";
+
+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.createElement("div", {
+    className: "fadeIn animated"
+  }, React.createElement("h5", {
+    className: "mt-4 mb-2"
+  }, header$5), React.createElement(Row, {
+    className: "my-2"
+  }, React.createElement(Col, {
+    md: 8
+  }, React.createElement(SearchBox, {
+    initValue: filters.searchString,
+    onSearch: function onSearch(searchString) {
+      return changeFilters({
+        searchString: searchString
+      });
+    },
+    placeholder: "Type something to search reflection result"
+  })), React.createElement(Col, {
+    md: 4,
+    className: "d-flex justify-content-end align-items-center"
+  }, "Total of users: ", totalItems)), React.createElement(Row, {
+    className: "mb-2"
+  }, React.createElement(Col, {
+    md: 12
+  }, userList && userList.length > 0 ? React.createElement("div", null, React.createElement(Table, {
+    bordered: true,
+    hover: true,
+    striped: true,
+    responsive: true,
+    size: "sm"
+  }, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
+    className: "align-top"
+  }, "Student Name"), React.createElement("th", {
+    className: "align-top"
+  }, "Student Email"), React.createElement("th", {
+    className: "align-top"
+  }, "Current Assistant Name"), React.createElement("th", {
+    className: "align-top"
+  }, "Current Assistant Email"))), React.createElement("tbody", null, !!userList && userList.length > 0 && userList.map(function (record) {
+    return React.createElement("tr", {
+      key: record.id
+    }, React.createElement("td", {
+      className: "align-middle"
+    }, React.createElement(LinkEditButton, {
+      label: "" + record.studentName,
+      onClick: function onClick() {
+        return choiceUser(record);
+      }
+    })), React.createElement("td", {
+      className: "align-middle"
+    }, record.emailStudent), React.createElement("td", {
+      className: "align-middle"
+    }, record.assistantName), React.createElement("td", {
+      className: "align-middle"
+    }, record.emailAssistant));
+  })))) : React.createElement(EmptyDataAlert, {
+    label: "user"
+  })), React.createElement(Col, {
+    md: 12
+  }, React.createElement(CustomPagination, {
+    filters: filters,
+    totalRecordCount: totalItems,
+    changePageSize: function changePageSize(pageSize) {
+      return changeFilters({
+        pageSize: pageSize
+      });
+    },
+    changePage: function changePage(currentPage) {
+      return changeFilters({
+        currentPage: currentPage
+      });
+    }
+  }))), React.createElement(SwitchAssistantModal$1, {
+    ref: modal,
+    header: "Switch Assistant",
+    userChoiced: userChoiced,
+    removeData: removeData,
+    options: options,
+    assistantChangeId: assistantChangeId,
+    setAssistantChangeId: setAssistantChangeId,
+    resetData: resetData
+  }));
+};
+
 var tabs = [{
   path: "/admin/set-up/skill",
   title: "Skills",
@@ -8412,6 +8767,10 @@ var tabs = [{
   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";
 
@@ -8605,7 +8964,7 @@ var renderType = function renderType(params) {
 
 var QUESTION_URL$1 = "/admin/question-bank";
 var CREATE_QUESTION_URL = "/admin/create-question";
-var TITLE$d = "Question list";
+var TITLE$e = "Question list";
 
 var useQuestionList = function useQuestionList(isDefaultQuestion, isDefaultQuestionGeneralClass) {
   var history = useHistory();
@@ -8760,7 +9119,7 @@ var useQuestionList = function useQuestionList(isDefaultQuestion, isDefaultQuest
     history.push(url);
   }, []);
   useEffect(function () {
-    document.title = TITLE$d;
+    document.title = TITLE$e;
   }, []);
   useEffect(function () {
     getData();
@@ -9392,7 +9751,7 @@ var useReflectionFormDetail = function useReflectionFormDetail() {
   };
 };
 
-var TITLE$e = "Reflection form list";
+var TITLE$f = "Reflection form list";
 
 var useReflectionFormList = function useReflectionFormList() {
   var reflectionList = useSelector(function (state) {
@@ -9482,7 +9841,7 @@ var useReflectionFormList = function useReflectionFormList() {
     }
   }, [dispatch]);
   useEffect(function () {
-    document.title = TITLE$e;
+    document.title = TITLE$f;
   }, []);
   useEffect(function () {
     getData();
@@ -10545,7 +10904,7 @@ var initValue$e = {
   isMandatory: false,
   isBeforeSession: false
 };
-var TITLE$f = "Question detail";
+var TITLE$g = "Question detail";
 
 var useQuestionDetail = function useQuestionDetail(id) {
   var editorRef;
@@ -10571,7 +10930,7 @@ var useQuestionDetail = function useQuestionDetail(id) {
   };
 
   useEffect(function () {
-    document.title = TITLE$f;
+    document.title = TITLE$g;
     setEdited(false);
     if (!!localStorage.getItem(window.location.href)) localStorage.removeItem(window.location.href);
   }, []);
@@ -11235,7 +11594,7 @@ var useAssessmentDetail = function useAssessmentDetail() {
   };
 };
 
-var TITLE$g = "Assessment list";
+var TITLE$h = "Assessment list";
 
 var useAssessmentList = function useAssessmentList() {
   var assessmentList = useSelector(function (state) {
@@ -11318,7 +11677,7 @@ var useAssessmentList = function useAssessmentList() {
     dispatch(setLoading(false));
   }, [filters]);
   useEffect(function () {
-    document.title = TITLE$g;
+    document.title = TITLE$h;
   }, []);
   useEffect(function () {
     getData();
@@ -11770,7 +12129,7 @@ var useFeedbackDetail = function useFeedbackDetail() {
   };
 };
 
-var TITLE$h = "Feedback list";
+var TITLE$i = "Feedback list";
 
 var useFeedbackList = function useFeedbackList() {
   var feedbackList = useSelector(function (state) {
@@ -11822,7 +12181,7 @@ var useFeedbackList = function useFeedbackList() {
     }
   }, [dispatch, filters]);
   useEffect(function () {
-    document.title = TITLE$h;
+    document.title = TITLE$i;
   }, []);
   useEffect(function () {
     getData();
@@ -11836,7 +12195,7 @@ var useFeedbackList = function useFeedbackList() {
   };
 };
 
-var header$5 = "Feedback";
+var header$6 = "Feedback";
 
 var FeedbackList = function FeedbackList() {
   var history = useHistory();
@@ -11865,7 +12224,7 @@ var FeedbackList = function FeedbackList() {
     feedbackDetail: feedbackDetail
   }), React.createElement("h5", {
     className: "mb-2"
-  }, header$5), React.createElement(Row, {
+  }, header$6), React.createElement(Row, {
     className: "my-2"
   }, React.createElement(Col, {
     md: 8,
@@ -12163,7 +12522,7 @@ var useTutorialScreenDetail = function useTutorialScreenDetail(typeRole) {
   };
 };
 
-var TITLE$i = "Tutorial screen list";
+var TITLE$j = "Tutorial screen list";
 
 var useTutorialScreenList = function useTutorialScreenList(typeRole) {
   var tutorialScreenList = useSelector(function (state) {
@@ -12248,7 +12607,7 @@ var useTutorialScreenList = function useTutorialScreenList(typeRole) {
     dispatch(setLoading(false));
   }, [filters]);
   useEffect(function () {
-    document.title = TITLE$i;
+    document.title = TITLE$j;
   }, []);
   useEffect(function () {
     getData();
@@ -12624,7 +12983,7 @@ var useQuestionCateDetail = function useQuestionCateDetail() {
   };
 };
 
-var TITLE$j = "Question category list";
+var TITLE$k = "Question category list";
 
 var useQuestionCateList = function useQuestionCateList() {
   var questionCateList = useSelector(function (state) {
@@ -12707,7 +13066,7 @@ var useQuestionCateList = function useQuestionCateList() {
     dispatch(setLoading(false));
   }, [filters]);
   useEffect(function () {
-    document.title = TITLE$j;
+    document.title = TITLE$k;
   }, []);
   useEffect(function () {
     getData();
@@ -13458,7 +13817,7 @@ var useAssignmentDetail = function useAssignmentDetail() {
   };
 };
 
-var TITLE$k = "Assignment list";
+var TITLE$l = "Assignment list";
 
 var useAssignmentList = function useAssignmentList() {
   var assignmentList = useSelector(function (state) {
@@ -13555,7 +13914,7 @@ var useAssignmentList = function useAssignmentList() {
     dispatch(setLoading(false));
   }, [filters]);
   useEffect(function () {
-    document.title = TITLE$k;
+    document.title = TITLE$l;
   }, []);
   useEffect(function () {
     getData();
@@ -14005,7 +14364,7 @@ var getRandomQuestion = function getRandomQuestion(data) {
   return api.post(QUESTION_URL$2 + "/random", data);
 };
 
-var TITLE$l = "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";
 
@@ -14109,7 +14468,7 @@ var useSessionTemplateList = function useSessionTemplateList() {
     history.push(url);
   }, []);
   useEffect(function () {
-    document.title = TITLE$l;
+    document.title = TITLE$m;
   }, []);
   useEffect(function () {
     getData();
@@ -14256,7 +14615,7 @@ var remove$j = function remove(id) {
   return api["delete"](SESSION_TEMPLATE_GENERAL_CLASS_URL + "/" + id);
 };
 
-var TITLE$m = "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";
 
@@ -14346,7 +14705,7 @@ var useSessionTemplateGeneralClassList = function useSessionTemplateGeneralClass
     history.push(url);
   }, []);
   useEffect(function () {
-    document.title = TITLE$m;
+    document.title = TITLE$n;
   }, []);
   useEffect(function () {
     getData();
@@ -16335,7 +16694,7 @@ var useCustomAlertDetail = function useCustomAlertDetail() {
   };
 };
 
-var TITLE$n = "Custom alert list";
+var TITLE$o = "Custom alert list";
 
 var useCustomAlertList = function useCustomAlertList() {
   var customAlertList = useSelector(function (state) {
@@ -16423,7 +16782,7 @@ var useCustomAlertList = function useCustomAlertList() {
     dispatch(setLoading(false));
   }, [filters]);
   useEffect(function () {
-    document.title = TITLE$n;
+    document.title = TITLE$o;
   }, []);
   useEffect(function () {
     getData();
@@ -16438,7 +16797,7 @@ var useCustomAlertList = function useCustomAlertList() {
   };
 };
 
-var header$6 = "Custom alert";
+var header$7 = "Custom alert";
 
 var CustomAlertList = function CustomAlertList() {
   var modal = useRef();
@@ -16506,7 +16865,7 @@ var CustomAlertList = function CustomAlertList() {
     when: edited
   }), React.createElement("h5", {
     className: "mb-2"
-  }, header$6), React.createElement(Row, {
+  }, header$7), React.createElement(Row, {
     className: "my-2"
   }, React.createElement(Col, {
     md: 4
@@ -17065,7 +17424,7 @@ var useCertificateDetail = function useCertificateDetail() {
   };
 };
 
-var TITLE$o = "Certificate list";
+var TITLE$p = "Certificate list";
 
 var useCertificateList = function useCertificateList() {
   var certificateList = useSelector(function (state) {
@@ -17148,7 +17507,7 @@ var useCertificateList = function useCertificateList() {
     dispatch(setLoading(false));
   }, [filters]);
   useEffect(function () {
-    document.title = TITLE$o;
+    document.title = TITLE$p;
   }, []);
   useEffect(function () {
     getData();
@@ -17163,7 +17522,7 @@ var useCertificateList = function useCertificateList() {
   };
 };
 
-var header$7 = "Certificate";
+var header$8 = "Certificate";
 
 var CertificateList = function CertificateList() {
   var modal = useRef();
@@ -17222,7 +17581,7 @@ var CertificateList = function CertificateList() {
     when: edited
   }), React.createElement("h5", {
     className: "mb-2"
-  }, header$7), React.createElement(Row, {
+  }, header$8), React.createElement(Row, {
     className: "my-2"
   }, React.createElement(Col, {
     md: 4
@@ -17296,7 +17655,7 @@ var CertificateList = function CertificateList() {
   }))));
 };
 
-var TITLE$p = "Certificate list";
+var TITLE$q = "Certificate list";
 
 var useCertificateList$1 = function useCertificateList() {
   var dispatch = useDispatch();
@@ -17384,7 +17743,7 @@ var useCertificateList$1 = function useCertificateList() {
     }
   }, [listWaiting]);
   useEffect(function () {
-    document.title = TITLE$p;
+    document.title = TITLE$q;
     getListWaiting();
     getListApproved();
   }, []);
@@ -17749,7 +18108,7 @@ var getGradeReport = function getGradeReport() {
   return api.get(REPORT_URL + "/grade");
 };
 
-var TITLE$q = "Dashboard";
+var TITLE$r = "Dashboard";
 
 var useDashboard = function useDashboard() {
   var dispatch = useDispatch();
@@ -17801,7 +18160,7 @@ var useDashboard = function useDashboard() {
   }, []);
   var getData = useCallback(function () {
     try {
-      document.title = TITLE$q;
+      document.title = TITLE$r;
       dispatch(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(setLoading(false));