mario-education 2.4.29-admin → 2.4.33-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.
Files changed (9) hide show
  1. package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/components/ColumnChartAndPercent.d.ts +1 -0
  2. package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/configs/types.d.ts +3 -2
  3. package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/hooks/useChartDatas.d.ts +26 -11
  4. package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/hooks/useDashboard.d.ts +0 -5
  5. package/dist/index.js +460 -240
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.modern.js +460 -240
  8. package/dist/index.modern.js.map +1 -1
  9. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -19688,8 +19688,9 @@ var CompareTeacher = function CompareTeacher() {
19688
19688
  var LegalGenderType;
19689
19689
 
19690
19690
  (function (LegalGenderType) {
19691
- LegalGenderType[LegalGenderType["Male"] = 0] = "Male";
19692
- LegalGenderType[LegalGenderType["Female"] = 1] = "Female";
19691
+ LegalGenderType[LegalGenderType["None"] = 0] = "None";
19692
+ LegalGenderType[LegalGenderType["Male"] = 1] = "Male";
19693
+ LegalGenderType[LegalGenderType["Female"] = 2] = "Female";
19693
19694
  })(LegalGenderType || (LegalGenderType = {}));
19694
19695
 
19695
19696
  var MtssType;
@@ -19881,9 +19882,9 @@ var useBehavior = function useBehavior(initialTypeChart) {
19881
19882
  teacherUserId = _useState[0],
19882
19883
  setTeacherUserId = _useState[1];
19883
19884
 
19884
- var _useState2 = React.useState(initialTypeChart.map(function () {
19885
+ var _useState2 = React.useState([true].concat(initialTypeChart.map(function () {
19885
19886
  return false;
19886
- })),
19887
+ }).splice(0, initialTypeChart.length - 2))),
19887
19888
  chartIsOpened = _useState2[0],
19888
19889
  setChartIsOpened = _useState2[1];
19889
19890
 
@@ -20019,13 +20020,13 @@ var COLOR_CHART_AND_PERCENTS = ["#40D2CC", "#78B6E2", "#FFB04F", "#CE4A49", "#1C
20019
20020
  var COLOR_CHART_BUBBLE = ["#53ACF5", "#9DD889", "#FFB04F", "#E15454", "#9747FF"];
20020
20021
  var PERCENT = [100, 80, 60, 40, 20, 0, -20, -40, -60, -80, -100];
20021
20022
  var GENDER_OPTION = [{
20022
- value: 2,
20023
+ value: -1,
20023
20024
  label: "All"
20024
20025
  }, {
20025
- value: 0,
20026
+ value: LegalGenderType.Male,
20026
20027
  label: "Male"
20027
20028
  }, {
20028
- value: 1,
20029
+ value: LegalGenderType.Female,
20029
20030
  label: "Female"
20030
20031
  }];
20031
20032
 
@@ -26662,7 +26663,8 @@ var ColumnChartAndPercent = function ColumnChartAndPercent(_ref) {
26662
26663
  activeColumn = _ref.activeColumn,
26663
26664
  series = _ref.series,
26664
26665
  avg = _ref.avg,
26665
- months = _ref.months;
26666
+ months = _ref.months,
26667
+ isPDF = _ref.isPDF;
26666
26668
  if (!data) return React__default.createElement("div", {
26667
26669
  className: "flex justify-content-center align-items-center",
26668
26670
  style: {
@@ -26671,7 +26673,7 @@ var ColumnChartAndPercent = function ColumnChartAndPercent(_ref) {
26671
26673
  }, React__default.createElement("div", null, "No Data"));
26672
26674
  return React__default.createElement("div", {
26673
26675
  className: "w-100 h-100 " + styles$1["column-chart-percent"]
26674
- }, React__default.createElement("div", {
26676
+ }, !isPDF && React__default.createElement("div", {
26675
26677
  className: "w-full d-flex gap-2 flex-wrap " + styles$1["listItem"]
26676
26678
  }, data.map(function (month, index) {
26677
26679
  return React__default.createElement("div", {
@@ -26719,7 +26721,7 @@ var ColumnChartAndPercent = function ColumnChartAndPercent(_ref) {
26719
26721
  months: months,
26720
26722
  activeColumn: activeColumn,
26721
26723
  series: series
26722
- })), React__default.createElement("div", {
26724
+ })), !isPDF && React__default.createElement("div", {
26723
26725
  className: "w-100 d-flex gap-2 flex-wrap " + styles$1["listItem"]
26724
26726
  }, data.map(function (month, index) {
26725
26727
  return React__default.createElement("div", {
@@ -26928,12 +26930,12 @@ var TopLearningStrategy = function TopLearningStrategy(_ref) {
26928
26930
  });
26929
26931
  var maxData = Math.max.apply(Math, usageCount);
26930
26932
  var serieslearningStrategy = [{
26931
- name: "Usage Point",
26933
+ name: "Perceived Usage",
26932
26934
  data: learningStrategies === null || learningStrategies === void 0 ? void 0 : learningStrategies.map(function (i) {
26933
26935
  return average(i.usagePoint);
26934
26936
  })
26935
26937
  }, {
26936
- name: "Usage Count",
26938
+ name: "Total Number of Times Selected",
26937
26939
  data: learningStrategies === null || learningStrategies === void 0 ? void 0 : learningStrategies.map(function (i) {
26938
26940
  return i.usageCount / maxData * 100;
26939
26941
  })
@@ -27165,11 +27167,11 @@ var useDashboard = function useDashboard() {
27165
27167
 
27166
27168
  React.useEffect(function () {
27167
27169
  setSeriesOneToOne(newSeriesOneToOne);
27168
- setActiveColumnOneToOne(dataConvertedOneToOne.map(function (_i) {
27169
- return true;
27170
- }));
27170
+ setActiveColumnOneToOne([true].concat(dataConvertedOneToOne.map(function (_i) {
27171
+ return false;
27172
+ }).splice(0, dataConvertedOneToOne.length - 2)));
27171
27173
  setAvgOneToOne(newAvgOneToOne === null || newAvgOneToOne === void 0 ? void 0 : newAvgOneToOne.map(function (_, index) {
27172
- return newAvgOneToOne[index];
27174
+ return activeColumnOneToOne[index] ? newAvgOneToOne[index] : 0;
27173
27175
  }));
27174
27176
  }, [chartOneToOneData.overviewQuestionChoice]);
27175
27177
 
@@ -27206,11 +27208,11 @@ var useDashboard = function useDashboard() {
27206
27208
 
27207
27209
  React.useEffect(function () {
27208
27210
  setSeriesClassReflection(newSeriesClassReflection);
27209
- setActiveColumnClassReflection(dataConvertedClassReflection.map(function (_i) {
27210
- return true;
27211
- }));
27211
+ setActiveColumnClassReflection([true].concat(dataConvertedClassReflection.map(function (_i) {
27212
+ return false;
27213
+ }).splice(0, dataConvertedClassReflection.length - 2)));
27212
27214
  setAvgClassReflection(newAvgClassReflection === null || newAvgClassReflection === void 0 ? void 0 : newAvgClassReflection.map(function (_, index) {
27213
- return newAvgClassReflection[index];
27215
+ return activeColumnClassReflection[index] ? newAvgClassReflection[index] : 0;
27214
27216
  }));
27215
27217
  }, [chartClassReflection.overviewQuestionChoice]);
27216
27218
 
@@ -27247,9 +27249,9 @@ var useDashboard = function useDashboard() {
27247
27249
 
27248
27250
  React.useEffect(function () {
27249
27251
  setSeriesConference(newSeriesConference);
27250
- setActiveColumnConference(dataConvertedConference === null || dataConvertedConference === void 0 ? void 0 : dataConvertedConference.map(function (_i) {
27251
- return true;
27252
- }));
27252
+ setActiveColumnConference([true].concat(dataConvertedConference === null || dataConvertedConference === void 0 ? void 0 : dataConvertedConference.map(function (_i) {
27253
+ return false;
27254
+ }).splice(0, dataConvertedConference.length - 2)));
27253
27255
  setAvgConference(newAvgConference === null || newAvgConference === void 0 ? void 0 : newAvgConference.map(function (_, idx) {
27254
27256
  return newAvgConference[idx];
27255
27257
  }));
@@ -27295,52 +27297,6 @@ var useDashboard = function useDashboard() {
27295
27297
  return newAvgSafety[idx];
27296
27298
  }));
27297
27299
  }, [safety === null || safety === void 0 ? void 0 : safety.overviewQuestionChoice]);
27298
-
27299
- var _useState32 = React.useState([]),
27300
- selectedToPrint = _useState32[0],
27301
- setSelectedToPrint = _useState32[1];
27302
-
27303
- var handleSelectToPrint = function handleSelectToPrint(checked, data, chartType) {
27304
- var updateSelectToPrint = [].concat(selectedToPrint);
27305
- var foundItem = updateSelectToPrint === null || updateSelectToPrint === void 0 ? void 0 : updateSelectToPrint.find(function (e) {
27306
- return e.identification == data.id;
27307
- });
27308
-
27309
- if (checked) {
27310
- if (!!data.id && !foundItem) {
27311
- updateSelectToPrint.push({
27312
- id: data.id,
27313
- identification: data.id,
27314
- label: data.label,
27315
- children: data.children,
27316
- chartType: chartType
27317
- });
27318
- }
27319
-
27320
- if (!!data && foundItem && foundItem.id == null) {
27321
- var itemIndex = updateSelectToPrint.indexOf(foundItem);
27322
- updateSelectToPrint[itemIndex].id = data.id;
27323
- updateSelectToPrint[itemIndex].children = data.children;
27324
- }
27325
- } else {
27326
- var _itemIndex = updateSelectToPrint.indexOf(foundItem);
27327
-
27328
- updateSelectToPrint[_itemIndex].id = null;
27329
- updateSelectToPrint[_itemIndex].children = null;
27330
- }
27331
-
27332
- setSelectedToPrint(updateSelectToPrint);
27333
- };
27334
-
27335
- var checkSelectedItem = function checkSelectedItem(id) {
27336
- for (var _iterator = _createForOfIteratorHelperLoose(selectedToPrint), _step; !(_step = _iterator()).done;) {
27337
- var item = _step.value;
27338
- if (item.id === id) return true;
27339
- }
27340
-
27341
- return false;
27342
- };
27343
-
27344
27300
  var callApi = React.useCallback(function (apiCaller, setData, defaultData, type) {
27345
27301
  try {
27346
27302
  var _temp2 = _catch(function () {
@@ -27384,7 +27340,7 @@ var useDashboard = function useDashboard() {
27384
27340
  setGenderOfStudent(option === null || option === void 0 ? void 0 : option.gender);
27385
27341
  setStudentDefault(option);
27386
27342
  setFilter(_extends({}, filter, {
27387
- gender: [LegalGenderType.Male, LegalGenderType.Female],
27343
+ gender: [LegalGenderType.None, LegalGenderType.Male, LegalGenderType.Female],
27388
27344
  teacherId: undefined,
27389
27345
  studentId: option ? option === null || option === void 0 ? void 0 : option.studentId : undefined,
27390
27346
  studentUserId: option === null || option === void 0 ? void 0 : option.id
@@ -27395,7 +27351,7 @@ var useDashboard = function useDashboard() {
27395
27351
  setGenderOfStudent("");
27396
27352
  setStudentDefault(undefined);
27397
27353
  setFilter(_extends({}, filter, {
27398
- gender: [LegalGenderType.Male, LegalGenderType.Female],
27354
+ gender: [LegalGenderType.None, LegalGenderType.Male, LegalGenderType.Female],
27399
27355
  teacherId: undefined,
27400
27356
  grade: [],
27401
27357
  studentId: undefined,
@@ -27453,11 +27409,6 @@ var useDashboard = function useDashboard() {
27453
27409
  return Promise.reject(e);
27454
27410
  }
27455
27411
  }, [filter]);
27456
-
27457
- var onFilter = function onFilter() {
27458
- getData();
27459
- };
27460
-
27461
27412
  React.useEffect(function () {
27462
27413
  getData();
27463
27414
  }, [filter]);
@@ -27483,7 +27434,6 @@ var useDashboard = function useDashboard() {
27483
27434
  studentByGender: studentByGender,
27484
27435
  safety: safety,
27485
27436
  topSkill: topSkill,
27486
- onFilter: onFilter,
27487
27437
  handleChangeFilters: handleChangeFilters,
27488
27438
  bandScore: bandScore,
27489
27439
  user: user,
@@ -27493,10 +27443,6 @@ var useDashboard = function useDashboard() {
27493
27443
  setGenderOfStudent: setGenderOfStudent,
27494
27444
  handleFilterStudent: handleFilterStudent,
27495
27445
  handleFilterTeacher: handleFilterTeacher,
27496
- handleSelectToPrint: handleSelectToPrint,
27497
- checkSelectedItem: checkSelectedItem,
27498
- selectedToPrint: selectedToPrint,
27499
- setSelectedToPrint: setSelectedToPrint,
27500
27446
  onChangeFilters: onChangeFilters,
27501
27447
  handleActiveColumnOneToOne: handleActiveColumnOneToOne,
27502
27448
  seriesOneToOne: seriesOneToOne,
@@ -27564,7 +27510,56 @@ var useChartDatas = function useChartDatas() {
27564
27510
  avgSafety = _useDashboard.avgSafety,
27565
27511
  monthsSafety = _useDashboard.monthsSafety,
27566
27512
  dataConvertedSafety = _useDashboard.dataConvertedSafety,
27567
- activeColumnSafety = _useDashboard.activeColumnSafety;
27513
+ activeColumnSafety = _useDashboard.activeColumnSafety,
27514
+ chartOneToOneData = _useDashboard.chartOneToOneData,
27515
+ chartClassReflection = _useDashboard.chartClassReflection,
27516
+ chartConference = _useDashboard.chartConference,
27517
+ safety = _useDashboard.safety;
27518
+
27519
+ var _useState = React.useState([]),
27520
+ selectedToPrint = _useState[0],
27521
+ setSelectedToPrint = _useState[1];
27522
+
27523
+ var handleSelectToPrint = function handleSelectToPrint(checked, data, chartType) {
27524
+ var updateSelectToPrint = [].concat(selectedToPrint);
27525
+ var foundItem = updateSelectToPrint === null || updateSelectToPrint === void 0 ? void 0 : updateSelectToPrint.find(function (e) {
27526
+ return e.identification == data.id;
27527
+ });
27528
+
27529
+ if (checked) {
27530
+ if (!!data.id && !foundItem) {
27531
+ updateSelectToPrint.push({
27532
+ id: data.id,
27533
+ identification: data.id,
27534
+ label: data.label,
27535
+ children: data.children,
27536
+ chartType: chartType
27537
+ });
27538
+ }
27539
+
27540
+ if (!!data && foundItem && foundItem.id == null) {
27541
+ var itemIndex = updateSelectToPrint.indexOf(foundItem);
27542
+ updateSelectToPrint[itemIndex].id = data.id;
27543
+ updateSelectToPrint[itemIndex].children = data.children;
27544
+ }
27545
+ } else {
27546
+ var _itemIndex = updateSelectToPrint.indexOf(foundItem);
27547
+
27548
+ updateSelectToPrint[_itemIndex].id = null;
27549
+ updateSelectToPrint[_itemIndex].children = null;
27550
+ }
27551
+
27552
+ setSelectedToPrint(updateSelectToPrint);
27553
+ };
27554
+
27555
+ var checkSelectedItem = function checkSelectedItem(id) {
27556
+ for (var _iterator = _createForOfIteratorHelperLoose(selectedToPrint), _step; !(_step = _iterator()).done;) {
27557
+ var item = _step.value;
27558
+ if (item.id === id) return true;
27559
+ }
27560
+
27561
+ return false;
27562
+ };
27568
27563
 
27569
27564
  var LIST_FILTERS_LEFT = [{
27570
27565
  name: FILTER_NAME.Calendar,
@@ -27605,21 +27600,21 @@ var useChartDatas = function useChartDatas() {
27605
27600
  studentId: filter.studentId
27606
27601
  }];
27607
27602
  var chartDashBoards = [{
27608
- id: "high_impact_learning_strategie",
27609
- label: "High Impact Learning Strategie",
27603
+ id: "readiness_to_learn",
27604
+ label: "Readiness to Learn",
27610
27605
  children: function children(_) {
27611
- return React__default.createElement(TopLearningStrategy$1, {
27612
- data: topLearningStrategies
27606
+ return React__default.createElement(BubbleChartCustom$1, {
27607
+ data: readinessToLearning
27613
27608
  });
27614
27609
  },
27615
27610
  isShowChangeChart: false,
27616
27611
  options: []
27617
27612
  }, {
27618
- id: "readiness_to_learn",
27619
- label: "Readiness to learn",
27613
+ id: "high_impact_learning_strategie",
27614
+ label: "High Impact Learning Strategies",
27620
27615
  children: function children(_) {
27621
- return React__default.createElement(BubbleChartCustom$1, {
27622
- data: readinessToLearning
27616
+ return React__default.createElement(TopLearningStrategy$1, {
27617
+ data: topLearningStrategies
27623
27618
  });
27624
27619
  },
27625
27620
  isShowChangeChart: false,
@@ -27627,7 +27622,7 @@ var useChartDatas = function useChartDatas() {
27627
27622
  }, {
27628
27623
  id: "1_to_1",
27629
27624
  label: "1 To 1",
27630
- children: function children(typeChart) {
27625
+ children: function children(typeChart, isPDF) {
27631
27626
  return React__default.createElement(ColumnChartAndPercent$1, {
27632
27627
  data: dataConvertedOneToOne,
27633
27628
  id: "1_to_1",
@@ -27636,7 +27631,8 @@ var useChartDatas = function useChartDatas() {
27636
27631
  activeColumn: activeColumnOneToOne,
27637
27632
  series: seriesOneToOne,
27638
27633
  avg: avgOneToOne,
27639
- months: monthsOneToOne
27634
+ months: monthsOneToOne,
27635
+ isPDF: isPDF
27640
27636
  });
27641
27637
  },
27642
27638
  isShowChangeChart: true,
@@ -27650,7 +27646,7 @@ var useChartDatas = function useChartDatas() {
27650
27646
  }, {
27651
27647
  id: "class_reflection",
27652
27648
  label: "Class Reflection",
27653
- children: function children(typeChart) {
27649
+ children: function children(typeChart, isPDF) {
27654
27650
  return React__default.createElement(ColumnChartAndPercent$1, {
27655
27651
  data: dataConvertedClassReflection,
27656
27652
  typeChart: typeChart,
@@ -27660,7 +27656,8 @@ var useChartDatas = function useChartDatas() {
27660
27656
  activeColumn: activeColumnClassReflection,
27661
27657
  series: seriesClassRefection,
27662
27658
  avg: avgClassReflection,
27663
- months: monthsClassReflection
27659
+ months: monthsClassReflection,
27660
+ isPDF: isPDF
27664
27661
  });
27665
27662
  },
27666
27663
  isShowChangeChart: true,
@@ -27674,7 +27671,7 @@ var useChartDatas = function useChartDatas() {
27674
27671
  }, {
27675
27672
  id: "conference",
27676
27673
  label: "Conference",
27677
- children: function children(typeChart) {
27674
+ children: function children(typeChart, isPDF) {
27678
27675
  return React__default.createElement(ColumnChartAndPercent$1, {
27679
27676
  data: dataConvertedConference,
27680
27677
  typeChart: typeChart,
@@ -27683,7 +27680,8 @@ var useChartDatas = function useChartDatas() {
27683
27680
  activeColumn: activeColumnConference,
27684
27681
  series: seriesConference,
27685
27682
  avg: avgConference,
27686
- months: monthsConference
27683
+ months: monthsConference,
27684
+ isPDF: isPDF
27687
27685
  });
27688
27686
  },
27689
27687
  isShowChangeChart: true,
@@ -27697,7 +27695,7 @@ var useChartDatas = function useChartDatas() {
27697
27695
  }, {
27698
27696
  id: "safety",
27699
27697
  label: "Safety",
27700
- children: function children(typeChart) {
27698
+ children: function children(typeChart, isPDF) {
27701
27699
  return React__default.createElement(ColumnChartAndPercent$1, {
27702
27700
  data: dataConvertedSafety,
27703
27701
  typeChart: typeChart,
@@ -27707,7 +27705,8 @@ var useChartDatas = function useChartDatas() {
27707
27705
  activeColumn: activeColumnSafety,
27708
27706
  series: seriesSafety,
27709
27707
  avg: avgSafety,
27710
- months: monthsSafety
27708
+ months: monthsSafety,
27709
+ isPDF: isPDF
27711
27710
  });
27712
27711
  },
27713
27712
  isShowChangeChart: true,
@@ -27720,7 +27719,7 @@ var useChartDatas = function useChartDatas() {
27720
27719
  }]
27721
27720
  }, {
27722
27721
  id: "Student_by_age",
27723
- label: "Student by age",
27722
+ label: "Student by Age",
27724
27723
  children: function children(_, columnFlex) {
27725
27724
  return React__default.createElement(StudentByAgeAndGender$1, {
27726
27725
  columnFlex: columnFlex,
@@ -27741,8 +27740,8 @@ var useChartDatas = function useChartDatas() {
27741
27740
  isShowChangeChart: false,
27742
27741
  options: []
27743
27742
  }];
27744
- var initialTypeChart = chartDashBoards.map(function (i) {
27745
- return i.options.length > 0 ? i.options[1].value : TYPECHART.BAR;
27743
+ var initialTypeChart = chartDashBoards.map(function () {
27744
+ return TYPECHART.AREA;
27746
27745
  });
27747
27746
  var totalCardData = [{
27748
27747
  icon: "images/icon_chart.png",
@@ -27788,7 +27787,28 @@ var useChartDatas = function useChartDatas() {
27788
27787
  LIST_FILTERS_RIGHT: LIST_FILTERS_RIGHT,
27789
27788
  totalCardData: totalCardData,
27790
27789
  onChangeFilters: onChangeFilters,
27791
- initialTypeChart: initialTypeChart
27790
+ initialTypeChart: initialTypeChart,
27791
+ handleSelectToPrint: handleSelectToPrint,
27792
+ checkSelectedItem: checkSelectedItem,
27793
+ selectedToPrint: selectedToPrint,
27794
+ setSelectedToPrint: setSelectedToPrint,
27795
+ chartOneToOneData: chartOneToOneData,
27796
+ topLearningStrategies: topLearningStrategies,
27797
+ chartClassReflection: chartClassReflection,
27798
+ chartConference: chartConference,
27799
+ safety: safety,
27800
+ dataConvertedOneToOne: dataConvertedOneToOne,
27801
+ activeColumnOneToOne: activeColumnOneToOne,
27802
+ avgOneToOne: avgOneToOne,
27803
+ dataConvertedClassReflection: dataConvertedClassReflection,
27804
+ activeColumnClassReflection: activeColumnClassReflection,
27805
+ avgClassReflection: avgClassReflection,
27806
+ dataConvertedConference: dataConvertedConference,
27807
+ activeColumnConference: activeColumnConference,
27808
+ avgConference: avgConference,
27809
+ dataConvertedSafety: dataConvertedSafety,
27810
+ activeColumnSafety: activeColumnSafety,
27811
+ avgSafety: avgSafety
27792
27812
  };
27793
27813
  };
27794
27814
 
@@ -27955,7 +27975,7 @@ var SelectFilter = function SelectFilter(_ref) {
27955
27975
  label: "This Year"
27956
27976
  },
27957
27977
  gender: {
27958
- value: 2,
27978
+ value: 0,
27959
27979
  label: "All"
27960
27980
  },
27961
27981
  grade: -1,
@@ -27990,8 +28010,9 @@ var SelectFilter = function SelectFilter(_ref) {
27990
28010
  };
27991
28011
 
27992
28012
  var onChangeGender = function onChangeGender(item) {
28013
+ console.log("item", item);
27993
28014
  !!onChangeFilters && onChangeFilters({
27994
- gender: item.value === 2 ? [0, 1] : [item.value]
28015
+ gender: item.value === -1 ? [LegalGenderType.None, LegalGenderType.Male, LegalGenderType.Female] : [item.value]
27995
28016
  });
27996
28017
  setLabelBox(_extends({}, labelBox, {
27997
28018
  gender: {
@@ -28084,7 +28105,7 @@ var SelectFilter = function SelectFilter(_ref) {
28084
28105
  alt: labelBox.gender.label
28085
28106
  }), React__default.createElement("p", {
28086
28107
  className: styles["color-filter"] + " my-0 mx-2"
28087
- }, labelBox.gender.value === 2 ? "Gender" : labelBox.gender.label), !isOpenCollapse ? React__default.createElement(fi.FiChevronDown, null) : React__default.createElement(fi.FiChevronUp, null)), React__default.createElement("div", {
28108
+ }, labelBox.gender.value === -1 ? "Gender" : labelBox.gender.label), !isOpenCollapse ? React__default.createElement(fi.FiChevronDown, null) : React__default.createElement(fi.FiChevronUp, null)), React__default.createElement("div", {
28088
28109
  className: styles["select-filter-component"] + " " + (!isOpenCollapse && "" + styles["hidden"])
28089
28110
  }, React__default.createElement(reactstrap.Form, {
28090
28111
  className: "" + styles["box-select"]
@@ -28289,16 +28310,25 @@ var headerLogo = "../images/logoV1-2.png";
28289
28310
  var DashboardToPDF = function DashboardToPDF(props) {
28290
28311
  var selectedToPDF = props.selectedToPDF,
28291
28312
  initialData = props.initialData,
28292
- typeChartList = props.typeChartList;
28313
+ typeChartList = props.typeChartList,
28314
+ chartOneToOneData = props.chartOneToOneData,
28315
+ topLearningStrategies = props.topLearningStrategies,
28316
+ chartClassReflection = props.chartClassReflection,
28317
+ chartConference = props.chartConference,
28318
+ safety = props.safety,
28319
+ dataConvertedOneToOne = props.dataConvertedOneToOne,
28320
+ activeColumnOneToOne = props.activeColumnOneToOne,
28321
+ avgOneToOne = props.avgOneToOne,
28322
+ dataConvertedClassReflection = props.dataConvertedClassReflection,
28323
+ activeColumnClassReflection = props.activeColumnClassReflection,
28324
+ avgClassReflection = props.avgClassReflection,
28325
+ dataConvertedConference = props.dataConvertedConference,
28326
+ activeColumnConference = props.activeColumnConference,
28327
+ avgConference = props.avgConference,
28328
+ dataConvertedSafety = props.dataConvertedSafety,
28329
+ activeColumnSafety = props.activeColumnSafety,
28330
+ avgSafety = props.avgSafety;
28293
28331
  var dispatch = reactRedux.useDispatch();
28294
-
28295
- var _useDashboard = useDashboard(),
28296
- chartOneToOneData = _useDashboard.chartOneToOneData,
28297
- topLearningStrategies = _useDashboard.topLearningStrategies,
28298
- chartClassReflection = _useDashboard.chartClassReflection,
28299
- chartConference = _useDashboard.chartConference,
28300
- safety = _useDashboard.safety;
28301
-
28302
28332
  var chartHightImpactLearningStrategie = selectedToPDF.find(function (i) {
28303
28333
  return i.id === "high_impact_learning_strategie";
28304
28334
  });
@@ -28407,71 +28437,87 @@ var DashboardToPDF = function DashboardToPDF(props) {
28407
28437
  var _safety$overviewQuest;
28408
28438
 
28409
28439
  if (safety.overviewQuestionChoice[i].resultQuestion[0].questionId != 0) {
28410
- var _sortedResultQuestion, _sortedResultQuestion2, _sortedResultQuestion3, _sortedResultQuestion4, _sortedResultQuestion5, _sortedResultQuestion6;
28440
+ var _sortedResultQuestion, _sortedResultQuestion2, _safety$overviewQuest2;
28411
28441
 
28412
28442
  var sortedResultQuestions = safety.overviewQuestionChoice[i].resultQuestion.sort(function (a, b) {
28413
28443
  return a.avgOfStudentChoice < b.avgOfStudentChoice ? 1 : -1;
28414
28444
  });
28415
28445
  var bestResultQuestion1 = ((_sortedResultQuestion = sortedResultQuestions[0]) === null || _sortedResultQuestion === void 0 ? void 0 : _sortedResultQuestion.questionText.slice(3, (_sortedResultQuestion2 = sortedResultQuestions[0]) === null || _sortedResultQuestion2 === void 0 ? void 0 : _sortedResultQuestion2.questionText.indexOf("</p>"))) || "";
28416
- var bestResultQuestion2 = ((_sortedResultQuestion3 = sortedResultQuestions[1]) === null || _sortedResultQuestion3 === void 0 ? void 0 : _sortedResultQuestion3.questionText.slice(3, (_sortedResultQuestion4 = sortedResultQuestions[1]) === null || _sortedResultQuestion4 === void 0 ? void 0 : _sortedResultQuestion4.questionText.indexOf("</p>"))) || "";
28417
- var bestResultQuestion3 = ((_sortedResultQuestion5 = sortedResultQuestions[2]) === null || _sortedResultQuestion5 === void 0 ? void 0 : _sortedResultQuestion5.questionText.slice(3, (_sortedResultQuestion6 = sortedResultQuestions[2]) === null || _sortedResultQuestion6 === void 0 ? void 0 : _sortedResultQuestion6.questionText.indexOf("</p>"))) || "";
28418
28446
  doc.setFont("Helvetica", "normal", "bold");
28419
28447
  doc.text(safety.overviewQuestionChoice[i].month, left, line + 20);
28420
28448
 
28421
28449
  if (bestResultQuestion1 != "") {
28422
- var _sortedResultQuestion7;
28450
+ var _sortedResultQuestion3;
28423
28451
 
28424
28452
  doc.setFont("Helvetica", "normal", "bold");
28425
28453
  doc.text(bestResultQuestion1, left + 10, line + 30);
28426
28454
  doc.setFont("Helvetica", "normal", "normal");
28427
- doc.text(((_sortedResultQuestion7 = sortedResultQuestions[0]) === null || _sortedResultQuestion7 === void 0 ? void 0 : _sortedResultQuestion7.avgOfStudentChoice.toFixed(1)) + "%", left + (bestResultQuestion1 === null || bestResultQuestion1 === void 0 ? void 0 : bestResultQuestion1.length) * 4 + 15, line + 30);
28455
+ doc.text(((_sortedResultQuestion3 = sortedResultQuestions[0]) === null || _sortedResultQuestion3 === void 0 ? void 0 : _sortedResultQuestion3.avgOfStudentChoice.toFixed(1)) + "%", left + (bestResultQuestion1 === null || bestResultQuestion1 === void 0 ? void 0 : bestResultQuestion1.length) * 4 + 15, line + 30);
28428
28456
  doc.setDrawColor(0);
28429
28457
  doc.setFillColor(64, 210, 204);
28430
28458
  doc.roundedRect(left, line + 25, 5, 5, 1, 1, "F");
28431
28459
  }
28432
28460
 
28433
- if (bestResultQuestion2 != "") {
28434
- var _sortedResultQuestion8;
28435
-
28436
- doc.setFont("Helvetica", "normal", "bold");
28437
- doc.text(bestResultQuestion2, left + 10, line + 40);
28438
- doc.setFont("Helvetica", "normal", "normal");
28439
- doc.text(((_sortedResultQuestion8 = sortedResultQuestions[1]) === null || _sortedResultQuestion8 === void 0 ? void 0 : _sortedResultQuestion8.avgOfStudentChoice.toFixed(1)) + "%", left + (bestResultQuestion2 === null || bestResultQuestion2 === void 0 ? void 0 : bestResultQuestion2.length) * 4 + 15, line + 40);
28440
- doc.setDrawColor(0);
28441
- doc.setFillColor(120, 182, 226);
28442
- doc.roundedRect(left, line + 35, 5, 5, 1, 1, "F");
28443
- }
28444
-
28445
- if (bestResultQuestion3 != "") {
28446
- var _sortedResultQuestion9;
28447
-
28448
- doc.setFont("Helvetica", "normal", "bold");
28449
- doc.text(bestResultQuestion3, left + 10, line + 50);
28450
- doc.setFont("Helvetica", "normal", "normal");
28451
- doc.text(((_sortedResultQuestion9 = sortedResultQuestions[2]) === null || _sortedResultQuestion9 === void 0 ? void 0 : _sortedResultQuestion9.avgOfStudentChoice.toFixed(1)) + "%", left + (bestResultQuestion3 === null || bestResultQuestion3 === void 0 ? void 0 : bestResultQuestion3.length) * 4 + 15, line + 50);
28452
- doc.setDrawColor(0);
28453
- doc.setFillColor(255, 176, 79);
28454
- doc.roundedRect(left, line + 45, 5, 5, 1, 1, "F");
28455
- }
28456
-
28457
28461
  if ((bestResultQuestion1 === null || bestResultQuestion1 === void 0 ? void 0 : bestResultQuestion1.length) * 5 + 5 + 10 > 100) {
28458
28462
  left = left + (bestResultQuestion1 === null || bestResultQuestion1 === void 0 ? void 0 : bestResultQuestion1.length) * 5 + 20;
28459
- } else if ((bestResultQuestion2 === null || bestResultQuestion2 === void 0 ? void 0 : bestResultQuestion2.length) * 5 + 5 + 10 > 100) {
28460
- left = left + (bestResultQuestion2 === null || bestResultQuestion2 === void 0 ? void 0 : bestResultQuestion2.length) * 5 + 20;
28461
- } else if ((bestResultQuestion3 === null || bestResultQuestion3 === void 0 ? void 0 : bestResultQuestion3.length) * 5 + 5 + 10 > 100) {
28462
- left = left + (bestResultQuestion3 === null || bestResultQuestion3 === void 0 ? void 0 : bestResultQuestion3.length) * 5 + 20;
28463
28463
  } else {
28464
28464
  left = left + 100;
28465
28465
  }
28466
28466
 
28467
- if (left + 80 > WIDTH_PAPER) {
28467
+ if (left + (safety === null || safety === void 0 ? void 0 : (_safety$overviewQuest2 = safety.overviewQuestionChoice[i + 1]) === null || _safety$overviewQuest2 === void 0 ? void 0 : _safety$overviewQuest2.month.length) * 20 > WIDTH_PAPER) {
28468
28468
  left = 20;
28469
- line += 60;
28469
+ line += 30;
28470
28470
  }
28471
28471
  }
28472
28472
  }
28473
28473
 
28474
- doc.addImage(canvas.toDataURL("image/png", 1.0), 15, line + 30, 420, 170);
28474
+ doc.setFont("Helvetica", "normal", "normal");
28475
+ left = 20;
28476
+
28477
+ for (var i = 0; i < dataConvertedSafety.length; i++) {
28478
+ if (activeColumnSafety[i]) {
28479
+ doc.setDrawColor(0);
28480
+ doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
28481
+ doc.roundedRect(left, line + 60, 5, 5, 1, 1, "F");
28482
+ doc.setTextColor("#252733");
28483
+ doc.text(dataConvertedSafety[i], left + 7, line + 65);
28484
+ } else {
28485
+ doc.setDrawColor(0);
28486
+ doc.setFillColor("#CCCCCC");
28487
+ doc.roundedRect(left, line + 60, 5, 5, 1, 1, "F");
28488
+ doc.setTextColor("#CCCCCC");
28489
+ doc.text(dataConvertedSafety[i], left + 7, line + 65);
28490
+ }
28491
+
28492
+ left = left + dataConvertedSafety[i].length * 3 + 15;
28493
+ }
28494
+
28495
+ left = 20;
28496
+ doc.addImage(canvas.toDataURL("image/png", 1.0), 15, line + 70, 420, 140);
28497
+
28498
+ for (var i = 0; i < dataConvertedSafety.length; i++) {
28499
+ if (activeColumnSafety[i]) {
28500
+ doc.setDrawColor(0);
28501
+ doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
28502
+ doc.roundedRect(left, line + 215, 5, 5, 1, 1, "F");
28503
+ doc.setTextColor("#252733");
28504
+ doc.setFont("Helvetica", "normal", "normal");
28505
+ doc.text(dataConvertedSafety[i], left + 7, line + 220);
28506
+ doc.setFont("Helvetica", "normal", "bold");
28507
+ doc.text(avgSafety[i] + "%", left, line + 227);
28508
+ } else {
28509
+ doc.setDrawColor(0);
28510
+ doc.setFillColor("#CCCCCC");
28511
+ doc.roundedRect(left, line + 215, 5, 5, 1, 1, "F");
28512
+ doc.setTextColor("#CCCCCC");
28513
+ doc.setFont("Helvetica", "normal", "normal");
28514
+ doc.text(dataConvertedSafety[i], left + 7, line + 220);
28515
+ doc.setFont("Helvetica", "normal", "bold");
28516
+ doc.text("0.00%", left, line + 227);
28517
+ }
28518
+
28519
+ left = left + dataConvertedSafety[i].length * 3 + 15;
28520
+ }
28475
28521
  });
28476
28522
  });
28477
28523
  }
@@ -28484,7 +28530,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
28484
28530
  if (!!chartConferecePDF) {
28485
28531
  var _selectedToPDF4;
28486
28532
 
28487
- var line = 80;
28533
+ var line = 70;
28488
28534
  var left = 20;
28489
28535
  if (selectedToPDF.indexOf(chartConferecePDF) != 0 && ((_selectedToPDF4 = selectedToPDF[selectedToPDF.indexOf(chartConferecePDF) - 1]) === null || _selectedToPDF4 === void 0 ? void 0 : _selectedToPDF4.id) != null) doc.addPage();
28490
28536
  return Promise.resolve(createImageHeader()).then(function () {
@@ -28499,87 +28545,87 @@ var DashboardToPDF = function DashboardToPDF(props) {
28499
28545
  var _chartConference$over;
28500
28546
 
28501
28547
  if (chartConference.overviewQuestionChoice[i].resultQuestion[0].questionId != 0 || chartConference.overviewQuestionChoice[i].resultQuestion[0].questionText != "") {
28502
- var _sortedResultQuestion10, _sortedResultQuestion11, _sortedResultQuestion12, _sortedResultQuestion13, _sortedResultQuestion14, _sortedResultQuestion15;
28548
+ var _sortedResultQuestion4, _sortedResultQuestion5, _sortedResultQuestion6, _sortedResultQuestion7, _sortedResultQuestion8, _sortedResultQuestion9, _chartConference$over2;
28503
28549
 
28504
28550
  var sortedResultQuestions = chartConference.overviewQuestionChoice[i].resultQuestion.sort(function (a, b) {
28505
28551
  return a.avgOfStudentChoice < b.avgOfStudentChoice ? 1 : -1;
28506
28552
  });
28507
- var resultQuestion1 = ((_sortedResultQuestion10 = sortedResultQuestions[0]) === null || _sortedResultQuestion10 === void 0 ? void 0 : _sortedResultQuestion10.questionText) || "";
28508
- var resultQuestion2 = ((_sortedResultQuestion11 = sortedResultQuestions[1]) === null || _sortedResultQuestion11 === void 0 ? void 0 : _sortedResultQuestion11.questionText) || "";
28509
- var resultQuestion3 = ((_sortedResultQuestion12 = sortedResultQuestions[2]) === null || _sortedResultQuestion12 === void 0 ? void 0 : _sortedResultQuestion12.questionText) || "";
28510
- var resultQuestion4 = ((_sortedResultQuestion13 = sortedResultQuestions[3]) === null || _sortedResultQuestion13 === void 0 ? void 0 : _sortedResultQuestion13.questionText) || "";
28511
- var resultQuestion5 = ((_sortedResultQuestion14 = sortedResultQuestions[4]) === null || _sortedResultQuestion14 === void 0 ? void 0 : _sortedResultQuestion14.questionText) || "";
28512
- var resultQuestion6 = ((_sortedResultQuestion15 = sortedResultQuestions[5]) === null || _sortedResultQuestion15 === void 0 ? void 0 : _sortedResultQuestion15.questionText) || "";
28553
+ var resultQuestion1 = ((_sortedResultQuestion4 = sortedResultQuestions[0]) === null || _sortedResultQuestion4 === void 0 ? void 0 : _sortedResultQuestion4.questionText) || "";
28554
+ var resultQuestion2 = ((_sortedResultQuestion5 = sortedResultQuestions[1]) === null || _sortedResultQuestion5 === void 0 ? void 0 : _sortedResultQuestion5.questionText) || "";
28555
+ var resultQuestion3 = ((_sortedResultQuestion6 = sortedResultQuestions[2]) === null || _sortedResultQuestion6 === void 0 ? void 0 : _sortedResultQuestion6.questionText) || "";
28556
+ var resultQuestion4 = ((_sortedResultQuestion7 = sortedResultQuestions[3]) === null || _sortedResultQuestion7 === void 0 ? void 0 : _sortedResultQuestion7.questionText) || "";
28557
+ var resultQuestion5 = ((_sortedResultQuestion8 = sortedResultQuestions[4]) === null || _sortedResultQuestion8 === void 0 ? void 0 : _sortedResultQuestion8.questionText) || "";
28558
+ var resultQuestion6 = ((_sortedResultQuestion9 = sortedResultQuestions[5]) === null || _sortedResultQuestion9 === void 0 ? void 0 : _sortedResultQuestion9.questionText) || "";
28513
28559
  doc.setFont("Helvetica", "normal", "bold");
28514
28560
  doc.text(chartConference.overviewQuestionChoice[i].month, left, line + 20);
28515
28561
 
28516
28562
  if (resultQuestion1 != "") {
28517
- var _sortedResultQuestion16;
28563
+ var _sortedResultQuestion10;
28518
28564
 
28519
28565
  doc.setFont("Helvetica", "normal", "bold");
28520
28566
  doc.text(resultQuestion1, left + 10, line + 30);
28521
28567
  doc.setFont("Helvetica", "normal", "normal");
28522
- doc.text(((_sortedResultQuestion16 = sortedResultQuestions[0]) === null || _sortedResultQuestion16 === void 0 ? void 0 : _sortedResultQuestion16.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion1 === null || resultQuestion1 === void 0 ? void 0 : resultQuestion1.length) * 3 + 17, line + 30);
28568
+ doc.text(((_sortedResultQuestion10 = sortedResultQuestions[0]) === null || _sortedResultQuestion10 === void 0 ? void 0 : _sortedResultQuestion10.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion1 === null || resultQuestion1 === void 0 ? void 0 : resultQuestion1.length) * 3 + 17, line + 30);
28523
28569
  doc.setDrawColor(0);
28524
28570
  doc.setFillColor(64, 210, 204);
28525
28571
  doc.roundedRect(left, line + 25, 5, 5, 1, 1, "F");
28526
28572
  }
28527
28573
 
28528
28574
  if (resultQuestion2 != "") {
28529
- var _sortedResultQuestion17;
28575
+ var _sortedResultQuestion11;
28530
28576
 
28531
28577
  doc.setFont("Helvetica", "normal", "bold");
28532
28578
  doc.text(resultQuestion2, left + 10, line + 40);
28533
28579
  doc.setFont("Helvetica", "normal", "normal");
28534
- doc.text(((_sortedResultQuestion17 = sortedResultQuestions[1]) === null || _sortedResultQuestion17 === void 0 ? void 0 : _sortedResultQuestion17.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion2 === null || resultQuestion2 === void 0 ? void 0 : resultQuestion2.length) * 3 + 17, line + 40);
28580
+ doc.text(((_sortedResultQuestion11 = sortedResultQuestions[1]) === null || _sortedResultQuestion11 === void 0 ? void 0 : _sortedResultQuestion11.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion2 === null || resultQuestion2 === void 0 ? void 0 : resultQuestion2.length) * 3 + 17, line + 40);
28535
28581
  doc.setDrawColor(0);
28536
28582
  doc.setFillColor(120, 182, 226);
28537
28583
  doc.roundedRect(left, line + 35, 5, 5, 1, 1, "F");
28538
28584
  }
28539
28585
 
28540
28586
  if (resultQuestion3 != "") {
28541
- var _sortedResultQuestion18;
28587
+ var _sortedResultQuestion12;
28542
28588
 
28543
28589
  doc.setFont("Helvetica", "normal", "bold");
28544
28590
  doc.text(resultQuestion3, left + 10, line + 50);
28545
28591
  doc.setFont("Helvetica", "normal", "normal");
28546
- doc.text(((_sortedResultQuestion18 = sortedResultQuestions[2]) === null || _sortedResultQuestion18 === void 0 ? void 0 : _sortedResultQuestion18.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion3 === null || resultQuestion3 === void 0 ? void 0 : resultQuestion3.length) * 3 + 17, line + 50);
28592
+ doc.text(((_sortedResultQuestion12 = sortedResultQuestions[2]) === null || _sortedResultQuestion12 === void 0 ? void 0 : _sortedResultQuestion12.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion3 === null || resultQuestion3 === void 0 ? void 0 : resultQuestion3.length) * 3 + 17, line + 50);
28547
28593
  doc.setDrawColor(0);
28548
28594
  doc.setFillColor(255, 176, 79);
28549
28595
  doc.roundedRect(left, line + 45, 5, 5, 1, 1, "F");
28550
28596
  }
28551
28597
 
28552
28598
  if (resultQuestion4 != "") {
28553
- var _sortedResultQuestion19;
28599
+ var _sortedResultQuestion13;
28554
28600
 
28555
28601
  doc.setFont("Helvetica", "normal", "bold");
28556
28602
  doc.text(resultQuestion4, left + 10, line + 60);
28557
28603
  doc.setFont("Helvetica", "normal", "normal");
28558
- doc.text(((_sortedResultQuestion19 = sortedResultQuestions[2]) === null || _sortedResultQuestion19 === void 0 ? void 0 : _sortedResultQuestion19.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion4 === null || resultQuestion4 === void 0 ? void 0 : resultQuestion4.length) * 3 + 17, line + 60);
28604
+ doc.text(((_sortedResultQuestion13 = sortedResultQuestions[2]) === null || _sortedResultQuestion13 === void 0 ? void 0 : _sortedResultQuestion13.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion4 === null || resultQuestion4 === void 0 ? void 0 : resultQuestion4.length) * 3 + 17, line + 60);
28559
28605
  doc.setDrawColor(0);
28560
28606
  doc.setFillColor(206, 74, 73);
28561
28607
  doc.roundedRect(left, line + 55, 5, 5, 1, 1, "F");
28562
28608
  }
28563
28609
 
28564
28610
  if (resultQuestion5 != "") {
28565
- var _sortedResultQuestion20;
28611
+ var _sortedResultQuestion14;
28566
28612
 
28567
28613
  doc.setFont("Helvetica", "normal", "bold");
28568
28614
  doc.text(resultQuestion5, left + 10, line + 70);
28569
28615
  doc.setFont("Helvetica", "normal", "normal");
28570
- doc.text(((_sortedResultQuestion20 = sortedResultQuestions[2]) === null || _sortedResultQuestion20 === void 0 ? void 0 : _sortedResultQuestion20.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion5 === null || resultQuestion5 === void 0 ? void 0 : resultQuestion5.length) * 3 + 17, line + 70);
28616
+ doc.text(((_sortedResultQuestion14 = sortedResultQuestions[2]) === null || _sortedResultQuestion14 === void 0 ? void 0 : _sortedResultQuestion14.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion5 === null || resultQuestion5 === void 0 ? void 0 : resultQuestion5.length) * 3 + 17, line + 70);
28571
28617
  doc.setDrawColor(0);
28572
28618
  doc.setFillColor(27, 183, 177);
28573
28619
  doc.roundedRect(left, line + 65, 5, 5, 1, 1, "F");
28574
28620
  }
28575
28621
 
28576
28622
  if (resultQuestion6 != "") {
28577
- var _sortedResultQuestion21;
28623
+ var _sortedResultQuestion15;
28578
28624
 
28579
28625
  doc.setFont("Helvetica", "normal", "bold");
28580
28626
  doc.text(resultQuestion6, left + 10, line + 80);
28581
28627
  doc.setFont("Helvetica", "normal", "normal");
28582
- doc.text(((_sortedResultQuestion21 = sortedResultQuestions[2]) === null || _sortedResultQuestion21 === void 0 ? void 0 : _sortedResultQuestion21.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion6 === null || resultQuestion6 === void 0 ? void 0 : resultQuestion6.length) * 3 + 17, line + 80);
28628
+ doc.text(((_sortedResultQuestion15 = sortedResultQuestions[2]) === null || _sortedResultQuestion15 === void 0 ? void 0 : _sortedResultQuestion15.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion6 === null || resultQuestion6 === void 0 ? void 0 : resultQuestion6.length) * 3 + 17, line + 80);
28583
28629
  doc.setDrawColor(0);
28584
28630
  doc.setFillColor(75, 146, 206);
28585
28631
  doc.roundedRect(left, line + 75, 5, 5, 1, 1, "F");
@@ -28601,14 +28647,60 @@ var DashboardToPDF = function DashboardToPDF(props) {
28601
28647
  left = left + 100;
28602
28648
  }
28603
28649
 
28604
- if (left + 80 > WIDTH_PAPER) {
28650
+ if (left + (chartConference === null || chartConference === void 0 ? void 0 : (_chartConference$over2 = chartConference.overviewQuestionChoice[i + 1]) === null || _chartConference$over2 === void 0 ? void 0 : _chartConference$over2.month.length) * 20 > WIDTH_PAPER) {
28605
28651
  left = 20;
28606
- line += 90;
28652
+ line += 80;
28607
28653
  }
28608
28654
  }
28609
28655
  }
28610
28656
 
28611
- doc.addImage(canvas.toDataURL("image/png", 1.0), 15, line + 30, 420, 170);
28657
+ doc.setFont("Helvetica", "normal", "normal");
28658
+ left = 20;
28659
+
28660
+ for (var i = 0; i < dataConvertedConference.length; i++) {
28661
+ if (activeColumnConference[i]) {
28662
+ doc.setDrawColor(0);
28663
+ doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
28664
+ doc.roundedRect(left, line + 95, 5, 5, 1, 1, "F");
28665
+ doc.setTextColor("#252733");
28666
+ doc.text(dataConvertedConference[i], left + 7, line + 100);
28667
+ } else {
28668
+ doc.setDrawColor(0);
28669
+ doc.setFillColor("#CCCCCC");
28670
+ doc.roundedRect(left, line + 95, 5, 5, 1, 1, "F");
28671
+ doc.setTextColor("#CCCCCC");
28672
+ doc.text(dataConvertedConference[i], left + 7, line + 100);
28673
+ }
28674
+
28675
+ left = left + dataConvertedConference[i].length * 3 + 15;
28676
+ }
28677
+
28678
+ left = 20;
28679
+ doc.addImage(canvas.toDataURL("image/png", 1.0), 15, line + 105, 420, 140);
28680
+
28681
+ for (var i = 0; i < dataConvertedConference.length; i++) {
28682
+ if (activeColumnConference[i]) {
28683
+ doc.setDrawColor(0);
28684
+ doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
28685
+ doc.roundedRect(left, line + 250, 5, 5, 1, 1, "F");
28686
+ doc.setTextColor("#252733");
28687
+ doc.setFont("Helvetica", "normal", "normal");
28688
+ doc.text(dataConvertedConference[i], left + 7, line + 255);
28689
+ doc.setFont("Helvetica", "normal", "bold");
28690
+ doc.text(avgConference[i] + "%", left, line + 262);
28691
+ } else {
28692
+ doc.setDrawColor(0);
28693
+ doc.setFillColor("#CCCCCC");
28694
+ doc.roundedRect(left, line + 250, 5, 5, 1, 1, "F");
28695
+ doc.setTextColor("#CCCCCC");
28696
+ doc.setFont("Helvetica", "normal", "normal");
28697
+ doc.text(dataConvertedConference[i], left + 7, line + 255);
28698
+ doc.setFont("Helvetica", "normal", "bold");
28699
+ doc.text("0.00%", left, line + 262);
28700
+ }
28701
+
28702
+ left = left + dataConvertedConference[i].length * 3 + 15;
28703
+ }
28612
28704
  });
28613
28705
  });
28614
28706
  }
@@ -28621,7 +28713,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
28621
28713
  if (!!chartClassReflectionPDF) {
28622
28714
  var _selectedToPDF5;
28623
28715
 
28624
- var line = 80;
28716
+ var line = 70;
28625
28717
  var left = 20;
28626
28718
  if (selectedToPDF.indexOf(chartClassReflectionPDF) != 0 && ((_selectedToPDF5 = selectedToPDF[selectedToPDF.indexOf(chartClassReflectionPDF) - 1]) === null || _selectedToPDF5 === void 0 ? void 0 : _selectedToPDF5.id) != null) doc.addPage();
28627
28719
  return Promise.resolve(createImageHeader()).then(function () {
@@ -28636,74 +28728,74 @@ var DashboardToPDF = function DashboardToPDF(props) {
28636
28728
  var _chartClassReflection;
28637
28729
 
28638
28730
  if (chartClassReflection.overviewQuestionChoice[i].resultQuestion[0].questionId != 0) {
28639
- var _sortedResultQuestion22, _sortedResultQuestion23, _sortedResultQuestion24, _sortedResultQuestion25, _sortedResultQuestion26, _sortedResultQuestion27, _sortedResultQuestion28, _sortedResultQuestion29, _sortedResultQuestion30, _sortedResultQuestion31;
28731
+ var _sortedResultQuestion16, _sortedResultQuestion17, _sortedResultQuestion18, _sortedResultQuestion19, _sortedResultQuestion20, _sortedResultQuestion21, _sortedResultQuestion22, _sortedResultQuestion23, _sortedResultQuestion24, _sortedResultQuestion25, _chartClassReflection2;
28640
28732
 
28641
28733
  var sortedResultQuestions = chartClassReflection.overviewQuestionChoice[i].resultQuestion.sort(function (a, b) {
28642
28734
  return a.avgOfStudentChoice < b.avgOfStudentChoice ? 1 : -1;
28643
28735
  });
28644
- var resultQuestion1 = ((_sortedResultQuestion22 = sortedResultQuestions[0]) === null || _sortedResultQuestion22 === void 0 ? void 0 : _sortedResultQuestion22.questionText.slice(3, (_sortedResultQuestion23 = sortedResultQuestions[0]) === null || _sortedResultQuestion23 === void 0 ? void 0 : _sortedResultQuestion23.questionText.indexOf("</p>"))) || "";
28645
- var resultQuestion2 = ((_sortedResultQuestion24 = sortedResultQuestions[1]) === null || _sortedResultQuestion24 === void 0 ? void 0 : _sortedResultQuestion24.questionText.slice(3, (_sortedResultQuestion25 = sortedResultQuestions[1]) === null || _sortedResultQuestion25 === void 0 ? void 0 : _sortedResultQuestion25.questionText.indexOf("</p>"))) || "";
28646
- var resultQuestion3 = ((_sortedResultQuestion26 = sortedResultQuestions[2]) === null || _sortedResultQuestion26 === void 0 ? void 0 : _sortedResultQuestion26.questionText.slice(3, (_sortedResultQuestion27 = sortedResultQuestions[2]) === null || _sortedResultQuestion27 === void 0 ? void 0 : _sortedResultQuestion27.questionText.indexOf("</p>"))) || "";
28647
- var resultQuestion4 = ((_sortedResultQuestion28 = sortedResultQuestions[3]) === null || _sortedResultQuestion28 === void 0 ? void 0 : _sortedResultQuestion28.questionText.slice(3, (_sortedResultQuestion29 = sortedResultQuestions[3]) === null || _sortedResultQuestion29 === void 0 ? void 0 : _sortedResultQuestion29.questionText.indexOf("</p>"))) || "";
28648
- var resultQuestion5 = ((_sortedResultQuestion30 = sortedResultQuestions[4]) === null || _sortedResultQuestion30 === void 0 ? void 0 : _sortedResultQuestion30.questionText.slice(3, (_sortedResultQuestion31 = sortedResultQuestions[4]) === null || _sortedResultQuestion31 === void 0 ? void 0 : _sortedResultQuestion31.questionText.indexOf("</p>"))) || "";
28736
+ var resultQuestion1 = ((_sortedResultQuestion16 = sortedResultQuestions[0]) === null || _sortedResultQuestion16 === void 0 ? void 0 : _sortedResultQuestion16.questionText.slice(3, (_sortedResultQuestion17 = sortedResultQuestions[0]) === null || _sortedResultQuestion17 === void 0 ? void 0 : _sortedResultQuestion17.questionText.indexOf("</p>"))) || "";
28737
+ var resultQuestion2 = ((_sortedResultQuestion18 = sortedResultQuestions[1]) === null || _sortedResultQuestion18 === void 0 ? void 0 : _sortedResultQuestion18.questionText.slice(3, (_sortedResultQuestion19 = sortedResultQuestions[1]) === null || _sortedResultQuestion19 === void 0 ? void 0 : _sortedResultQuestion19.questionText.indexOf("</p>"))) || "";
28738
+ var resultQuestion3 = ((_sortedResultQuestion20 = sortedResultQuestions[2]) === null || _sortedResultQuestion20 === void 0 ? void 0 : _sortedResultQuestion20.questionText.slice(3, (_sortedResultQuestion21 = sortedResultQuestions[2]) === null || _sortedResultQuestion21 === void 0 ? void 0 : _sortedResultQuestion21.questionText.indexOf("</p>"))) || "";
28739
+ var resultQuestion4 = ((_sortedResultQuestion22 = sortedResultQuestions[3]) === null || _sortedResultQuestion22 === void 0 ? void 0 : _sortedResultQuestion22.questionText.slice(3, (_sortedResultQuestion23 = sortedResultQuestions[3]) === null || _sortedResultQuestion23 === void 0 ? void 0 : _sortedResultQuestion23.questionText.indexOf("</p>"))) || "";
28740
+ var resultQuestion5 = ((_sortedResultQuestion24 = sortedResultQuestions[4]) === null || _sortedResultQuestion24 === void 0 ? void 0 : _sortedResultQuestion24.questionText.slice(3, (_sortedResultQuestion25 = sortedResultQuestions[4]) === null || _sortedResultQuestion25 === void 0 ? void 0 : _sortedResultQuestion25.questionText.indexOf("</p>"))) || "";
28649
28741
  doc.setFont("Helvetica", "normal", "bold");
28650
28742
  doc.text(chartClassReflection.overviewQuestionChoice[i].month, left, line + 20);
28651
28743
 
28652
28744
  if (resultQuestion1 != "") {
28653
- var _sortedResultQuestion32;
28745
+ var _sortedResultQuestion26;
28654
28746
 
28655
28747
  doc.setFont("Helvetica", "normal", "bold");
28656
28748
  doc.text(resultQuestion1, left + 10, line + 30);
28657
28749
  doc.setFont("Helvetica", "normal", "normal");
28658
- doc.text(((_sortedResultQuestion32 = sortedResultQuestions[0]) === null || _sortedResultQuestion32 === void 0 ? void 0 : _sortedResultQuestion32.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion1 === null || resultQuestion1 === void 0 ? void 0 : resultQuestion1.length) * 3 + 15, line + 30);
28750
+ doc.text(((_sortedResultQuestion26 = sortedResultQuestions[0]) === null || _sortedResultQuestion26 === void 0 ? void 0 : _sortedResultQuestion26.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion1 === null || resultQuestion1 === void 0 ? void 0 : resultQuestion1.length) * 3 + 15, line + 30);
28659
28751
  doc.setDrawColor(0);
28660
28752
  doc.setFillColor(64, 210, 204);
28661
28753
  doc.roundedRect(left, line + 25, 5, 5, 1, 1, "F");
28662
28754
  }
28663
28755
 
28664
28756
  if (resultQuestion2 != "") {
28665
- var _sortedResultQuestion33;
28757
+ var _sortedResultQuestion27;
28666
28758
 
28667
28759
  doc.setFont("Helvetica", "normal", "bold");
28668
28760
  doc.text(resultQuestion2, left + 10, line + 40);
28669
28761
  doc.setFont("Helvetica", "normal", "normal");
28670
- doc.text(((_sortedResultQuestion33 = sortedResultQuestions[1]) === null || _sortedResultQuestion33 === void 0 ? void 0 : _sortedResultQuestion33.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion2 === null || resultQuestion2 === void 0 ? void 0 : resultQuestion2.length) * 3 + 15, line + 40);
28762
+ doc.text(((_sortedResultQuestion27 = sortedResultQuestions[1]) === null || _sortedResultQuestion27 === void 0 ? void 0 : _sortedResultQuestion27.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion2 === null || resultQuestion2 === void 0 ? void 0 : resultQuestion2.length) * 3 + 15, line + 40);
28671
28763
  doc.setDrawColor(0);
28672
28764
  doc.setFillColor(120, 182, 226);
28673
28765
  doc.roundedRect(left, line + 35, 5, 5, 1, 1, "F");
28674
28766
  }
28675
28767
 
28676
28768
  if (resultQuestion3 != "") {
28677
- var _sortedResultQuestion34;
28769
+ var _sortedResultQuestion28;
28678
28770
 
28679
28771
  doc.setFont("Helvetica", "normal", "bold");
28680
28772
  doc.text(resultQuestion3, left + 10, line + 50);
28681
28773
  doc.setFont("Helvetica", "normal", "normal");
28682
- doc.text(((_sortedResultQuestion34 = sortedResultQuestions[2]) === null || _sortedResultQuestion34 === void 0 ? void 0 : _sortedResultQuestion34.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion3 === null || resultQuestion3 === void 0 ? void 0 : resultQuestion3.length) * 3 + 15, line + 50);
28774
+ doc.text(((_sortedResultQuestion28 = sortedResultQuestions[2]) === null || _sortedResultQuestion28 === void 0 ? void 0 : _sortedResultQuestion28.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion3 === null || resultQuestion3 === void 0 ? void 0 : resultQuestion3.length) * 3 + 15, line + 50);
28683
28775
  doc.setDrawColor(0);
28684
28776
  doc.setFillColor(255, 176, 79);
28685
28777
  doc.roundedRect(left, line + 45, 5, 5, 1, 1, "F");
28686
28778
  }
28687
28779
 
28688
28780
  if (resultQuestion4 != "") {
28689
- var _sortedResultQuestion35;
28781
+ var _sortedResultQuestion29;
28690
28782
 
28691
28783
  doc.setFont("Helvetica", "normal", "bold");
28692
28784
  doc.text(resultQuestion4, left + 10, line + 60);
28693
28785
  doc.setFont("Helvetica", "normal", "normal");
28694
- doc.text(((_sortedResultQuestion35 = sortedResultQuestions[3]) === null || _sortedResultQuestion35 === void 0 ? void 0 : _sortedResultQuestion35.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion4 === null || resultQuestion4 === void 0 ? void 0 : resultQuestion4.length) * 3 + 15, line + 60);
28786
+ doc.text(((_sortedResultQuestion29 = sortedResultQuestions[3]) === null || _sortedResultQuestion29 === void 0 ? void 0 : _sortedResultQuestion29.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion4 === null || resultQuestion4 === void 0 ? void 0 : resultQuestion4.length) * 3 + 15, line + 60);
28695
28787
  doc.setDrawColor(0);
28696
28788
  doc.setFillColor(206, 74, 73);
28697
28789
  doc.roundedRect(left, line + 55, 5, 5, 1, 1, "F");
28698
28790
  }
28699
28791
 
28700
28792
  if (resultQuestion5 != "") {
28701
- var _sortedResultQuestion36;
28793
+ var _sortedResultQuestion30;
28702
28794
 
28703
28795
  doc.setFont("Helvetica", "normal", "bold");
28704
28796
  doc.text(resultQuestion5, left + 10, line + 70);
28705
28797
  doc.setFont("Helvetica", "normal", "normal");
28706
- doc.text(((_sortedResultQuestion36 = sortedResultQuestions[4]) === null || _sortedResultQuestion36 === void 0 ? void 0 : _sortedResultQuestion36.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion5 === null || resultQuestion5 === void 0 ? void 0 : resultQuestion5.length) * 3 + 15, line + 70);
28798
+ doc.text(((_sortedResultQuestion30 = sortedResultQuestions[4]) === null || _sortedResultQuestion30 === void 0 ? void 0 : _sortedResultQuestion30.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion5 === null || resultQuestion5 === void 0 ? void 0 : resultQuestion5.length) * 3 + 15, line + 70);
28707
28799
  doc.setDrawColor(0);
28708
28800
  doc.setFillColor(27, 183, 177);
28709
28801
  doc.roundedRect(left, line + 65, 5, 5, 1, 1, "F");
@@ -28723,14 +28815,64 @@ var DashboardToPDF = function DashboardToPDF(props) {
28723
28815
  left = left + 80;
28724
28816
  }
28725
28817
 
28726
- if (left + 80 > WIDTH_PAPER) {
28818
+ console.log({
28819
+ left: left
28820
+ });
28821
+
28822
+ if (left + (chartClassReflection === null || chartClassReflection === void 0 ? void 0 : (_chartClassReflection2 = chartClassReflection.overviewQuestionChoice[i + 1]) === null || _chartClassReflection2 === void 0 ? void 0 : _chartClassReflection2.month.length) * 20 > WIDTH_PAPER) {
28727
28823
  left = 20;
28728
- line += 75;
28824
+ line += 55;
28729
28825
  }
28730
28826
  }
28731
28827
  }
28732
28828
 
28733
- doc.addImage(canvas.toDataURL("image/png", 1.0), 15, line + 30, 420, 170);
28829
+ doc.setFont("Helvetica", "normal", "normal");
28830
+ left = 20;
28831
+
28832
+ for (var i = 0; i < dataConvertedClassReflection.length; i++) {
28833
+ if (activeColumnClassReflection[i]) {
28834
+ doc.setDrawColor(0);
28835
+ doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
28836
+ doc.roundedRect(left, line + 95, 5, 5, 1, 1, "F");
28837
+ doc.setTextColor("#252733");
28838
+ doc.text(dataConvertedClassReflection[i], left + 7, line + 100);
28839
+ } else {
28840
+ doc.setDrawColor(0);
28841
+ doc.setFillColor("#CCCCCC");
28842
+ doc.roundedRect(left, line + 95, 5, 5, 1, 1, "F");
28843
+ doc.setTextColor("#CCCCCC");
28844
+ doc.text(dataConvertedClassReflection[i], left + 7, line + 100);
28845
+ }
28846
+
28847
+ left = left + dataConvertedClassReflection[i].length * 3 + 15;
28848
+ }
28849
+
28850
+ left = 20;
28851
+ doc.addImage(canvas.toDataURL("image/png", 1.0), 15, line + 105, 420, 140);
28852
+
28853
+ for (var i = 0; i < dataConvertedClassReflection.length; i++) {
28854
+ if (activeColumnClassReflection[i]) {
28855
+ doc.setDrawColor(0);
28856
+ doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
28857
+ doc.roundedRect(left, line + 250, 5, 5, 1, 1, "F");
28858
+ doc.setTextColor("#252733");
28859
+ doc.setFont("Helvetica", "normal", "normal");
28860
+ doc.text(dataConvertedClassReflection[i], left + 7, line + 255);
28861
+ doc.setFont("Helvetica", "normal", "bold");
28862
+ doc.text(avgClassReflection[i] + "%", left, line + 262);
28863
+ } else {
28864
+ doc.setDrawColor(0);
28865
+ doc.setFillColor("#CCCCCC");
28866
+ doc.roundedRect(left, line + 250, 5, 5, 1, 1, "F");
28867
+ doc.setTextColor("#CCCCCC");
28868
+ doc.setFont("Helvetica", "normal", "normal");
28869
+ doc.text(dataConvertedClassReflection[i], left + 7, line + 255);
28870
+ doc.setFont("Helvetica", "normal", "bold");
28871
+ doc.text("0.00%", left, line + 262);
28872
+ }
28873
+
28874
+ left = left + dataConvertedClassReflection[i].length * 3 + 15;
28875
+ }
28734
28876
  });
28735
28877
  });
28736
28878
  }
@@ -28743,7 +28885,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
28743
28885
  if (!!chartOneToOne) {
28744
28886
  var _selectedToPDF6;
28745
28887
 
28746
- var line = 80;
28888
+ var line = 70;
28747
28889
  var left = 20;
28748
28890
  if (selectedToPDF.indexOf(chartOneToOne) != 0 && ((_selectedToPDF6 = selectedToPDF[selectedToPDF.indexOf(chartOneToOne) - 1]) === null || _selectedToPDF6 === void 0 ? void 0 : _selectedToPDF6.id) != null) doc.addPage();
28749
28891
  return Promise.resolve(createImageHeader()).then(function () {
@@ -28758,126 +28900,126 @@ var DashboardToPDF = function DashboardToPDF(props) {
28758
28900
  var _chartOneToOneData$ov;
28759
28901
 
28760
28902
  if (chartOneToOneData.overviewQuestionChoice[i].resultQuestion[0].questionId != 0) {
28761
- var _sortedResultQuestion37, _sortedResultQuestion38, _sortedResultQuestion39, _sortedResultQuestion40, _sortedResultQuestion41, _sortedResultQuestion42, _sortedResultQuestion43, _sortedResultQuestion44, _sortedResultQuestion45, _sortedResultQuestion46, _sortedResultQuestion47, _sortedResultQuestion48, _sortedResultQuestion49, _sortedResultQuestion50, _sortedResultQuestion51, _sortedResultQuestion52, _sortedResultQuestion53, _sortedResultQuestion54;
28903
+ var _sortedResultQuestion31, _sortedResultQuestion32, _sortedResultQuestion33, _sortedResultQuestion34, _sortedResultQuestion35, _sortedResultQuestion36, _sortedResultQuestion37, _sortedResultQuestion38, _sortedResultQuestion39, _sortedResultQuestion40, _sortedResultQuestion41, _sortedResultQuestion42, _sortedResultQuestion43, _sortedResultQuestion44, _sortedResultQuestion45, _sortedResultQuestion46, _sortedResultQuestion47, _sortedResultQuestion48, _chartOneToOneData$ov2;
28762
28904
 
28763
28905
  var sortedResultQuestions = chartOneToOneData.overviewQuestionChoice[i].resultQuestion.sort(function (a, b) {
28764
28906
  return a.avgOfStudentChoice < b.avgOfStudentChoice ? 1 : -1;
28765
28907
  });
28766
- var resultQuestion1 = ((_sortedResultQuestion37 = sortedResultQuestions[0]) === null || _sortedResultQuestion37 === void 0 ? void 0 : _sortedResultQuestion37.questionText.slice(3, (_sortedResultQuestion38 = sortedResultQuestions[0]) === null || _sortedResultQuestion38 === void 0 ? void 0 : _sortedResultQuestion38.questionText.indexOf("</p>"))) || "";
28767
- var resultQuestion2 = ((_sortedResultQuestion39 = sortedResultQuestions[1]) === null || _sortedResultQuestion39 === void 0 ? void 0 : _sortedResultQuestion39.questionText.slice(3, (_sortedResultQuestion40 = sortedResultQuestions[1]) === null || _sortedResultQuestion40 === void 0 ? void 0 : _sortedResultQuestion40.questionText.indexOf("</p>"))) || "";
28768
- var resultQuestion3 = ((_sortedResultQuestion41 = sortedResultQuestions[2]) === null || _sortedResultQuestion41 === void 0 ? void 0 : _sortedResultQuestion41.questionText.slice(3, (_sortedResultQuestion42 = sortedResultQuestions[2]) === null || _sortedResultQuestion42 === void 0 ? void 0 : _sortedResultQuestion42.questionText.indexOf("</p>"))) || "";
28769
- var resultQuestion4 = ((_sortedResultQuestion43 = sortedResultQuestions[3]) === null || _sortedResultQuestion43 === void 0 ? void 0 : _sortedResultQuestion43.questionText.slice(3, (_sortedResultQuestion44 = sortedResultQuestions[3]) === null || _sortedResultQuestion44 === void 0 ? void 0 : _sortedResultQuestion44.questionText.indexOf("</p>"))) || "";
28770
- var resultQuestion5 = ((_sortedResultQuestion45 = sortedResultQuestions[4]) === null || _sortedResultQuestion45 === void 0 ? void 0 : _sortedResultQuestion45.questionText.slice(3, (_sortedResultQuestion46 = sortedResultQuestions[4]) === null || _sortedResultQuestion46 === void 0 ? void 0 : _sortedResultQuestion46.questionText.indexOf("</p>"))) || "";
28771
- var resultQuestion6 = ((_sortedResultQuestion47 = sortedResultQuestions[5]) === null || _sortedResultQuestion47 === void 0 ? void 0 : _sortedResultQuestion47.questionText.slice(3, (_sortedResultQuestion48 = sortedResultQuestions[5]) === null || _sortedResultQuestion48 === void 0 ? void 0 : _sortedResultQuestion48.questionText.indexOf("</p>"))) || "";
28772
- var resultQuestion7 = ((_sortedResultQuestion49 = sortedResultQuestions[6]) === null || _sortedResultQuestion49 === void 0 ? void 0 : _sortedResultQuestion49.questionText.slice(3, (_sortedResultQuestion50 = sortedResultQuestions[6]) === null || _sortedResultQuestion50 === void 0 ? void 0 : _sortedResultQuestion50.questionText.indexOf("</p>"))) || "";
28773
- var resultQuestion8 = ((_sortedResultQuestion51 = sortedResultQuestions[7]) === null || _sortedResultQuestion51 === void 0 ? void 0 : _sortedResultQuestion51.questionText.slice(3, (_sortedResultQuestion52 = sortedResultQuestions[7]) === null || _sortedResultQuestion52 === void 0 ? void 0 : _sortedResultQuestion52.questionText.indexOf("</p>"))) || "";
28774
- var resultQuestion9 = ((_sortedResultQuestion53 = sortedResultQuestions[8]) === null || _sortedResultQuestion53 === void 0 ? void 0 : _sortedResultQuestion53.questionText.slice(3, (_sortedResultQuestion54 = sortedResultQuestions[8]) === null || _sortedResultQuestion54 === void 0 ? void 0 : _sortedResultQuestion54.questionText.indexOf("</p>"))) || "";
28908
+ var resultQuestion1 = ((_sortedResultQuestion31 = sortedResultQuestions[0]) === null || _sortedResultQuestion31 === void 0 ? void 0 : _sortedResultQuestion31.questionText.slice(3, (_sortedResultQuestion32 = sortedResultQuestions[0]) === null || _sortedResultQuestion32 === void 0 ? void 0 : _sortedResultQuestion32.questionText.indexOf("</p>"))) || "";
28909
+ var resultQuestion2 = ((_sortedResultQuestion33 = sortedResultQuestions[1]) === null || _sortedResultQuestion33 === void 0 ? void 0 : _sortedResultQuestion33.questionText.slice(3, (_sortedResultQuestion34 = sortedResultQuestions[1]) === null || _sortedResultQuestion34 === void 0 ? void 0 : _sortedResultQuestion34.questionText.indexOf("</p>"))) || "";
28910
+ var resultQuestion3 = ((_sortedResultQuestion35 = sortedResultQuestions[2]) === null || _sortedResultQuestion35 === void 0 ? void 0 : _sortedResultQuestion35.questionText.slice(3, (_sortedResultQuestion36 = sortedResultQuestions[2]) === null || _sortedResultQuestion36 === void 0 ? void 0 : _sortedResultQuestion36.questionText.indexOf("</p>"))) || "";
28911
+ var resultQuestion4 = ((_sortedResultQuestion37 = sortedResultQuestions[3]) === null || _sortedResultQuestion37 === void 0 ? void 0 : _sortedResultQuestion37.questionText.slice(3, (_sortedResultQuestion38 = sortedResultQuestions[3]) === null || _sortedResultQuestion38 === void 0 ? void 0 : _sortedResultQuestion38.questionText.indexOf("</p>"))) || "";
28912
+ var resultQuestion5 = ((_sortedResultQuestion39 = sortedResultQuestions[4]) === null || _sortedResultQuestion39 === void 0 ? void 0 : _sortedResultQuestion39.questionText.slice(3, (_sortedResultQuestion40 = sortedResultQuestions[4]) === null || _sortedResultQuestion40 === void 0 ? void 0 : _sortedResultQuestion40.questionText.indexOf("</p>"))) || "";
28913
+ var resultQuestion6 = ((_sortedResultQuestion41 = sortedResultQuestions[5]) === null || _sortedResultQuestion41 === void 0 ? void 0 : _sortedResultQuestion41.questionText.slice(3, (_sortedResultQuestion42 = sortedResultQuestions[5]) === null || _sortedResultQuestion42 === void 0 ? void 0 : _sortedResultQuestion42.questionText.indexOf("</p>"))) || "";
28914
+ var resultQuestion7 = ((_sortedResultQuestion43 = sortedResultQuestions[6]) === null || _sortedResultQuestion43 === void 0 ? void 0 : _sortedResultQuestion43.questionText.slice(3, (_sortedResultQuestion44 = sortedResultQuestions[6]) === null || _sortedResultQuestion44 === void 0 ? void 0 : _sortedResultQuestion44.questionText.indexOf("</p>"))) || "";
28915
+ var resultQuestion8 = ((_sortedResultQuestion45 = sortedResultQuestions[7]) === null || _sortedResultQuestion45 === void 0 ? void 0 : _sortedResultQuestion45.questionText.slice(3, (_sortedResultQuestion46 = sortedResultQuestions[7]) === null || _sortedResultQuestion46 === void 0 ? void 0 : _sortedResultQuestion46.questionText.indexOf("</p>"))) || "";
28916
+ var resultQuestion9 = ((_sortedResultQuestion47 = sortedResultQuestions[8]) === null || _sortedResultQuestion47 === void 0 ? void 0 : _sortedResultQuestion47.questionText.slice(3, (_sortedResultQuestion48 = sortedResultQuestions[8]) === null || _sortedResultQuestion48 === void 0 ? void 0 : _sortedResultQuestion48.questionText.indexOf("</p>"))) || "";
28775
28917
  doc.setFont("Helvetica", "normal", "bold");
28776
28918
  doc.text(chartOneToOneData.overviewQuestionChoice[i].month, left, line + 20);
28777
28919
 
28778
28920
  if (resultQuestion1 != "") {
28779
- var _sortedResultQuestion55;
28921
+ var _sortedResultQuestion49;
28780
28922
 
28781
28923
  doc.setFont("Helvetica", "normal", "bold");
28782
28924
  doc.text(resultQuestion1, left + 10, line + 30);
28783
28925
  doc.setFont("Helvetica", "normal", "normal");
28784
- doc.text(((_sortedResultQuestion55 = sortedResultQuestions[0]) === null || _sortedResultQuestion55 === void 0 ? void 0 : _sortedResultQuestion55.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion1 === null || resultQuestion1 === void 0 ? void 0 : resultQuestion1.length) * 3 + 17, line + 30);
28926
+ doc.text(((_sortedResultQuestion49 = sortedResultQuestions[0]) === null || _sortedResultQuestion49 === void 0 ? void 0 : _sortedResultQuestion49.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion1 === null || resultQuestion1 === void 0 ? void 0 : resultQuestion1.length) * 3 + 17, line + 30);
28785
28927
  doc.setDrawColor(0);
28786
28928
  doc.setFillColor(64, 210, 204);
28787
28929
  doc.roundedRect(left, line + 25, 5, 5, 1, 1, "F");
28788
28930
  }
28789
28931
 
28790
28932
  if (resultQuestion2 != "") {
28791
- var _sortedResultQuestion56;
28933
+ var _sortedResultQuestion50;
28792
28934
 
28793
28935
  doc.setFont("Helvetica", "normal", "bold");
28794
28936
  doc.text(resultQuestion2, left + 10, line + 40);
28795
28937
  doc.setFont("Helvetica", "normal", "normal");
28796
- doc.text(((_sortedResultQuestion56 = sortedResultQuestions[1]) === null || _sortedResultQuestion56 === void 0 ? void 0 : _sortedResultQuestion56.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion2 === null || resultQuestion2 === void 0 ? void 0 : resultQuestion2.length) * 3 + 17, line + 40);
28938
+ doc.text(((_sortedResultQuestion50 = sortedResultQuestions[1]) === null || _sortedResultQuestion50 === void 0 ? void 0 : _sortedResultQuestion50.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion2 === null || resultQuestion2 === void 0 ? void 0 : resultQuestion2.length) * 3 + 17, line + 40);
28797
28939
  doc.setDrawColor(0);
28798
28940
  doc.setFillColor(120, 182, 226);
28799
28941
  doc.roundedRect(left, line + 35, 5, 5, 1, 1, "F");
28800
28942
  }
28801
28943
 
28802
28944
  if (resultQuestion3 != "") {
28803
- var _sortedResultQuestion57;
28945
+ var _sortedResultQuestion51;
28804
28946
 
28805
28947
  doc.setFont("Helvetica", "normal", "bold");
28806
28948
  doc.text(resultQuestion3, left + 10, line + 50);
28807
28949
  doc.setFont("Helvetica", "normal", "normal");
28808
- doc.text(((_sortedResultQuestion57 = sortedResultQuestions[2]) === null || _sortedResultQuestion57 === void 0 ? void 0 : _sortedResultQuestion57.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion3 === null || resultQuestion3 === void 0 ? void 0 : resultQuestion3.length) * 3 + 17, line + 50);
28950
+ doc.text(((_sortedResultQuestion51 = sortedResultQuestions[2]) === null || _sortedResultQuestion51 === void 0 ? void 0 : _sortedResultQuestion51.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion3 === null || resultQuestion3 === void 0 ? void 0 : resultQuestion3.length) * 3 + 17, line + 50);
28809
28951
  doc.setDrawColor(0);
28810
28952
  doc.setFillColor(255, 176, 79);
28811
28953
  doc.roundedRect(left, line + 45, 5, 5, 1, 1, "F");
28812
28954
  }
28813
28955
 
28814
28956
  if (resultQuestion4 != "") {
28815
- var _sortedResultQuestion58;
28957
+ var _sortedResultQuestion52;
28816
28958
 
28817
28959
  doc.setFont("Helvetica", "normal", "bold");
28818
28960
  doc.text(resultQuestion4, left + 10, line + 60);
28819
28961
  doc.setFont("Helvetica", "normal", "normal");
28820
- doc.text(((_sortedResultQuestion58 = sortedResultQuestions[3]) === null || _sortedResultQuestion58 === void 0 ? void 0 : _sortedResultQuestion58.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion4 === null || resultQuestion4 === void 0 ? void 0 : resultQuestion4.length) * 3 + 17, line + 60);
28962
+ doc.text(((_sortedResultQuestion52 = sortedResultQuestions[3]) === null || _sortedResultQuestion52 === void 0 ? void 0 : _sortedResultQuestion52.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion4 === null || resultQuestion4 === void 0 ? void 0 : resultQuestion4.length) * 3 + 17, line + 60);
28821
28963
  doc.setDrawColor(0);
28822
28964
  doc.setFillColor(206, 74, 73);
28823
28965
  doc.roundedRect(left, line + 55, 5, 5, 1, 1, "F");
28824
28966
  }
28825
28967
 
28826
28968
  if (resultQuestion5 != "") {
28827
- var _sortedResultQuestion59;
28969
+ var _sortedResultQuestion53;
28828
28970
 
28829
28971
  doc.setFont("Helvetica", "normal", "bold");
28830
28972
  doc.text(resultQuestion5, left + 10, line + 70);
28831
28973
  doc.setFont("Helvetica", "normal", "normal");
28832
- doc.text(((_sortedResultQuestion59 = sortedResultQuestions[4]) === null || _sortedResultQuestion59 === void 0 ? void 0 : _sortedResultQuestion59.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion5 === null || resultQuestion5 === void 0 ? void 0 : resultQuestion5.length) * 3 + 17, line + 70);
28974
+ doc.text(((_sortedResultQuestion53 = sortedResultQuestions[4]) === null || _sortedResultQuestion53 === void 0 ? void 0 : _sortedResultQuestion53.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion5 === null || resultQuestion5 === void 0 ? void 0 : resultQuestion5.length) * 3 + 17, line + 70);
28833
28975
  doc.setDrawColor(0);
28834
28976
  doc.setFillColor(27, 183, 177);
28835
28977
  doc.roundedRect(left, line + 65, 5, 5, 1, 1, "F");
28836
28978
  }
28837
28979
 
28838
28980
  if (resultQuestion6 != "") {
28839
- var _sortedResultQuestion60;
28981
+ var _sortedResultQuestion54;
28840
28982
 
28841
28983
  doc.setFont("Helvetica", "normal", "bold");
28842
28984
  doc.text(resultQuestion6, left + 10, line + 80);
28843
28985
  doc.setFont("Helvetica", "normal", "normal");
28844
- doc.text(((_sortedResultQuestion60 = sortedResultQuestions[5]) === null || _sortedResultQuestion60 === void 0 ? void 0 : _sortedResultQuestion60.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion6 === null || resultQuestion6 === void 0 ? void 0 : resultQuestion6.length) * 3 + 17, line + 80);
28986
+ doc.text(((_sortedResultQuestion54 = sortedResultQuestions[5]) === null || _sortedResultQuestion54 === void 0 ? void 0 : _sortedResultQuestion54.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion6 === null || resultQuestion6 === void 0 ? void 0 : resultQuestion6.length) * 3 + 17, line + 80);
28845
28987
  doc.setDrawColor(0);
28846
28988
  doc.setFillColor(75, 146, 206);
28847
28989
  doc.roundedRect(left, line + 75, 5, 5, 1, 1, "F");
28848
28990
  }
28849
28991
 
28850
28992
  if (resultQuestion7 != "") {
28851
- var _sortedResultQuestion61;
28993
+ var _sortedResultQuestion55;
28852
28994
 
28853
28995
  doc.setFont("Helvetica", "normal", "bold");
28854
28996
  doc.text(resultQuestion7, left + 10, line + 90);
28855
28997
  doc.setFont("Helvetica", "normal", "normal");
28856
- doc.text(((_sortedResultQuestion61 = sortedResultQuestions[6]) === null || _sortedResultQuestion61 === void 0 ? void 0 : _sortedResultQuestion61.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion7 === null || resultQuestion7 === void 0 ? void 0 : resultQuestion7.length) * 3 + 17, line + 90);
28998
+ doc.text(((_sortedResultQuestion55 = sortedResultQuestions[6]) === null || _sortedResultQuestion55 === void 0 ? void 0 : _sortedResultQuestion55.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion7 === null || resultQuestion7 === void 0 ? void 0 : resultQuestion7.length) * 3 + 17, line + 90);
28857
28999
  doc.setDrawColor(0);
28858
29000
  doc.setFillColor(240, 148, 34);
28859
29001
  doc.roundedRect(left, line + 85, 5, 5, 1, 1, "F");
28860
29002
  }
28861
29003
 
28862
29004
  if (resultQuestion8 != "") {
28863
- var _sortedResultQuestion62;
29005
+ var _sortedResultQuestion56;
28864
29006
 
28865
29007
  doc.setFont("Helvetica", "normal", "bold");
28866
29008
  doc.text(resultQuestion8, left + 10, line + 100);
28867
29009
  doc.setFont("Helvetica", "normal", "normal");
28868
- doc.text(((_sortedResultQuestion62 = sortedResultQuestions[7]) === null || _sortedResultQuestion62 === void 0 ? void 0 : _sortedResultQuestion62.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion8 === null || resultQuestion8 === void 0 ? void 0 : resultQuestion8.length) * 3 + 17, line + 100);
29010
+ doc.text(((_sortedResultQuestion56 = sortedResultQuestions[7]) === null || _sortedResultQuestion56 === void 0 ? void 0 : _sortedResultQuestion56.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion8 === null || resultQuestion8 === void 0 ? void 0 : resultQuestion8.length) * 3 + 17, line + 100);
28869
29011
  doc.setDrawColor(0);
28870
29012
  doc.setFillColor(162, 51, 51);
28871
29013
  doc.roundedRect(left, line + 95, 5, 5, 1, 1, "F");
28872
29014
  }
28873
29015
 
28874
29016
  if (resultQuestion9 != "") {
28875
- var _sortedResultQuestion63;
29017
+ var _sortedResultQuestion57;
28876
29018
 
28877
29019
  doc.setFont("Helvetica", "normal", "bold");
28878
29020
  doc.text(resultQuestion9, left + 10, line + 110);
28879
29021
  doc.setFont("Helvetica", "normal", "normal");
28880
- doc.text(((_sortedResultQuestion63 = sortedResultQuestions[8]) === null || _sortedResultQuestion63 === void 0 ? void 0 : _sortedResultQuestion63.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion9 === null || resultQuestion9 === void 0 ? void 0 : resultQuestion9.length) * 3 + 17, line + 110);
29022
+ doc.text(((_sortedResultQuestion57 = sortedResultQuestions[8]) === null || _sortedResultQuestion57 === void 0 ? void 0 : _sortedResultQuestion57.avgOfStudentChoice.toFixed(1)) + "%", left + (resultQuestion9 === null || resultQuestion9 === void 0 ? void 0 : resultQuestion9.length) * 3 + 17, line + 110);
28881
29023
  doc.setDrawColor(0);
28882
29024
  doc.setFillColor(11, 153, 148);
28883
29025
  doc.roundedRect(left, line + 105, 5, 5, 1, 1, "F");
@@ -28885,14 +29027,60 @@ var DashboardToPDF = function DashboardToPDF(props) {
28885
29027
 
28886
29028
  left = left + 100;
28887
29029
 
28888
- if (left + 80 > WIDTH_PAPER) {
29030
+ if (left + (chartOneToOneData === null || chartOneToOneData === void 0 ? void 0 : (_chartOneToOneData$ov2 = chartOneToOneData.overviewQuestionChoice[i + 1]) === null || _chartOneToOneData$ov2 === void 0 ? void 0 : _chartOneToOneData$ov2.month.length) * 10 > WIDTH_PAPER) {
28889
29031
  left = 20;
28890
29032
  line += 110;
28891
29033
  }
28892
29034
  }
28893
29035
  }
28894
29036
 
28895
- doc.addImage(canvas.toDataURL("image/png", 1.0), 15, line + 25, 420, 170);
29037
+ doc.setFont("Helvetica", "normal", "normal");
29038
+ left = 20;
29039
+
29040
+ for (var i = 0; i < dataConvertedOneToOne.length; i++) {
29041
+ if (activeColumnOneToOne[i]) {
29042
+ doc.setDrawColor(0);
29043
+ doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
29044
+ doc.roundedRect(left, line + 130, 5, 5, 1, 1, "F");
29045
+ doc.setTextColor("#252733");
29046
+ doc.text(dataConvertedOneToOne[i], left + 7, line + 135);
29047
+ } else {
29048
+ doc.setDrawColor(0);
29049
+ doc.setFillColor("#CCCCCC");
29050
+ doc.roundedRect(left, line + 130, 5, 5, 1, 1, "F");
29051
+ doc.setTextColor("#CCCCCC");
29052
+ doc.text(dataConvertedOneToOne[i], left + 7, line + 135);
29053
+ }
29054
+
29055
+ left = left + dataConvertedOneToOne[i].length * 3 + 15;
29056
+ }
29057
+
29058
+ left = 20;
29059
+ doc.addImage(canvas.toDataURL("image/png", 1.0), 15, line + 140, 420, 170);
29060
+
29061
+ for (var i = 0; i < dataConvertedOneToOne.length; i++) {
29062
+ if (activeColumnOneToOne[i]) {
29063
+ doc.setDrawColor(0);
29064
+ doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
29065
+ doc.roundedRect(left, line + 315, 5, 5, 1, 1, "F");
29066
+ doc.setTextColor("#252733");
29067
+ doc.setFont("Helvetica", "normal", "normal");
29068
+ doc.text(dataConvertedOneToOne[i], left + 7, line + 320);
29069
+ doc.setFont("Helvetica", "normal", "bold");
29070
+ doc.text(avgOneToOne[i] + "%", left, line + 327);
29071
+ } else {
29072
+ doc.setDrawColor(0);
29073
+ doc.setFillColor("#CCCCCC");
29074
+ doc.roundedRect(left, line + 315, 5, 5, 1, 1, "F");
29075
+ doc.setTextColor("#CCCCCC");
29076
+ doc.setFont("Helvetica", "normal", "normal");
29077
+ doc.text(dataConvertedOneToOne[i], left + 7, line + 320);
29078
+ doc.setFont("Helvetica", "normal", "bold");
29079
+ doc.text("0.00%", left, line + 327);
29080
+ }
29081
+
29082
+ left = left + dataConvertedOneToOne[i].length * 3 + 15;
29083
+ }
28896
29084
  });
28897
29085
  });
28898
29086
  }
@@ -28905,7 +29093,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
28905
29093
  if (!!chartReadinessToLearn) {
28906
29094
  var _selectedToPDF7;
28907
29095
 
28908
- var line = 80;
29096
+ var line = 70;
28909
29097
  var left = 20;
28910
29098
  if (selectedToPDF.indexOf(chartReadinessToLearn) != 0 && ((_selectedToPDF7 = selectedToPDF[selectedToPDF.indexOf(chartReadinessToLearn) - 1]) === null || _selectedToPDF7 === void 0 ? void 0 : _selectedToPDF7.id) != null) doc.addPage();
28911
29099
  return Promise.resolve(createImageHeader()).then(function () {
@@ -28934,7 +29122,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
28934
29122
  try {
28935
29123
  var imageLogo = document.getElementById("header-logo");
28936
29124
  return Promise.resolve(html2canvas(imageLogo)).then(function (imageLogoCanvas) {
28937
- doc.addImage(imageLogoCanvas.toDataURL("image/png", 1.0), "png", 20, 20, 100, 30);
29125
+ doc.addImage(imageLogoCanvas.toDataURL("image/png", 1.0), "png", 20, 20, 90, 25);
28938
29126
  });
28939
29127
  } catch (e) {
28940
29128
  return Promise.reject(e);
@@ -28946,7 +29134,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
28946
29134
 
28947
29135
  var _temp15 = function () {
28948
29136
  if (!!chartHightImpactLearningStrategie) {
28949
- var line = 80;
29137
+ var line = 70;
28950
29138
  var left = 20;
28951
29139
  if (selectedToPDF.indexOf(chartHightImpactLearningStrategie) != 0 && selectedToPDF[selectedToPDF.indexOf(chartHightImpactLearningStrategie) - 1].id != null) doc.addPage();
28952
29140
  return Promise.resolve(createImageHeader()).then(function () {
@@ -28972,7 +29160,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
28972
29160
  doc.text(topLearningStrategies.learningStrategies[j].learningStrategyName, left, line + 20);
28973
29161
  doc.setFont("Helvetica", "normal", "normal");
28974
29162
  doc.text("Usage count: " + topLearningStrategies.learningStrategies[j].usageCount || "0", left, line + 30);
28975
- doc.text("Usage point: " + avgSumUsagePoint, left, line + 40);
29163
+ doc.text("Usage point: " + avgSumUsagePoint.toFixed(2), left, line + 40);
28976
29164
  left = left + (((_topLearningStrategie4 = topLearningStrategies.learningStrategies[j].learningStrategyName) === null || _topLearningStrategie4 === void 0 ? void 0 : _topLearningStrategie4.length) * 4 > 45 ? ((_topLearningStrategie5 = topLearningStrategies.learningStrategies[j].learningStrategyName) === null || _topLearningStrategie5 === void 0 ? void 0 : _topLearningStrategie5.length) * 4 : 60) + 15;
28977
29165
 
28978
29166
  if (left + ((_topLearningStrategie6 = topLearningStrategies.learningStrategies[j + 1]) === null || _topLearningStrategie6 === void 0 ? void 0 : (_topLearningStrategie7 = _topLearningStrategie6.learningStrategyName) === null || _topLearningStrategie7 === void 0 ? void 0 : _topLearningStrategie7.length) * 5 + 15 > WIDTH_PAPER) {
@@ -29016,25 +29204,25 @@ var DashboardToPDF = function DashboardToPDF(props) {
29016
29204
  id: chartOneToOne.id
29017
29205
  }, chartOneToOne.children(typeChartList[initialData.map(function (i) {
29018
29206
  return i.id;
29019
- }).indexOf(chartOneToOne === null || chartOneToOne === void 0 ? void 0 : chartOneToOne.id)]))), !!chartClassReflectionPDF && React__default.createElement("div", {
29207
+ }).indexOf(chartOneToOne === null || chartOneToOne === void 0 ? void 0 : chartOneToOne.id)], true))), !!chartClassReflectionPDF && React__default.createElement("div", {
29020
29208
  className: "" + styles$1["chart-to-canvas"]
29021
29209
  }, React__default.createElement("div", {
29022
29210
  id: chartClassReflectionPDF.id
29023
29211
  }, chartClassReflectionPDF.children(typeChartList[initialData.map(function (i) {
29024
29212
  return i.id;
29025
- }).indexOf(chartClassReflectionPDF === null || chartClassReflectionPDF === void 0 ? void 0 : chartClassReflectionPDF.id)]))), !!chartConferecePDF && React__default.createElement("div", {
29213
+ }).indexOf(chartClassReflectionPDF === null || chartClassReflectionPDF === void 0 ? void 0 : chartClassReflectionPDF.id)], true))), !!chartConferecePDF && React__default.createElement("div", {
29026
29214
  className: "" + styles$1["chart-to-canvas"]
29027
29215
  }, React__default.createElement("div", {
29028
29216
  id: chartConferecePDF.id
29029
29217
  }, chartConferecePDF.children(typeChartList[initialData.map(function (i) {
29030
29218
  return i.id;
29031
- }).indexOf(chartConferecePDF === null || chartConferecePDF === void 0 ? void 0 : chartConferecePDF.id)]))), !!chartSafety && React__default.createElement("div", {
29219
+ }).indexOf(chartConferecePDF === null || chartConferecePDF === void 0 ? void 0 : chartConferecePDF.id)], true))), !!chartSafety && React__default.createElement("div", {
29032
29220
  className: "" + styles$1["chart-to-canvas"]
29033
29221
  }, React__default.createElement("div", {
29034
29222
  id: chartSafety.id
29035
29223
  }, chartSafety.children(typeChartList[initialData.map(function (i) {
29036
29224
  return i.id;
29037
- }).indexOf(chartSafety === null || chartSafety === void 0 ? void 0 : chartSafety.id)]))), !!chartStudentByAge && React__default.createElement("div", {
29225
+ }).indexOf(chartSafety === null || chartSafety === void 0 ? void 0 : chartSafety.id)], true))), !!chartStudentByAge && React__default.createElement("div", {
29038
29226
  className: "" + styles$1["chart-to-canvas"]
29039
29227
  }, React__default.createElement("div", {
29040
29228
  id: chartStudentByAge.id
@@ -29065,7 +29253,28 @@ var Dashboard = function Dashboard() {
29065
29253
  LIST_FILTERS_RIGHT = _useChartDatas.LIST_FILTERS_RIGHT,
29066
29254
  totalCardData = _useChartDatas.totalCardData,
29067
29255
  onChangeFilters = _useChartDatas.onChangeFilters,
29068
- initialTypeChart = _useChartDatas.initialTypeChart;
29256
+ initialTypeChart = _useChartDatas.initialTypeChart,
29257
+ handleSelectToPrint = _useChartDatas.handleSelectToPrint,
29258
+ checkSelectedItem = _useChartDatas.checkSelectedItem,
29259
+ selectedToPrint = _useChartDatas.selectedToPrint,
29260
+ setSelectedToPrint = _useChartDatas.setSelectedToPrint,
29261
+ chartOneToOneData = _useChartDatas.chartOneToOneData,
29262
+ topLearningStrategies = _useChartDatas.topLearningStrategies,
29263
+ chartClassReflection = _useChartDatas.chartClassReflection,
29264
+ chartConference = _useChartDatas.chartConference,
29265
+ safety = _useChartDatas.safety,
29266
+ dataConvertedOneToOne = _useChartDatas.dataConvertedOneToOne,
29267
+ activeColumnOneToOne = _useChartDatas.activeColumnOneToOne,
29268
+ avgOneToOne = _useChartDatas.avgOneToOne,
29269
+ dataConvertedClassReflection = _useChartDatas.dataConvertedClassReflection,
29270
+ activeColumnClassReflection = _useChartDatas.activeColumnClassReflection,
29271
+ avgClassReflection = _useChartDatas.avgClassReflection,
29272
+ dataConvertedConference = _useChartDatas.dataConvertedConference,
29273
+ activeColumnConference = _useChartDatas.activeColumnConference,
29274
+ avgConference = _useChartDatas.avgConference,
29275
+ dataConvertedSafety = _useChartDatas.dataConvertedSafety,
29276
+ activeColumnSafety = _useChartDatas.activeColumnSafety,
29277
+ avgSafety = _useChartDatas.avgSafety;
29069
29278
 
29070
29279
  var _useBehavior = useBehavior(initialTypeChart),
29071
29280
  chartIsOpened = _useBehavior.chartIsOpened,
@@ -29075,12 +29284,6 @@ var Dashboard = function Dashboard() {
29075
29284
  teacherUserId = _useBehavior.teacherUserId,
29076
29285
  changeCurrentTeacherUserId = _useBehavior.changeCurrentTeacherUserId;
29077
29286
 
29078
- var _useDashboard = useDashboard(),
29079
- handleSelectToPrint = _useDashboard.handleSelectToPrint,
29080
- checkSelectedItem = _useDashboard.checkSelectedItem,
29081
- selectedToPrint = _useDashboard.selectedToPrint,
29082
- setSelectedToPrint = _useDashboard.setSelectedToPrint;
29083
-
29084
29287
  var _useState = React.useState(false),
29085
29288
  modal = _useState[0],
29086
29289
  setModal = _useState[1];
@@ -29125,7 +29328,24 @@ var Dashboard = function Dashboard() {
29125
29328
  }, "Cancel"), React__default.createElement(DashboardToPDF, {
29126
29329
  selectedToPDF: selectedToPrint,
29127
29330
  initialData: chartDashBoards,
29128
- typeChartList: typeChartList
29331
+ typeChartList: typeChartList,
29332
+ chartOneToOneData: chartOneToOneData,
29333
+ topLearningStrategies: topLearningStrategies,
29334
+ chartClassReflection: chartClassReflection,
29335
+ chartConference: chartConference,
29336
+ safety: safety,
29337
+ dataConvertedOneToOne: dataConvertedOneToOne,
29338
+ activeColumnOneToOne: activeColumnOneToOne,
29339
+ avgOneToOne: avgOneToOne,
29340
+ dataConvertedClassReflection: dataConvertedClassReflection,
29341
+ activeColumnClassReflection: activeColumnClassReflection,
29342
+ avgClassReflection: avgClassReflection,
29343
+ dataConvertedConference: dataConvertedConference,
29344
+ activeColumnConference: activeColumnConference,
29345
+ avgConference: avgConference,
29346
+ dataConvertedSafety: dataConvertedSafety,
29347
+ activeColumnSafety: activeColumnSafety,
29348
+ avgSafety: avgSafety
29129
29349
  }))), React__default.createElement("div", {
29130
29350
  className: "d-flex align-items-center justify-content-between"
29131
29351
  }, React__default.createElement("div", {