mario-education 2.4.60-admin → 2.4.62-admin

package/dist/index.modern.js

@@ -26771,23 +26771,27 @@ var ColumnChartAndPercent = function ColumnChartAndPercent(_ref) {
   })), !isPDF && React.createElement("div", {
     className: "w-100 d-flex gap-2 flex-wrap  " + styles$1["listItem"]
   }, data.map(function (month, index) {
-    return React.createElement("div", {
-      className: "" + styles$1["item-legend"],
-      key: index
-    }, React.createElement("div", {
-      className: "" + styles$1["item"]
-    }, React.createElement("div", {
-      className: "" + styles$1["mark-custom"],
-      style: {
-        backgroundColor: COLOR_CHART_AND_PERCENTS[index]
-      }
-    }), React.createElement("label", {
-      className: "" + styles$1["label-legend-custom"]
-    }, month)), React.createElement("div", {
-      className: "" + styles$1["percent"]
-    }, React.createElement("label", {
-      className: "m-0"
-    }, avg[index] ? avg[index] + "%" : "0.00%")));
+    if (!!avg && avg[index] > 0) {
+      return React.createElement("div", {
+        className: "" + styles$1["item-legend"],
+        key: index
+      }, React.createElement("div", {
+        className: "" + styles$1["item"]
+      }, React.createElement("div", {
+        className: "" + styles$1["mark-custom"],
+        style: {
+          backgroundColor: COLOR_CHART_AND_PERCENTS[index]
+        }
+      }), React.createElement("label", {
+        className: "" + styles$1["label-legend-custom"]
+      }, month)), React.createElement("div", {
+        className: "" + styles$1["percent"]
+      }, React.createElement("label", {
+        className: "m-0"
+      }, avg[index] ? avg[index].toFixed(2) + "%" : "0.00%")));
+    }
+
+    return null;
   })));
 };
 
@@ -27122,9 +27126,7 @@ var useDashboard = function useDashboard() {
     currentPage: 1,
     pageSize: 10,
     sortBy: "Strategies",
-    sortOrder: "ASC",
-    startDate: DEFAULT_START_DATE,
-    endDate: DEFAULT_END_DATE
+    sortOrder: "ASC"
   }),
       filterLearningStrategiesTable = _useState4[0],
       setFilterLearningStrategiesTable = _useState4[1];
@@ -27133,7 +27135,7 @@ var useDashboard = function useDashboard() {
     setFilterLearningStrategiesTable(_extends({}, filterLearningStrategiesTable, updatedFilter));
   };
 
-  var getLearningStrategiesTableData = function getLearningStrategiesTableData() {
+  var getLearningStrategiesTableData = useCallback(function () {
     try {
       var _temp3 = function _temp3() {
         dispatch(setLoading(false));
@@ -27142,7 +27144,7 @@ var useDashboard = function useDashboard() {
       dispatch(setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(getLearningStrategiesTableApi(filterLearningStrategiesTable)).then(function (res) {
+        return Promise.resolve(getLearningStrategiesTableApi(_extends({}, filter, filterLearningStrategiesTable))).then(function (res) {
           !!res.data && setLearningStrategiesData(res.data);
         });
       }, function (err) {
@@ -27158,7 +27160,7 @@ var useDashboard = function useDashboard() {
     } catch (e) {
       return Promise.reject(e);
     }
-  };
+  }, [filter, filterLearningStrategiesTable]);
 
   var _useState5 = useState(INITIAl_STUDENT_DASHBOARD),
       listTotalTime = _useState5[0],
@@ -29414,8 +29416,6 @@ var DashboardToPDF = function DashboardToPDF(props) {
   }, "Export"));
 };
 
-var ICON_CALENDAR = "/images/calendar.svg";
-
 var LearningStrategiesTable = function LearningStrategiesTable(_ref) {
   var _data$items;
 
@@ -29424,60 +29424,11 @@ var LearningStrategiesTable = function LearningStrategiesTable(_ref) {
       filter = _ref.filter,
       data = _ref.data,
       getData = _ref.getData,
-      changeFilter = _ref.changeFilter;
-  var refStartDate = useRef(null);
-  var refEndDate = useRef(null);
-
-  var _useState = useState(false),
-      isOpenCollapseStartDate = _useState[0],
-      setIsOpenCollapseStartDate = _useState[1];
-
-  var _useState2 = useState(false),
-      isOpenCollapseEndDate = _useState2[0],
-      setIsOpenCollapseEndDate = _useState2[1];
-
-  var handleToggleCollapseStartDate = function handleToggleCollapseStartDate() {
-    setIsOpenCollapseStartDate(!isOpenCollapseStartDate);
-  };
-
-  var handleToggleCollapseEndDate = function handleToggleCollapseEndDate() {
-    setIsOpenCollapseEndDate(!isOpenCollapseEndDate);
-  };
-
-  var handleClickOutSideStartDate = function handleClickOutSideStartDate(event) {
-    var _refStartDate$current;
-
-    if (refStartDate.current && !(refStartDate !== null && refStartDate !== void 0 && (_refStartDate$current = refStartDate.current) !== null && _refStartDate$current !== void 0 && _refStartDate$current.contains(event.target))) setIsOpenCollapseStartDate(false);
-  };
-
-  var handleClickOutSideEndDate = function handleClickOutSideEndDate(event) {
-    var _refEndDate$current;
-
-    if (refEndDate.current && !(refEndDate !== null && refEndDate !== void 0 && (_refEndDate$current = refEndDate.current) !== null && _refEndDate$current !== void 0 && _refEndDate$current.contains(event.target))) setIsOpenCollapseEndDate(false);
-  };
-
-  useEffect(function () {
-    document.addEventListener("click", handleClickOutSideStartDate, true);
-    document.addEventListener("click", handleClickOutSideEndDate, true);
-  }, []);
-
-  var handleChangeStartDate = function handleChangeStartDate(date) {
-    !!changeFilter && changeFilter({
-      startDate: moment(date).startOf("day").valueOf()
-    });
-    setIsOpenCollapseStartDate(false);
-  };
-
-  var handleChangeEndDate = function handleChangeEndDate(date) {
-    !!changeFilter && changeFilter({
-      endDate: moment(date).endOf("day").valueOf()
-    });
-    setIsOpenCollapseEndDate(false);
-  };
-
+      changeFilter = _ref.changeFilter,
+      filterDashboard = _ref.filterDashboard;
   useEffect(function () {
     getData === null || getData === void 0 ? void 0 : getData();
-  }, [filter]);
+  }, [filter, filterDashboard]);
   return React.createElement(Modal, {
     isOpen: isOpen,
     toggle: onClosed,
@@ -29485,45 +29436,6 @@ var LearningStrategiesTable = function LearningStrategiesTable(_ref) {
   }, React.createElement(ModalHeader, null, "Learning Strategies"), React.createElement(ModalBody, null, React.createElement("div", {
     className: "" + styles["filter-box-learning"]
   }, React.createElement("div", {
-    className: "" + styles["block-filter-component"],
-    ref: refStartDate
-  }, React.createElement("button", {
-    onClick: handleToggleCollapseStartDate,
-    className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
-  }, React.createElement("img", {
-    src: "" + ICON_CALENDAR
-  }), React.createElement("p", {
-    className: styles["color-filter"] + " my-0 mx-2"
-  }, "Start Date", !!(filter !== null && filter !== void 0 && filter.startDate) && ": " + moment(filter === null || filter === void 0 ? void 0 : filter.startDate).format("DD/MM/YYYY"))), isOpenCollapseStartDate && React.createElement("div", {
-    className: "" + styles["date-picker"]
-  }, React.createElement(DatePicker, {
-    selected: moment(filter === null || filter === void 0 ? void 0 : filter.startDate).toDate(),
-    onChange: function onChange(date) {
-      return handleChangeStartDate(date);
-    },
-    inline: true,
-    maxDate: moment(filter === null || filter === void 0 ? void 0 : filter.endDate).toDate()
-  }))), React.createElement("div", {
-    className: "" + styles["block-filter-component"],
-    ref: refEndDate
-  }, React.createElement("button", {
-    onClick: handleToggleCollapseEndDate,
-    className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
-  }, React.createElement("img", {
-    src: "" + ICON_CALENDAR
-  }), React.createElement("p", {
-    className: styles["color-filter"] + " my-0 mx-2"
-  }, "End Date", !!(filter !== null && filter !== void 0 && filter.endDate) && ": " + moment(filter === null || filter === void 0 ? void 0 : filter.endDate).format("DD/MM/YYYY"))), isOpenCollapseEndDate && React.createElement("div", {
-    className: "" + styles["date-picker"]
-  }, React.createElement(DatePicker, {
-    selected: moment(filter === null || filter === void 0 ? void 0 : filter.endDate).toDate(),
-    onChange: function onChange(date) {
-      return handleChangeEndDate(date);
-    },
-    inline: true,
-    maxDate: moment(filter === null || filter === void 0 ? void 0 : filter.startDate).add(3, "months").toDate(),
-    minDate: moment(filter === null || filter === void 0 ? void 0 : filter.startDate).toDate()
-  }))), React.createElement("div", {
     className: "" + styles["search-box-learning"]
   }, React.createElement(SearchBox, {
     initValue: filter.searchString,
@@ -29552,16 +29464,14 @@ var LearningStrategiesTable = function LearningStrategiesTable(_ref) {
       position: "sticky",
       backgroundColor: "#fff"
     }
-  }, React.createElement("th", null, "Strategies"), React.createElement("th", null, "Number Of Used"), React.createElement("th", null, "Session Type"))), React.createElement("tbody", null, data === null || data === void 0 ? void 0 : (_data$items = data.items) === null || _data$items === void 0 ? void 0 : _data$items.map(function (item, index) {
+  }, React.createElement("th", null, "Strategies"), React.createElement("th", null, "Number Of Used"))), React.createElement("tbody", null, data === null || data === void 0 ? void 0 : (_data$items = data.items) === null || _data$items === void 0 ? void 0 : _data$items.map(function (item, index) {
     return React.createElement("tr", {
       key: index
     }, React.createElement("td", {
       className: "align-middle"
     }, item === null || item === void 0 ? void 0 : item.strategiesName), React.createElement("td", {
       className: "align-middle"
-    }, item === null || item === void 0 ? void 0 : item.numberOfUsed), React.createElement("td", {
-      className: "align-middle"
-    }, item === null || item === void 0 ? void 0 : item.sessionType));
+    }, item === null || item === void 0 ? void 0 : item.numberOfUsed));
   })))), React.createElement(CustomPagination, {
     filters: filter,
     totalRecordCount: data === null || data === void 0 ? void 0 : data.totalItems,
@@ -29774,6 +29684,7 @@ var Dashboard = function Dashboard() {
     isOpen: openLearningStrategiesTable,
     onClosed: handleOpenCloseLearningStrategiesTable,
     filter: filterLearningStrategiesTable,
+    filterDashboard: filter,
     data: learningStrategiesData,
     getData: getLearningStrategiesTableData,
     changeFilter: changeFiltersLearningStrategiesTable