mario-education 2.4.37-admin → 2.4.40-admin

package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/components/HeaderChart/HeaderChart.d.ts

@@ -8,6 +8,8 @@ interface IProps {
     onChangeChart: (type: TYPECHART) => void;
     isOpen: boolean;
     options?: IChartOptions[];
+    contentTooltip?: string;
+    index: number;
 }
 declare const HeaderChart: FC<IProps>;
 export default HeaderChart;

package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/hooks/useChartDatas.d.ts

@@ -11,6 +11,7 @@ declare const useChartDatas: () => {
             label: string;
             value: TYPECHART;
         }[];
+        contentTooltip: string;
     }[];
     user: any;
     filter: import("../configs/types").DashboardFilter;

package/dist/index.js

@@ -19807,16 +19807,34 @@ var HeaderChart = function HeaderChart(_ref) {
       _ref$typeChart = _ref.typeChart,
       typeChart = _ref$typeChart === void 0 ? TYPECHART.BAR : _ref$typeChart,
       onChangeChart = _ref.onChangeChart,
-      options = _ref.options;
+      options = _ref.options,
+      contentTooltip = _ref.contentTooltip,
+      index = _ref.index;
+
+  var _useState = React.useState(false),
+      openTooltip = _useState[0],
+      setOpenTooltip = _useState[1];
+
+  var handleOpenTooltip = function handleOpenTooltip() {
+    setOpenTooltip(!openTooltip);
+  };
+
   return React__default.createElement("div", {
-    className: "d-flex justify-content-between align-items-center " + styles$1["header-chart"] + " "
+    className: "d-flex justify-content-between align-items-center " + styles$1["header-chart"] + " ",
+    onClick: onToggle
   }, React__default.createElement("div", {
     className: "" + styles$1["header-left"]
   }, React__default.createElement("span", {
     className: styles$1["header-title"] + " pr-2"
   }, title), React__default.createElement("i", {
-    className: styles$1["icon-chart"] + " fal fa-info-circle cursor-pointer"
-  })), React__default.createElement("div", {
+    className: styles$1["icon-chart"] + " fal fa-info-circle cursor-pointer",
+    id: "tooltip-" + index
+  }), React__default.createElement(reactstrap.Tooltip, {
+    placement: "right",
+    isOpen: openTooltip,
+    target: "tooltip-" + index,
+    toggle: handleOpenTooltip
+  }, contentTooltip)), React__default.createElement("div", {
     className: "" + styles$1["header-right"]
   }, isOpen && isShowChangeChart && (options === null || options === void 0 ? void 0 : options.length) && React__default.createElement("div", {
     className: "d-flex align-items-center d-inline-block pr-4"
@@ -27612,7 +27630,8 @@ var useChartDatas = function useChartDatas() {
       });
     },
     isShowChangeChart: false,
-    options: []
+    options: [],
+    contentTooltip: "The represenation of individual student responses to their own feelings of Energy, Focus, Happiness, Safety, and Stress at the time administered. Note that scores are set on a 1-100 scale with the exception of Stress which optimum stress is set at '0' to get a sense of High Stress vs Low Stress."
   }, {
     id: "high_impact_learning_strategie",
     label: "High Impact Learning Strategies",
@@ -27622,7 +27641,8 @@ var useChartDatas = function useChartDatas() {
       });
     },
     isShowChangeChart: false,
-    options: []
+    options: [],
+    contentTooltip: "Both the composite of individual students reporting their percieved use of John Hattie's High Impact Learning Strategies measured against the actual application with a teacher in total."
   }, {
     id: "1_to_1",
     label: "1 To 1",
@@ -27646,10 +27666,11 @@ var useChartDatas = function useChartDatas() {
     }, {
       label: "Bar charts",
       value: TYPECHART.BAR
-    }]
+    }],
+    contentTooltip: "The composite results of the survey completed by individual students seeking their own perception of performance in the 6 key areas followed by 3 specific areas of well being over time."
   }, {
     id: "class_reflection",
-    label: "Class Reflection",
+    label: "Reflection",
     children: function children(typeChart, isPDF) {
       return React__default.createElement(ColumnChartAndPercent$1, {
         data: dataConvertedClassReflection,
@@ -27671,10 +27692,11 @@ var useChartDatas = function useChartDatas() {
     }, {
       label: "Line charts",
       value: TYPECHART.LINE
-    }]
+    }],
+    contentTooltip: "The result of surveys sent to any individual (external or internal) that connects with the student to assist in measuring the individual student's: Productivity, Happiness, Energy, Focus, and Stress over time."
   }, {
     id: "conference",
-    label: "Conference",
+    label: "Conferences",
     children: function children(typeChart, isPDF) {
       return React__default.createElement(ColumnChartAndPercent$1, {
         data: dataConvertedConference,
@@ -27695,7 +27717,8 @@ var useChartDatas = function useChartDatas() {
     }, {
       label: "Bar charts",
       value: TYPECHART.BAR
-    }]
+    }],
+    contentTooltip: "The composite representation of individual aggregate scores located at the bottom of individual Conferences conducted between Teachers and Students over time. Note that scores of 'Not Applicable' do not get measured."
   }, {
     id: "safety",
     label: "Safety",
@@ -27720,7 +27743,8 @@ var useChartDatas = function useChartDatas() {
     }, {
       label: "Line charts",
       value: TYPECHART.LINE
-    }]
+    }],
+    contentTooltip: "The visual represenation of all the responses from the question asking students to rate their perceived level of safety for themselves at your school over time."
   }, {
     id: "Student_by_age",
     label: "Student by Age",
@@ -27732,7 +27756,8 @@ var useChartDatas = function useChartDatas() {
       });
     },
     isShowChangeChart: false,
-    options: []
+    options: [],
+    contentTooltip: "The specific represenation of students by gender and grade level at your school."
   }, {
     id: "student_by_grade",
     label: "Students by Designation",
@@ -27742,7 +27767,8 @@ var useChartDatas = function useChartDatas() {
       });
     },
     isShowChangeChart: false,
-    options: []
+    options: [],
+    contentTooltip: "The composite representation of students by individual grades in your school with specific designations."
   }];
   var initialTypeChart = chartDashBoards.map(function (i) {
     return i.options.length > 0 ? i.options[0].value : TYPECHART.AREA;
@@ -29427,7 +29453,9 @@ var Dashboard = function Dashboard() {
         return _onChangeChart(index, type, chartDashBoard === null || chartDashBoard === void 0 ? void 0 : chartDashBoard.options);
       },
       isOpen: chartIsOpened[index],
-      options: chartDashBoard.options
+      options: chartDashBoard.options,
+      contentTooltip: chartDashBoard === null || chartDashBoard === void 0 ? void 0 : chartDashBoard.contentTooltip,
+      index: index
     }), React__default.createElement(reactstrap.Collapse, {
       isOpen: chartIsOpened[index]
     }, chartDashBoard.children(typeChartList[index])));