mario-education 2.4.43-admin → 2.4.45-admin
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.js +43 -22
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +43 -22
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
package/dist/index.js
CHANGED
|
@@ -19824,8 +19824,7 @@ var HeaderChart = function HeaderChart(_ref) {
|
|
|
19824
19824
|
};
|
|
19825
19825
|
|
|
19826
19826
|
return React__default.createElement("div", {
|
|
19827
|
-
className: "d-flex justify-content-between align-items-center " + styles$1["header-chart"] + " "
|
|
19828
|
-
onClick: onToggle
|
|
19827
|
+
className: "d-flex justify-content-between align-items-center " + styles$1["header-chart"] + " "
|
|
19829
19828
|
}, React__default.createElement("div", {
|
|
19830
19829
|
className: "" + styles$1["header-left"]
|
|
19831
19830
|
}, React__default.createElement("span", {
|
|
@@ -19888,7 +19887,8 @@ var HeaderChart = function HeaderChart(_ref) {
|
|
|
19888
19887
|
cursor: "pointer"
|
|
19889
19888
|
}
|
|
19890
19889
|
}, options[1].value === TYPECHART.BAR ? "Bar charts" : "Line charts")))), React__default.createElement("i", {
|
|
19891
|
-
className: "fas fa-ellipsis-v pr-4 " + styles$1["icon-config"]
|
|
19890
|
+
className: "fas fa-ellipsis-v pr-4 " + styles$1["icon-config"],
|
|
19891
|
+
onClick: onToggle
|
|
19892
19892
|
}), React__default.createElement("div", {
|
|
19893
19893
|
onClick: onToggle,
|
|
19894
19894
|
className: styles$1["btn-show-chart"],
|
|
@@ -26950,7 +26950,7 @@ var TopLearningStrategy = function TopLearningStrategy(_ref) {
|
|
|
26950
26950
|
});
|
|
26951
26951
|
var maxData = Math.max.apply(Math, usageCount);
|
|
26952
26952
|
var serieslearningStrategy = [{
|
|
26953
|
-
name: "Perceived
|
|
26953
|
+
name: "Perceived Value",
|
|
26954
26954
|
data: learningStrategies === null || learningStrategies === void 0 ? void 0 : learningStrategies.map(function (i) {
|
|
26955
26955
|
return average(i.usagePoint);
|
|
26956
26956
|
})
|
|
@@ -27049,7 +27049,7 @@ var getBandScore = function getBandScore() {
|
|
|
27049
27049
|
};
|
|
27050
27050
|
|
|
27051
27051
|
var TITLE$s = "Dashboard";
|
|
27052
|
-
var DEFAULT_START_DATE = moment().startOf("year").valueOf();
|
|
27052
|
+
var DEFAULT_START_DATE = moment().endOf("day").valueOf().valueOf() > moment().startOf("month").month("Aug").valueOf() ? moment().startOf("month").month("Aug").valueOf() : moment().startOf("month").month("Aug").subtract(1, "year").valueOf();
|
|
27053
27053
|
var DEFAULT_END_DATE = moment().endOf("day").valueOf();
|
|
27054
27054
|
|
|
27055
27055
|
var useDashboard = function useDashboard() {
|
|
@@ -27589,10 +27589,6 @@ var useChartDatas = function useChartDatas() {
|
|
|
27589
27589
|
};
|
|
27590
27590
|
|
|
27591
27591
|
var LIST_FILTERS_LEFT = [{
|
|
27592
|
-
name: FILTER_NAME.Calendar,
|
|
27593
|
-
icon: "/images/calendar.svg",
|
|
27594
|
-
handleChangeFilters: handleChangeFilters
|
|
27595
|
-
}, {
|
|
27596
27592
|
name: FILTER_NAME.StartDate,
|
|
27597
27593
|
icon: "/images/calendar.svg",
|
|
27598
27594
|
handleChangeFilters: handleChangeFilters
|
|
@@ -27655,7 +27651,7 @@ var useChartDatas = function useChartDatas() {
|
|
|
27655
27651
|
},
|
|
27656
27652
|
isShowChangeChart: false,
|
|
27657
27653
|
options: [],
|
|
27658
|
-
contentTooltip: "Both the composite of individual students reporting their
|
|
27654
|
+
contentTooltip: "Both the composite of individual students reporting their perceived use of John Hattie's High Impact Learning Strategies measured against the actual application with a teacher in total."
|
|
27659
27655
|
}, {
|
|
27660
27656
|
id: "1_to_1",
|
|
27661
27657
|
label: "1 To 1",
|
|
@@ -27680,7 +27676,7 @@ var useChartDatas = function useChartDatas() {
|
|
|
27680
27676
|
label: "Bar charts",
|
|
27681
27677
|
value: TYPECHART.BAR
|
|
27682
27678
|
}],
|
|
27683
|
-
contentTooltip: "The composite results of the survey completed by individual students
|
|
27679
|
+
contentTooltip: "The composite results of the survey completed by individual students assessing their own perception of performance in the 6 key areas followed by 3 specific areas of well being over time."
|
|
27684
27680
|
}, {
|
|
27685
27681
|
id: "class_reflection",
|
|
27686
27682
|
label: "Reflection",
|
|
@@ -27770,7 +27766,7 @@ var useChartDatas = function useChartDatas() {
|
|
|
27770
27766
|
},
|
|
27771
27767
|
isShowChangeChart: false,
|
|
27772
27768
|
options: [],
|
|
27773
|
-
contentTooltip: "The specific
|
|
27769
|
+
contentTooltip: "The specific represetation of students by gender and grade level at your school."
|
|
27774
27770
|
}, {
|
|
27775
27771
|
id: "student_by_grade",
|
|
27776
27772
|
label: "Students by Designation",
|
|
@@ -28007,6 +28003,7 @@ var SelectFilter = function SelectFilter(_ref) {
|
|
|
28007
28003
|
filter = _ref.filter,
|
|
28008
28004
|
teacherUserId = _ref.teacherUserId,
|
|
28009
28005
|
changeCurrentTeacherUserId = _ref.changeCurrentTeacherUserId;
|
|
28006
|
+
var ref = React.useRef(null);
|
|
28010
28007
|
|
|
28011
28008
|
var _useState = React.useState(false),
|
|
28012
28009
|
isOpenCollapse = _useState[0],
|
|
@@ -28108,11 +28105,22 @@ var SelectFilter = function SelectFilter(_ref) {
|
|
|
28108
28105
|
});
|
|
28109
28106
|
};
|
|
28110
28107
|
|
|
28108
|
+
var handleClickOutSide = function handleClickOutSide(event) {
|
|
28109
|
+
var _ref$current;
|
|
28110
|
+
|
|
28111
|
+
if (ref.current && !(ref !== null && ref !== void 0 && (_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(event.target))) setIsOpenCollapse(false);
|
|
28112
|
+
};
|
|
28113
|
+
|
|
28114
|
+
React.useEffect(function () {
|
|
28115
|
+
document.addEventListener("click", handleClickOutSide, true);
|
|
28116
|
+
}, []);
|
|
28117
|
+
|
|
28111
28118
|
var renderSelectFilter = function renderSelectFilter() {
|
|
28112
28119
|
if (name === FILTER_NAME.Calendar) {
|
|
28113
28120
|
return React__default.createElement("div", {
|
|
28114
28121
|
key: "" + name,
|
|
28115
|
-
className: styles["block-filter-component"] + " "
|
|
28122
|
+
className: styles["block-filter-component"] + " ",
|
|
28123
|
+
ref: ref
|
|
28116
28124
|
}, React__default.createElement("button", {
|
|
28117
28125
|
onClick: handleToggleCollapse,
|
|
28118
28126
|
className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
|
|
@@ -28150,11 +28158,15 @@ var SelectFilter = function SelectFilter(_ref) {
|
|
|
28150
28158
|
if (name === FILTER_NAME.StartDate) {
|
|
28151
28159
|
return React__default.createElement("div", {
|
|
28152
28160
|
key: "" + name,
|
|
28153
|
-
className: "" + styles["block-filter-component"]
|
|
28161
|
+
className: "" + styles["block-filter-component"],
|
|
28162
|
+
ref: ref
|
|
28154
28163
|
}, React__default.createElement("button", {
|
|
28155
28164
|
onClick: handleToggleCollapse,
|
|
28156
28165
|
className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
|
|
28157
|
-
}, React__default.createElement("
|
|
28166
|
+
}, React__default.createElement("img", {
|
|
28167
|
+
src: "" + icon,
|
|
28168
|
+
alt: labelBox.calendar.label
|
|
28169
|
+
}), React__default.createElement("p", {
|
|
28158
28170
|
className: styles["color-filter"] + " my-0 mx-2"
|
|
28159
28171
|
}, "Start Date", !!(filter !== null && filter !== void 0 && filter.startDate) && ": " + moment(filter === null || filter === void 0 ? void 0 : filter.startDate).format("DD/MM/YYYY"))), React__default.createElement("div", {
|
|
28160
28172
|
className: "" + styles["date-picker"]
|
|
@@ -28178,11 +28190,15 @@ var SelectFilter = function SelectFilter(_ref) {
|
|
|
28178
28190
|
if (name === FILTER_NAME.EndDate) {
|
|
28179
28191
|
return React__default.createElement("div", {
|
|
28180
28192
|
key: "" + name,
|
|
28181
|
-
className: "" + styles["block-filter-component"]
|
|
28193
|
+
className: "" + styles["block-filter-component"],
|
|
28194
|
+
ref: ref
|
|
28182
28195
|
}, React__default.createElement("button", {
|
|
28183
28196
|
onClick: handleToggleCollapse,
|
|
28184
28197
|
className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
|
|
28185
|
-
}, React__default.createElement("
|
|
28198
|
+
}, React__default.createElement("img", {
|
|
28199
|
+
src: "" + icon,
|
|
28200
|
+
alt: labelBox.calendar.label
|
|
28201
|
+
}), React__default.createElement("p", {
|
|
28186
28202
|
className: styles["color-filter"] + " my-0 mx-2"
|
|
28187
28203
|
}, "End Date", !!(filter !== null && filter !== void 0 && filter.endDate) && ": " + moment(filter === null || filter === void 0 ? void 0 : filter.endDate).format("DD/MM/YYYY"))), React__default.createElement("div", {
|
|
28188
28204
|
className: "" + styles["date-picker"]
|
|
@@ -28206,7 +28222,8 @@ var SelectFilter = function SelectFilter(_ref) {
|
|
|
28206
28222
|
if (name === FILTER_NAME.Gender) {
|
|
28207
28223
|
return React__default.createElement("div", {
|
|
28208
28224
|
key: "" + name,
|
|
28209
|
-
className: styles["block-filter-component"] + " "
|
|
28225
|
+
className: styles["block-filter-component"] + " ",
|
|
28226
|
+
ref: ref
|
|
28210
28227
|
}, React__default.createElement("button", {
|
|
28211
28228
|
onClick: handleToggleCollapse,
|
|
28212
28229
|
className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
|
|
@@ -28247,7 +28264,8 @@ var SelectFilter = function SelectFilter(_ref) {
|
|
|
28247
28264
|
|
|
28248
28265
|
return React__default.createElement("div", {
|
|
28249
28266
|
key: "" + name,
|
|
28250
|
-
className: styles["block-filter-component"] + " "
|
|
28267
|
+
className: styles["block-filter-component"] + " ",
|
|
28268
|
+
ref: ref
|
|
28251
28269
|
}, React__default.createElement("button", {
|
|
28252
28270
|
onClick: handleToggleCollapse,
|
|
28253
28271
|
className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
|
|
@@ -28290,7 +28308,8 @@ var SelectFilter = function SelectFilter(_ref) {
|
|
|
28290
28308
|
|
|
28291
28309
|
return React__default.createElement("div", {
|
|
28292
28310
|
key: "" + name,
|
|
28293
|
-
className: styles["block-filter-component"] + " "
|
|
28311
|
+
className: styles["block-filter-component"] + " ",
|
|
28312
|
+
ref: ref
|
|
28294
28313
|
}, React__default.createElement("button", {
|
|
28295
28314
|
onClick: handleToggleCollapse,
|
|
28296
28315
|
className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
|
|
@@ -28331,7 +28350,8 @@ var SelectFilter = function SelectFilter(_ref) {
|
|
|
28331
28350
|
if (name === FILTER_NAME.TeacherName) {
|
|
28332
28351
|
return React__default.createElement("div", {
|
|
28333
28352
|
key: "" + name,
|
|
28334
|
-
className: styles["block-filter-component"] + " "
|
|
28353
|
+
className: styles["block-filter-component"] + " ",
|
|
28354
|
+
ref: ref
|
|
28335
28355
|
}, React__default.createElement("button", {
|
|
28336
28356
|
onClick: handleToggleCollapse,
|
|
28337
28357
|
className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer"
|
|
@@ -28361,7 +28381,8 @@ var SelectFilter = function SelectFilter(_ref) {
|
|
|
28361
28381
|
if (name === FILTER_NAME.StudentName) {
|
|
28362
28382
|
return React__default.createElement("div", {
|
|
28363
28383
|
key: "" + name,
|
|
28364
|
-
className: styles["block-filter-component"] + " "
|
|
28384
|
+
className: styles["block-filter-component"] + " ",
|
|
28385
|
+
ref: ref
|
|
28365
28386
|
}, React__default.createElement("button", {
|
|
28366
28387
|
onClick: handleToggleCollapse,
|
|
28367
28388
|
className: styles["btn-filter"] + " d-flex align-items-center cursor-pointer",
|