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