mario-education 2.4.506-feedback → 2.4.507-feedback

package/dist/index.d.ts

@@ -46,6 +46,7 @@ import CreateSurveyAdmin from "./containers/SurveyDashboard/components/CreateSur
 import RevertUser from "./containers/UserRevert/views/RevertUser";
 import FixDataStudent from "./containers/FixData/views/FixDataStudent";
 import CustomQuestionAlert from "./containers/CustomAlert/views/CustomQuestionAlert";
+import ExternalApi from "./containers/ExternalApi/views/ExternalApi";
 import WeeklyQuest from "./containers/QuestionBank/views/WeeklyQuest";
 import SettingWeeklyQuest from "./containers/QuestionBank/views/SettingWeeklyQuest";
 import HomePage from "./containers/Homepage/views/HomePage";
@@ -54,4 +55,4 @@ import SyncData from "./containers/SyncData/views/SyncData";
 import SummarizeQuestion from "./containers/Dashboard/views/SummarizeQuestion";
 import SurveyQuestion from "./containers/QuestionBank/views/SurveyQuestion";
 import SurveyPortal from "./containers/SurveyDashboard/views/SurveyPortal";
-export { ClassList, ConferenceRubricList, ConferenceRubricDetail, SuggestionList, LearningStrategyList, SetupContainer, QuestionBankList, ReflectionFormList, ReflectionContainer, QuestionDetail, SubjectList, LearningSupportCategoryList, BadgeList, GoalExampleList, TutorialScreenContainer, FeedbackList, AssessmentList, QuestionBankContainer, SurveyQuestionContainer, QuestionCategoryList, AssignmentList, AssessmentAssignmentContainer, SessionTemplateContainer, SessionTemplateDetail, SessionTemplateGeneralClassDetail, CustomAlertList, CertificateContainer, CompareTeacher, AssetLog, SessionTemplateList, SessionTemplateGeneralClassList, Dashboard, AdminTraining, TemplateContainer, OneRosterContainer, SandboxContainer, TemplateBuilderPage, TemplateStartBuild, SurveyDashboardContainer, RevertUser, FixDataStudent, CustomQuestionAlert, SurveyDetailAdmin, SurveyStudentFlagListAdmin, SurveyResultAdmin, SurveyIndexAdmin, CreateSurveyAdmin, PreviewSurveyAdmin, WeeklyQuest, SettingWeeklyQuest, HomePage, MainLayoutAdmin, SyncData, SummarizeQuestion, SurveyQuestion, SurveyPortal };
+export { ClassList, ConferenceRubricList, ConferenceRubricDetail, SuggestionList, LearningStrategyList, SetupContainer, QuestionBankList, ReflectionFormList, ReflectionContainer, QuestionDetail, SubjectList, LearningSupportCategoryList, BadgeList, GoalExampleList, TutorialScreenContainer, FeedbackList, AssessmentList, QuestionBankContainer, SurveyQuestionContainer, QuestionCategoryList, AssignmentList, AssessmentAssignmentContainer, SessionTemplateContainer, SessionTemplateDetail, SessionTemplateGeneralClassDetail, CustomAlertList, CertificateContainer, CompareTeacher, AssetLog, SessionTemplateList, SessionTemplateGeneralClassList, Dashboard, AdminTraining, TemplateContainer, OneRosterContainer, SandboxContainer, TemplateBuilderPage, TemplateStartBuild, SurveyDashboardContainer, RevertUser, FixDataStudent, CustomQuestionAlert, SurveyDetailAdmin, SurveyStudentFlagListAdmin, SurveyResultAdmin, SurveyIndexAdmin, CreateSurveyAdmin, PreviewSurveyAdmin, ExternalApi, WeeklyQuest, SettingWeeklyQuest, HomePage, MainLayoutAdmin, SyncData, SummarizeQuestion, SurveyQuestion, SurveyPortal };

package/dist/index.js

@@ -71058,6 +71058,395 @@ var CustomQuestionAlert = function CustomQuestionAlert() {
   }))));
 };
 
+var EXTERNAL_TOKEN = marioCore.BASE_URL + "/api/ExternalToken";
+var create$n = function create(data) {
+  return marioCore.api.post("" + EXTERNAL_TOKEN, data);
+};
+var update$o = function update(id, data) {
+  return marioCore.api.put(EXTERNAL_TOKEN + "/" + id, data);
+};
+var get$v = function get(filters) {
+  return marioCore.api.get("" + EXTERNAL_TOKEN, {
+    params: filters
+  });
+};
+var remove$o = function remove(id) {
+  return marioCore.api["delete"](EXTERNAL_TOKEN + "/" + id);
+};
+
+var useExternalApi = function useExternalApi() {
+  var dispatch = reactRedux.useDispatch();
+
+  var _useState = React.useState([]),
+      tokens = _useState[0],
+      setTokens = _useState[1];
+
+  var _useState2 = React.useState(null),
+      tokenDetail = _useState2[0],
+      setTokenDetail = _useState2[1];
+
+  var _useFilters = marioCore.useFilters(),
+      filters = _useFilters.filters,
+      changeFilters = _useFilters.changeFilters;
+
+  var goToDetailToken = function goToDetailToken(token) {
+    setTokenDetail(token);
+  };
+
+  var removeBackslashesFromJSON = function removeBackslashesFromJSON(jsonString) {
+    return jsonString.replace(/\\/g, "");
+  };
+
+  var handleChangePermission = function handleChangePermission(property, value) {
+    if (tokenDetail) {
+      var _extends2;
+
+      var permissionChecked = [].concat(tokenDetail.permission[property]);
+
+      if (!permissionChecked.includes(value)) {
+        permissionChecked = [].concat(permissionChecked, [value]);
+      } else {
+        permissionChecked = permissionChecked.filter(function (r) {
+          return r !== value;
+        });
+      }
+
+      setTokenDetail(_extends({}, tokenDetail, {
+        permission: _extends({}, tokenDetail.permission, (_extends2 = {}, _extends2[property] = permissionChecked, _extends2))
+      }));
+    }
+  };
+
+  var getAllToken = React.useCallback(function () {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(get$v(filters)).then(function (res) {
+          var _res$data;
+
+          var items = (res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.items) || [];
+          setTokens(items.map(function (r) {
+            return {
+              id: r.id,
+              createDate: r.createDate,
+              token: r.token,
+              permission: JSON.parse(r.permission)
+            };
+          }));
+        });
+      }, 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);
+    }
+  }, [filters]);
+  var generateToken = React.useCallback(function (isCreate) {
+    try {
+      var _temp7 = function _temp7() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp8 = _catch(function () {
+        var cleanedPermissionJSON = removeBackslashesFromJSON(JSON.stringify(tokenDetail === null || tokenDetail === void 0 ? void 0 : tokenDetail.permission));
+        return Promise.resolve(isCreate || !(tokenDetail !== null && tokenDetail !== void 0 && tokenDetail.id) ? create$n({
+          permission: cleanedPermissionJSON
+        }) : update$o(tokenDetail === null || tokenDetail === void 0 ? void 0 : tokenDetail.id, {
+          permission: cleanedPermissionJSON
+        })).then(function (_create) {
+          _create;
+          goToDetailToken(null);
+          getAllToken();
+        });
+      }, 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(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [tokenDetail]);
+  var removeToken = React.useCallback(function (id) {
+    try {
+      dispatch(marioCore.setLoading(true));
+
+      try {
+        dispatch(marioCore.setModal({
+          isOpen: true,
+          type: "warning",
+          message: "Do you want to remove this token?",
+          onConfirm: function () {
+            try {
+              return Promise.resolve(remove$o(id)).then(function () {
+                dispatch(marioCore.setAlert({
+                  type: "success",
+                  message: "Remove token successfully"
+                }));
+                getAllToken();
+              });
+            } catch (e) {
+              return Promise.reject(e);
+            }
+          }
+        }));
+      } catch (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
+        }));
+      }
+
+      dispatch(marioCore.setLoading(false));
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, []);
+  React.useEffect(function () {
+    getAllToken();
+    document.title = "External Api";
+  }, [filters]);
+  return {
+    generateToken: generateToken,
+    tokens: tokens,
+    changeFilters: changeFilters,
+    filters: filters,
+    removeToken: removeToken,
+    goToDetailToken: goToDetailToken,
+    tokenDetail: tokenDetail,
+    handleChangePermission: handleChangePermission
+  };
+};
+
+var DATE_RESULT = "dd-MM-yyyy";
+var initToken = {
+  token: "",
+  createDate: "",
+  permission: {
+    checkIns: ["GET"],
+    classReflections: ["GET"],
+    conferences: ["GET"],
+    surveys: ["GET"]
+  }
+};
+
+var DetailTokenModel = function DetailTokenModel(_ref) {
+  var open = _ref.open,
+      children = _ref.children,
+      _toggle = _ref.toggle,
+      isCreate = _ref.isCreate,
+      onConfirm = _ref.onConfirm;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
+  return React__default.createElement(reactstrap.Modal, {
+    isOpen: open,
+    toggle: function toggle() {
+      return _toggle(null);
+    }
+  }, React__default.createElement(reactstrap.ModalHeader, {
+    toggle: function toggle() {
+      return _toggle(null);
+    }
+  }, (isCreate ? "Create" : "Update") + " token"), React__default.createElement(reactstrap.ModalBody, null, children), React__default.createElement(reactstrap.ModalFooter, {
+    className: "text-right"
+  }, React__default.createElement(reactstrap.Button, {
+    color: "primary",
+    onClick: function onClick() {
+      return onConfirm(isCreate);
+    }
+  }, t("confirm")), React__default.createElement(reactstrap.Button, {
+    onClick: function onClick() {
+      return _toggle(null);
+    }
+  }, t("cancel"))));
+};
+
+var PermissionSelected = function PermissionSelected(_ref) {
+  var permission = _ref.permission,
+      name = _ref.name,
+      onChange = _ref.onChange;
+  return React__default.createElement("div", {
+    className: "d-flex align-items-center"
+  }, React__default.createElement("div", {
+    className: "d-flex align-items-center mr-4"
+  }, React__default.createElement(CheckboxCustom, {
+    isActive: permission.includes("GET"),
+    className: "mr-2",
+    onClick: function onClick() {
+      return onChange(name, "GET");
+    }
+  }), "GET"));
+};
+
+var ExternalApi = function ExternalApi() {
+  var _tokenDetail$permissi, _tokenDetail$permissi2, _tokenDetail$permissi3, _tokenDetail$permissi4;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
+  var _useExternalApi = useExternalApi(),
+      generateToken = _useExternalApi.generateToken,
+      tokens = _useExternalApi.tokens,
+      changeFilters = _useExternalApi.changeFilters,
+      filters = _useExternalApi.filters,
+      removeToken = _useExternalApi.removeToken,
+      goToDetailToken = _useExternalApi.goToDetailToken,
+      tokenDetail = _useExternalApi.tokenDetail,
+      handleChangePermission = _useExternalApi.handleChangePermission;
+
+  return React__default.createElement("div", {
+    className: "fadeIn animated"
+  }, React__default.createElement("div", {
+    className: "d-flex justify-content-between"
+  }, React__default.createElement("h2", {
+    className: "my-2 font-weight-bold"
+  }, "External Token"), React__default.createElement(marioCore.AddButton, {
+    text: "Create new Token",
+    onClick: function onClick() {
+      return goToDetailToken(initToken);
+    }
+  })), React__default.createElement("div", {
+    className: "mb-2 mt-4"
+  }, tokens && tokens.length > 0 ? 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"
+  }, "Token"), React__default.createElement("th", {
+    className: "align-top"
+  }, t("check_in")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("conference")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("class_reflection")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("survey")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("created_date")), React__default.createElement("th", {
+    className: "text-center"
+  }, t("action")))), React__default.createElement("tbody", null, tokens.map(function (record) {
+    var _record$permission, _record$permission$ch, _record$permission2, _record$permission2$c, _record$permission3, _record$permission3$c, _record$permission4, _record$permission4$s;
+
+    return React__default.createElement("tr", {
+      key: record.id
+    }, React__default.createElement("td", {
+      className: "align-middle"
+    }, React__default.createElement(marioCore.LinkEditButton, {
+      label: record.token,
+      onClick: function onClick() {
+        return goToDetailToken(record);
+      }
+    })), React__default.createElement("td", {
+      className: "align-middle"
+    }, (_record$permission = record.permission) === null || _record$permission === void 0 ? void 0 : (_record$permission$ch = _record$permission.checkIns) === null || _record$permission$ch === void 0 ? void 0 : _record$permission$ch.toString()), React__default.createElement("td", {
+      className: "align-middle"
+    }, (_record$permission2 = record.permission) === null || _record$permission2 === void 0 ? void 0 : (_record$permission2$c = _record$permission2.conferences) === null || _record$permission2$c === void 0 ? void 0 : _record$permission2$c.toString()), React__default.createElement("td", {
+      className: "align-middle"
+    }, (_record$permission3 = record.permission) === null || _record$permission3 === void 0 ? void 0 : (_record$permission3$c = _record$permission3.classReflections) === null || _record$permission3$c === void 0 ? void 0 : _record$permission3$c.toString()), React__default.createElement("td", {
+      className: "align-middle"
+    }, (_record$permission4 = record.permission) === null || _record$permission4 === void 0 ? void 0 : (_record$permission4$s = _record$permission4.surveys) === null || _record$permission4$s === void 0 ? void 0 : _record$permission4$s.toString()), React__default.createElement("td", {
+      className: "align-middle"
+    }, dateFns.format(new Date(record.createDate), DATE_RESULT)), React__default.createElement("td", {
+      className: "text-center align-middle"
+    }, React__default.createElement(marioCore.DeleteButtonIcon, {
+      onClick: function onClick() {
+        return !!(record !== null && record !== void 0 && record.id) && removeToken(record.id);
+      }
+    })));
+  }))) : React__default.createElement(marioCore.EmptyDataAlert, {
+    label: "token"
+  }), React__default.createElement(reactstrap.Row, {
+    className: "mt-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 12
+  }, React__default.createElement(marioCore.CustomPagination, {
+    filters: filters,
+    totalRecordCount: (tokens === null || tokens === void 0 ? void 0 : tokens.length) || 0,
+    changePageSize: function changePageSize(pageSize) {
+      return changeFilters({
+        pageSize: pageSize
+      });
+    },
+    changePage: function changePage(currentPage) {
+      return changeFilters({
+        currentPage: currentPage
+      });
+    }
+  })))), React__default.createElement(DetailTokenModel, {
+    open: !!tokenDetail,
+    toggle: goToDetailToken,
+    isCreate: !(tokenDetail !== null && tokenDetail !== void 0 && tokenDetail.id),
+    onConfirm: generateToken
+  }, React__default.createElement("div", null, !!(tokenDetail !== null && tokenDetail !== void 0 && tokenDetail.token) && React__default.createElement("div", {
+    className: "d-flex align-items-center mt-4"
+  }, React__default.createElement("h6", {
+    className: "mr-5 mb-0"
+  }, "Token: ", tokenDetail === null || tokenDetail === void 0 ? void 0 : tokenDetail.token)), React__default.createElement("div", {
+    className: "d-flex align-items-center mt-4"
+  }, React__default.createElement("h2", {
+    className: "mr-5 mb-0"
+  }, "Permission")), React__default.createElement("div", {
+    className: "d-flex align-items-center mt-4"
+  }, React__default.createElement("h6", {
+    className: "mr-5 mb-0"
+  }, "CheckIns:"), React__default.createElement(PermissionSelected, {
+    name: "checkIns",
+    onChange: handleChangePermission,
+    permission: (tokenDetail === null || tokenDetail === void 0 ? void 0 : (_tokenDetail$permissi = tokenDetail.permission) === null || _tokenDetail$permissi === void 0 ? void 0 : _tokenDetail$permissi.checkIns) || []
+  })), React__default.createElement("div", {
+    className: "d-flex align-items-center mt-4"
+  }, React__default.createElement("h6", {
+    className: "mr-5 mb-0"
+  }, "Conferences:"), React__default.createElement(PermissionSelected, {
+    name: "conferences",
+    onChange: handleChangePermission,
+    permission: (tokenDetail === null || tokenDetail === void 0 ? void 0 : (_tokenDetail$permissi2 = tokenDetail.permission) === null || _tokenDetail$permissi2 === void 0 ? void 0 : _tokenDetail$permissi2.conferences) || []
+  })), React__default.createElement("div", {
+    className: "d-flex align-items-center mt-4"
+  }, React__default.createElement("h6", {
+    className: "mr-5 mb-0"
+  }, "Reflections:"), React__default.createElement(PermissionSelected, {
+    name: "classReflections",
+    onChange: handleChangePermission,
+    permission: (tokenDetail === null || tokenDetail === void 0 ? void 0 : (_tokenDetail$permissi3 = tokenDetail.permission) === null || _tokenDetail$permissi3 === void 0 ? void 0 : _tokenDetail$permissi3.classReflections) || []
+  })), React__default.createElement("div", {
+    className: "d-flex align-items-center mt-4"
+  }, React__default.createElement("h6", {
+    className: "mr-5 mb-0"
+  }, "Surveys:"), React__default.createElement(PermissionSelected, {
+    name: "surveys",
+    onChange: handleChangePermission,
+    permission: (tokenDetail === null || tokenDetail === void 0 ? void 0 : (_tokenDetail$permissi4 = tokenDetail.permission) === null || _tokenDetail$permissi4 === void 0 ? void 0 : _tokenDetail$permissi4.surveys) || []
+  })))));
+};
+
 var WEEKLY_QUEST_URL = marioCore.BASE_URL + "/api/WeeklyQuest";
 var getWeeklyQuest = function getWeeklyQuest(filter) {
   return marioCore.api.get(WEEKLY_QUEST_URL + "/all", {
@@ -77550,6 +77939,7 @@ exports.CreateSurveyAdmin = CreateSurveyAdmin;
 exports.CustomAlertList = CustomAlertList;
 exports.CustomQuestionAlert = CustomQuestionAlert;
 exports.Dashboard = Dashboard;
+exports.ExternalApi = ExternalApi;
 exports.FeedbackList = FeedbackList;
 exports.FixDataStudent = FixDataStudent;
 exports.GoalExampleList = GoalExampleList;