mario-education 2.4.64-admin → 2.4.66-admin

package/dist/index.js

@@ -26,11 +26,194 @@ var jsPDF = _interopDefault(require('jspdf'));
 var html2canvas = _interopDefault(require('html2canvas'));
 
 // A type of promise-like that resolves synchronously and supports only one observer
+const _Pact = /*#__PURE__*/(function() {
+	function _Pact() {}
+	_Pact.prototype.then = function(onFulfilled, onRejected) {
+		const result = new _Pact();
+		const state = this.s;
+		if (state) {
+			const callback = state & 1 ? onFulfilled : onRejected;
+			if (callback) {
+				try {
+					_settle(result, 1, callback(this.v));
+				} catch (e) {
+					_settle(result, 2, e);
+				}
+				return result;
+			} else {
+				return this;
+			}
+		}
+		this.o = function(_this) {
+			try {
+				const value = _this.v;
+				if (_this.s & 1) {
+					_settle(result, 1, onFulfilled ? onFulfilled(value) : value);
+				} else if (onRejected) {
+					_settle(result, 1, onRejected(value));
+				} else {
+					_settle(result, 2, value);
+				}
+			} catch (e) {
+				_settle(result, 2, e);
+			}
+		};
+		return result;
+	};
+	return _Pact;
+})();
+
+// Settles a pact synchronously
+function _settle(pact, state, value) {
+	if (!pact.s) {
+		if (value instanceof _Pact) {
+			if (value.s) {
+				if (state & 1) {
+					state = value.s;
+				}
+				value = value.v;
+			} else {
+				value.o = _settle.bind(null, pact, state);
+				return;
+			}
+		}
+		if (value && value.then) {
+			value.then(_settle.bind(null, pact, state), _settle.bind(null, pact, 2));
+			return;
+		}
+		pact.s = state;
+		pact.v = value;
+		const observer = pact.o;
+		if (observer) {
+			observer(pact);
+		}
+	}
+}
+
+function _isSettledPact(thenable) {
+	return thenable instanceof _Pact && thenable.s & 1;
+}
+
+// Asynchronously iterate through an object that has a length property, passing the index as the first argument to the callback (even as the length property changes)
+function _forTo(array, body, check) {
+	var i = -1, pact, reject;
+	function _cycle(result) {
+		try {
+			while (++i < array.length && (!check || !check())) {
+				result = body(i);
+				if (result && result.then) {
+					if (_isSettledPact(result)) {
+						result = result.v;
+					} else {
+						result.then(_cycle, reject || (reject = _settle.bind(null, pact = new _Pact(), 2)));
+						return;
+					}
+				}
+			}
+			if (pact) {
+				_settle(pact, 1, result);
+			} else {
+				pact = result;
+			}
+		} catch (e) {
+			_settle(pact || (pact = new _Pact()), 2, e);
+		}
+	}
+	_cycle();
+	return pact;
+}
 
 const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
 
 const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
 
+// Asynchronously implement a generic for loop
+function _for(test, update, body) {
+	var stage;
+	for (;;) {
+		var shouldContinue = test();
+		if (_isSettledPact(shouldContinue)) {
+			shouldContinue = shouldContinue.v;
+		}
+		if (!shouldContinue) {
+			return result;
+		}
+		if (shouldContinue.then) {
+			stage = 0;
+			break;
+		}
+		var result = body();
+		if (result && result.then) {
+			if (_isSettledPact(result)) {
+				result = result.s;
+			} else {
+				stage = 1;
+				break;
+			}
+		}
+		if (update) {
+			var updateValue = update();
+			if (updateValue && updateValue.then && !_isSettledPact(updateValue)) {
+				stage = 2;
+				break;
+			}
+		}
+	}
+	var pact = new _Pact();
+	var reject = _settle.bind(null, pact, 2);
+	(stage === 0 ? shouldContinue.then(_resumeAfterTest) : stage === 1 ? result.then(_resumeAfterBody) : updateValue.then(_resumeAfterUpdate)).then(void 0, reject);
+	return pact;
+	function _resumeAfterBody(value) {
+		result = value;
+		do {
+			if (update) {
+				updateValue = update();
+				if (updateValue && updateValue.then && !_isSettledPact(updateValue)) {
+					updateValue.then(_resumeAfterUpdate).then(void 0, reject);
+					return;
+				}
+			}
+			shouldContinue = test();
+			if (!shouldContinue || (_isSettledPact(shouldContinue) && !shouldContinue.v)) {
+				_settle(pact, 1, result);
+				return;
+			}
+			if (shouldContinue.then) {
+				shouldContinue.then(_resumeAfterTest).then(void 0, reject);
+				return;
+			}
+			result = body();
+			if (_isSettledPact(result)) {
+				result = result.v;
+			}
+		} while (!result || !result.then);
+		result.then(_resumeAfterBody).then(void 0, reject);
+	}
+	function _resumeAfterTest(shouldContinue) {
+		if (shouldContinue) {
+			result = body();
+			if (result && result.then) {
+				result.then(_resumeAfterBody).then(void 0, reject);
+			} else {
+				_resumeAfterBody(result);
+			}
+		} else {
+			_settle(pact, 1, result);
+		}
+	}
+	function _resumeAfterUpdate() {
+		if (shouldContinue = test()) {
+			if (shouldContinue.then) {
+				shouldContinue.then(_resumeAfterTest).then(void 0, reject);
+			} else {
+				_resumeAfterTest(shouldContinue);
+			}
+		} else {
+			_settle(pact, 1, result);
+		}
+	}
+}
+
 // Asynchronously call a function and send errors to recovery continuation
 function _catch(body, recover) {
 	try {
@@ -27655,6 +27838,7 @@ var useChartDatas = function useChartDatas() {
     if (checked) {
       if (!!data.id && !foundItem) {
         updateSelectToPrint.push({
+          chartIndex: data.chartIndex,
           id: data.id,
           identification: data.id,
           label: data.label,
@@ -27730,6 +27914,7 @@ var useChartDatas = function useChartDatas() {
     studentId: filter.studentId
   }];
   var chartDashBoards = [{
+    chartIndex: 2,
     id: "readiness_to_learn",
     label: "Readiness to Learn",
     children: function children(_) {
@@ -27741,6 +27926,7 @@ var useChartDatas = function useChartDatas() {
     options: [],
     contentTooltip: "The represenation of individual student responses to their own feelings of Energy, Focus, Happiness, Safety, and Stress at the time administered. Note that scores are set on a 1-100 scale with the exception of Stress which optimum stress is set at '0' to get a sense of High Stress vs Low Stress."
   }, {
+    chartIndex: 1,
     id: "high_impact_learning_strategie",
     label: "High Impact Learning Strategies",
     children: function children(_) {
@@ -27753,6 +27939,7 @@ var useChartDatas = function useChartDatas() {
     contentTooltip: "Both the composite of individual students reporting their perceived use of John Hattie's High Impact Learning Strategies measured against the actual application with a teacher in total.",
     handleClickOpenTable: handleOpenCloseLearningStrategiesTable
   }, {
+    chartIndex: 3,
     id: "1_to_1",
     label: "1 To 1",
     children: function children(typeChart, isPDF) {
@@ -27778,6 +27965,7 @@ var useChartDatas = function useChartDatas() {
     }],
     contentTooltip: "The composite results of the survey completed by individual students assessing their own perception of performance in the 6 key areas followed by 3 specific areas of well being over time."
   }, {
+    chartIndex: 4,
     id: "class_reflection",
     label: "Reflection",
     children: function children(typeChart, isPDF) {
@@ -27804,6 +27992,7 @@ var useChartDatas = function useChartDatas() {
     }],
     contentTooltip: "The result of surveys sent to any individual (external or internal) that connects with the student to assist in measuring the individual student's: Productivity, Happiness, Energy, Focus, and Stress over time."
   }, {
+    chartIndex: 5,
     id: "conference",
     label: "Conferences",
     children: function children(typeChart, isPDF) {
@@ -27829,6 +28018,7 @@ var useChartDatas = function useChartDatas() {
     }],
     contentTooltip: "The composite representation of individual aggregate scores located at the bottom of individual Conferences conducted between Teachers and Students over time. Note that scores of 'Not Applicable' do not get measured."
   }, {
+    chartIndex: 6,
     id: "safety",
     label: "Safety",
     children: function children(typeChart, isPDF) {
@@ -27855,7 +28045,8 @@ var useChartDatas = function useChartDatas() {
     }],
     contentTooltip: "The visual represenation of all the responses from the question asking students to rate their perceived level of safety for themselves at your school over time."
   }, {
-    id: "Student_by_age",
+    chartIndex: 7,
+    id: "student_by_age",
     label: "Student by Age",
     children: function children(_, columnFlex) {
       return React__default.createElement(StudentByAgeAndGender$1, {
@@ -27868,6 +28059,7 @@ var useChartDatas = function useChartDatas() {
     options: [],
     contentTooltip: "The specific representation of students by gender and grade level at your school."
   }, {
+    chartIndex: 8,
     id: "student_by_grade",
     label: "Students by Designation",
     children: function children(_) {
@@ -27912,7 +28104,7 @@ var useChartDatas = function useChartDatas() {
     filter: "this week"
   }, {
     icon: "images/icon_watch.png",
-    title: "Total Class Reflection Check-ins:",
+    title: "Total Reflections:",
     value: listTotalTime === null || listTotalTime === void 0 ? void 0 : listTotalTime.avgClassReflection,
     isUp: false,
     deviant: "-15%",
@@ -28483,7 +28675,9 @@ var TotalCard = function TotalCard(_ref) {
 var headerLogo = "../images/logoV1-2.png";
 
 var DashboardToPDF = function DashboardToPDF(props) {
-  var selectedToPDF = props.selectedToPDF,
+  var startTime = props.startTime,
+      endTime = props.endTime,
+      selectedToPDF = props.selectedToPDF,
       initialData = props.initialData,
       typeChartList = props.typeChartList,
       chartOneToOneData = props.chartOneToOneData,
@@ -28504,854 +28698,736 @@ var DashboardToPDF = function DashboardToPDF(props) {
       activeColumnSafety = props.activeColumnSafety,
       avgSafety = props.avgSafety;
   var dispatch = reactRedux.useDispatch();
-  var chartHightImpactLearningStrategie = selectedToPDF.find(function (i) {
+  var filterSelectedToPDF = selectedToPDF === null || selectedToPDF === void 0 ? void 0 : selectedToPDF.filter(function (i) {
+    return i.id != null;
+  }).sort(function (a, b) {
+    return a.chartIndex - b.chartIndex;
+  });
+  var chartHightImpactLearningStrategie = filterSelectedToPDF.find(function (i) {
     return i.id === "high_impact_learning_strategie";
   });
-  var chartReadinessToLearn = selectedToPDF.find(function (i) {
+  var chartReadinessToLearn = filterSelectedToPDF.find(function (i) {
     return i.id === "readiness_to_learn";
   });
-  var chartOneToOne = selectedToPDF.find(function (i) {
+  var chartOneToOne = filterSelectedToPDF.find(function (i) {
     return i.id === "1_to_1";
   });
-  var chartClassReflectionPDF = selectedToPDF.find(function (i) {
+  var chartClassReflectionPDF = filterSelectedToPDF.find(function (i) {
     return i.id === "class_reflection";
   });
-  var chartConferecePDF = selectedToPDF.find(function (i) {
+  var chartConferecePDF = filterSelectedToPDF.find(function (i) {
     return i.id === "conference";
   });
-  var chartSafety = selectedToPDF.find(function (i) {
+  var chartSafety = filterSelectedToPDF.find(function (i) {
     return i.id === "safety";
   });
-  var chartStudentByAge = selectedToPDF.find(function (i) {
-    return i.id === "Student_by_age";
+  var chartStudentByAge = filterSelectedToPDF.find(function (i) {
+    return i.id === "student_by_age";
   });
-  var chartStudentByGrade = selectedToPDF.find(function (i) {
+  var chartStudentByGrade = filterSelectedToPDF.find(function (i) {
     return i.id === "student_by_grade";
   });
 
   var generatePDF = function generatePDF() {
     try {
-      var _temp19 = function _temp19() {
+      var _temp33 = function _temp33() {
         dispatch(marioCore.setLoading(false));
       };
 
       dispatch(marioCore.setLoading(true));
 
-      var _temp20 = _catch(function () {
-        function _temp16() {
-          function _temp14() {
-            function _temp12() {
-              function _temp10() {
-                function _temp8() {
-                  function _temp6() {
-                    function _temp4() {
-                      function _temp2() {
-                        doc.save("DashBoard.pdf");
+      var _temp34 = _catch(function () {
+        function _temp30() {
+          doc.save("DashBoard.pdf");
+        }
+
+        var doc = new jsPDF({
+          orientation: "p",
+          unit: "px",
+          format: "a4"
+        });
+        var WIDTH_PAPER = doc.internal.pageSize.width;
+        var HEIGHT_PAPER = doc.internal.pageSize.height;
+
+        var createImageHeader = function createImageHeader() {
+          try {
+            var imageLogo = document.getElementById("header-logo");
+            return Promise.resolve(html2canvas(imageLogo)).then(function (imageLogoCanvas) {
+              doc.addImage(imageLogoCanvas.toDataURL("image/png", 1.0), "png", 20, 20, 90, 25);
+              doc.setFontSize(10);
+              doc.setFont("Helvetica", "italic", "normal");
+              doc.text("From: " + moment(startTime).format("DD/MM/YYYY"), 310, 40);
+              doc.text("To: " + moment(endTime).format("DD/MM/YYYY"), 380, 40);
+              doc.setDrawColor(128, 128, 128);
+              doc.line(0, 50, WIDTH_PAPER, 50);
+              doc.setLineWidth(0.1);
+            });
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        };
+
+        var line = 85;
+        var left = 20;
+
+        var _temp29 = _forTo(filterSelectedToPDF, function (i) {
+          function _temp28() {
+            function _temp26() {
+              function _temp24() {
+                function _temp22() {
+                  function _temp20() {
+                    function _temp18() {
+                      function _temp16() {
+                        function _temp14() {
+                          if (i < filterSelectedToPDF.length - 1) {
+                            doc.addPage();
+                          }
+
+                          left = 20;
+                          line = 85;
+                        }
+
+                        var _temp13 = function () {
+                          var _filterSelectedToPDF$;
+
+                          if (((_filterSelectedToPDF$ = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$ === void 0 ? void 0 : _filterSelectedToPDF$.id) == "student_by_grade") {
+                            return Promise.resolve(createImageHeader()).then(function () {
+                              var _filterSelectedToPDF$2;
+
+                              doc.setFontSize(14);
+                              doc.setFont("Helvetica", "normal", "bold");
+                              doc.text((_filterSelectedToPDF$2 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$2 === void 0 ? void 0 : _filterSelectedToPDF$2.label, left, 70);
+                              var chart = document.getElementById("student_by_grade");
+                              return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                                doc.addImage(canvas.toDataURL("image/png"), left, line, 400, 130);
+                              });
+                            });
+                          }
+                        }();
+
+                        return _temp13 && _temp13.then ? _temp13.then(_temp14) : _temp14(_temp13);
                       }
 
-                      var _temp = function () {
-                        if (!!chartStudentByGrade) {
-                          var _selectedToPDF;
+                      var _temp15 = function () {
+                        var _filterSelectedToPDF$3;
 
-                          var line = 80;
-                          var left = 20;
-                          if (selectedToPDF.indexOf(chartStudentByGrade) != 0 && ((_selectedToPDF = selectedToPDF[selectedToPDF.indexOf(chartStudentByGrade) - 1]) === null || _selectedToPDF === void 0 ? void 0 : _selectedToPDF.id) != null) doc.addPage();
+                        if (((_filterSelectedToPDF$3 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$3 === void 0 ? void 0 : _filterSelectedToPDF$3.id) == "student_by_age") {
                           return Promise.resolve(createImageHeader()).then(function () {
+                            var _filterSelectedToPDF$4;
+
                             doc.setFontSize(14);
                             doc.setFont("Helvetica", "normal", "bold");
-                            doc.text(chartStudentByGrade.label, left, line);
-                            var chart = document.getElementById("student_by_grade");
+                            doc.text((_filterSelectedToPDF$4 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$4 === void 0 ? void 0 : _filterSelectedToPDF$4.label, left, 70);
+                            var chart = document.getElementById("student_by_age");
                             return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                              doc.addImage(canvas.toDataURL("image/png", 1.0), 15, line + 30, 420, 140);
+                              doc.addImage(canvas.toDataURL("image/png"), left, line, 800, 450);
                             });
                           });
                         }
                       }();
 
-                      return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+                      return _temp15 && _temp15.then ? _temp15.then(_temp16) : _temp16(_temp15);
                     }
 
-                    var _temp3 = function () {
-                      if (!!chartStudentByAge) {
-                        var _selectedToPDF2;
+                    var _temp17 = function () {
+                      var _filterSelectedToPDF$5;
 
-                        var line = 80;
-                        var left = 20;
-                        if (selectedToPDF.indexOf(chartStudentByAge) != 0 && ((_selectedToPDF2 = selectedToPDF[selectedToPDF.indexOf(chartStudentByAge) - 1]) === null || _selectedToPDF2 === void 0 ? void 0 : _selectedToPDF2.id) != null) doc.addPage();
+                      if (((_filterSelectedToPDF$5 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$5 === void 0 ? void 0 : _filterSelectedToPDF$5.id) == "safety") {
                         return Promise.resolve(createImageHeader()).then(function () {
+                          var _filterSelectedToPDF$6;
+
+                          var lineOptionSafety = line;
                           doc.setFontSize(14);
+                          doc.setTextColor("#242424");
                           doc.setFont("Helvetica", "normal", "bold");
-                          doc.text(chartStudentByAge.label, left, line);
-                          var chart = document.getElementById("Student_by_age");
+                          doc.text((_filterSelectedToPDF$6 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$6 === void 0 ? void 0 : _filterSelectedToPDF$6.label, left, 70);
+                          var chart = document.getElementById("safety");
                           return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                            doc.addImage(canvas.toDataURL("image/png", 1.0), 20, line + 20, 800, 450);
+                            function _temp12() {
+                              doc.setFontSize(8);
+                              doc.setFont("Helvetica", "normal", "normal");
+                              left = 20;
+                              line = lineOptionSafety + 20;
+
+                              for (var idxSafetyConverted = 0; idxSafetyConverted < (dataConvertedSafety === null || dataConvertedSafety === void 0 ? void 0 : dataConvertedSafety.length); idxSafetyConverted++) {
+                                if (activeColumnSafety[idxSafetyConverted]) {
+                                  var _dataConvertedSafety$;
+
+                                  doc.setDrawColor(0);
+                                  doc.setFillColor(COLOR_CHART_AND_PERCENTS[idxSafetyConverted]);
+                                  doc.roundedRect(left, line, 5, 5, 1, 1, "F");
+                                  doc.setTextColor("#242424");
+                                  doc.text(dataConvertedSafety[idxSafetyConverted], left + 7, line + 5);
+                                  left = left + ((_dataConvertedSafety$ = dataConvertedSafety[idxSafetyConverted]) === null || _dataConvertedSafety$ === void 0 ? void 0 : _dataConvertedSafety$.length) * 3 + 15;
+
+                                  if (!!dataConvertedSafety[idxSafetyConverted + 1] && left + dataConvertedSafety[idxSafetyConverted + 1].length * 3 + 15) {
+                                    left = 20;
+                                    line += 10;
+                                  }
+                                }
+                              }
+
+                              left = 20;
+                              doc.addImage(canvas.toDataURL("image/png"), left, line + 10, 400, 130);
+                              doc.setFontSize(8);
+                              var lineSafetyPercent = line + 150;
+
+                              for (var idxAvgSafety = 0; idxAvgSafety < (dataConvertedSafety === null || dataConvertedSafety === void 0 ? void 0 : dataConvertedSafety.length); idxAvgSafety++) {
+                                if (avgSafety[idxAvgSafety] != 0) {
+                                  var _dataConvertedSafety$2, _dataConvertedSafety$3;
+
+                                  doc.setDrawColor(0);
+                                  doc.setFillColor(COLOR_CHART_AND_PERCENTS[idxAvgSafety]);
+                                  doc.roundedRect(left, lineSafetyPercent, 5, 5, 1, 1, "F");
+                                  doc.setTextColor("#242424");
+                                  doc.setFont("Helcetica", "normal", "normal");
+                                  doc.text(dataConvertedSafety[idxAvgSafety], left + 7, lineSafetyPercent + 5);
+                                  doc.setFont("Helvetica", "normal", "bold");
+                                  doc.text(avgSafety[idxAvgSafety].toFixed(2) + "%", left, lineSafetyPercent + 12);
+                                  left = left + ((_dataConvertedSafety$2 = dataConvertedSafety[idxAvgSafety]) === null || _dataConvertedSafety$2 === void 0 ? void 0 : _dataConvertedSafety$2.length) * 3 + 20;
+
+                                  if (left + ((_dataConvertedSafety$3 = dataConvertedSafety[idxAvgSafety]) === null || _dataConvertedSafety$3 === void 0 ? void 0 : _dataConvertedSafety$3.length) * 3 + 15 > WIDTH_PAPER) {
+                                    left = 20;
+                                    lineSafetyPercent += 17;
+                                  }
+                                }
+                              }
+                            }
+
+                            var listSafetyData = safety === null || safety === void 0 ? void 0 : safety.overviewQuestionChoice;
+                            doc.setFontSize(8);
+                            var idxSafetyData = 0;
+
+                            var _temp11 = _for(function () {
+                              return idxSafetyData < (listSafetyData === null || listSafetyData === void 0 ? void 0 : listSafetyData.length);
+                            }, function () {
+                              return idxSafetyData++;
+                            }, function () {
+                              var _listSafetyData$idxSa, _listSafetyData$idxSa2;
+
+                              var _line = line;
+                              var listResultQuestion = (_listSafetyData$idxSa = listSafetyData[idxSafetyData]) === null || _listSafetyData$idxSa === void 0 ? void 0 : _listSafetyData$idxSa.resultQuestion;
+                              doc.setFontSize(12);
+                              doc.setFont("Helvetica", "normal", "bold");
+                              doc.text((_listSafetyData$idxSa2 = listSafetyData[idxSafetyData]) === null || _listSafetyData$idxSa2 === void 0 ? void 0 : _listSafetyData$idxSa2.month, left, _line);
+                              doc.setFontSize(8);
+
+                              for (var idxSafetyResultQuestion = 0; idxSafetyResultQuestion < (listResultQuestion === null || listResultQuestion === void 0 ? void 0 : listResultQuestion.length); idxSafetyResultQuestion++) {
+                                if (listResultQuestion[idxSafetyResultQuestion] != 0) {
+                                  var _listResultQuestion$i, _listResultQuestion$i2, _listResultQuestion$i3;
+
+                                  var resultQuestion = ((_listResultQuestion$i = listResultQuestion[idxSafetyResultQuestion]) === null || _listResultQuestion$i === void 0 ? void 0 : _listResultQuestion$i.questionText.slice(3, (_listResultQuestion$i2 = listResultQuestion[idxSafetyResultQuestion]) === null || _listResultQuestion$i2 === void 0 ? void 0 : _listResultQuestion$i2.questionText.indexOf("</p>"))) || "";
+                                  doc.setDrawColor(0);
+                                  doc.setFillColor(COLOR_CHART_AND_PERCENTS[idxSafetyResultQuestion]);
+                                  doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
+                                  doc.setFont("Helvetica", "normal", "bold");
+                                  doc.text(resultQuestion + ":", left + 8, _line + 10);
+                                  doc.setFont("Helvetica", "normal", "normal");
+                                  doc.text(((_listResultQuestion$i3 = listResultQuestion[idxSafetyResultQuestion]) === null || _listResultQuestion$i3 === void 0 ? void 0 : _listResultQuestion$i3.avgOfStudentChoice.toFixed(2)) + "%", left + (resultQuestion === null || resultQuestion === void 0 ? void 0 : resultQuestion.length) * 3 + 17, _line + 10);
+                                  _line += 10;
+
+                                  if (_line > lineOptionSafety) {
+                                    lineOptionSafety = _line;
+                                  }
+                                }
+                              }
+
+                              left += 110;
+
+                              if (left + 110 > WIDTH_PAPER) {
+                                left = 20;
+                                line = lineOptionSafety + 20;
+                              }
+
+                              var _temp10 = function () {
+                                if (line + 100 > HEIGHT_PAPER) {
+                                  line = 85;
+                                  left = 20;
+                                  doc.addPage();
+                                  return Promise.resolve(createImageHeader()).then(function () {});
+                                }
+                              }();
+
+                              if (_temp10 && _temp10.then) return _temp10.then(function () {});
+                            });
+
+                            return _temp11 && _temp11.then ? _temp11.then(_temp12) : _temp12(_temp11);
                           });
                         });
                       }
                     }();
 
-                    return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
+                    return _temp17 && _temp17.then ? _temp17.then(_temp18) : _temp18(_temp17);
                   }
 
-                  var _temp5 = function () {
-                    if (!!chartSafety) {
-                      var _selectedToPDF3;
+                  var _temp19 = function () {
+                    var _filterSelectedToPDF$7;
 
-                      var line = 80;
-                      var left = 20;
-                      if (selectedToPDF.indexOf(chartSafety) != 0 && ((_selectedToPDF3 = selectedToPDF[selectedToPDF.indexOf(chartSafety) - 1]) === null || _selectedToPDF3 === void 0 ? void 0 : _selectedToPDF3.id) != null) doc.addPage();
+                    if (((_filterSelectedToPDF$7 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$7 === void 0 ? void 0 : _filterSelectedToPDF$7.id) == "conference") {
                       return Promise.resolve(createImageHeader()).then(function () {
+                        var _filterSelectedToPDF$8;
+
+                        var lineOptionConference = line;
                         doc.setFontSize(14);
+                        doc.setTextColor("#242424");
                         doc.setFont("Helvetica", "normal", "bold");
-                        doc.text(chartSafety.label, left, line);
-                        var chart = document.getElementById("safety");
+                        doc.text((_filterSelectedToPDF$8 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$8 === void 0 ? void 0 : _filterSelectedToPDF$8.label, left, 70);
+                        var chart = document.getElementById("conference");
                         return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                          doc.setFontSize(8);
-
-                          for (var i = 0; i < ((_safety$overviewQuest = safety.overviewQuestionChoice) === null || _safety$overviewQuest === void 0 ? void 0 : _safety$overviewQuest.length); i++) {
-                            var _safety$overviewQuest;
+                          function _temp9() {
+                            doc.setFontSize(8);
+                            doc.setFont("Helvetica", "normal", "normal");
+                            left = 20;
+                            line = lineOptionConference + 20;
 
-                            if (safety.overviewQuestionChoice[i].resultQuestion[0].questionId != 0) {
-                              var _sortedResultQuestion, _sortedResultQuestion2, _safety$overviewQuest2;
+                            for (var idxConferenceConverted = 0; idxConferenceConverted < (dataConvertedConference === null || dataConvertedConference === void 0 ? void 0 : dataConvertedConference.length); idxConferenceConverted++) {
+                              if (activeColumnConference[idxConferenceConverted]) {
+                                doc.setDrawColor(0);
+                                doc.setFillColor(COLOR_CHART_AND_PERCENTS[idxConferenceConverted]);
+                                doc.roundedRect(left, line, 5, 5, 1, 1, "F");
+                                doc.setTextColor("#242424");
+                                doc.text(dataConvertedConference[idxConferenceConverted], left + 7, line + 5);
+                                left = left + dataConvertedConference[idxConferenceConverted].length * 3 + 15;
+
+                                if (!!dataConvertedConference[idxConferenceConverted + 1] && left + dataConvertedConference[idxConferenceConverted + 1].length * 3 + 15) {
+                                  left = 20;
+                                  line += 10;
+                                }
+                              }
+                            }
 
-                              var sortedResultQuestions = safety.overviewQuestionChoice[i].resultQuestion.sort(function (a, b) {
-                                return a.avgOfStudentChoice < b.avgOfStudentChoice ? 1 : -1;
-                              });
-                              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>"))) || "";
-                              doc.setFont("Helvetica", "normal", "bold");
-                              doc.text(safety.overviewQuestionChoice[i].month, left, line + 20);
+                            left = 20;
+                            doc.addImage(canvas.toDataURL("image/png"), left, line + 10, 400, 130);
+                            doc.setFontSize(8);
+                            var lineConferencePercent = line + 150;
 
-                              if (bestResultQuestion1 != "") {
-                                var _sortedResultQuestion3;
+                            for (var idxAvgConference = 0; idxAvgConference < (dataConvertedConference === null || dataConvertedConference === void 0 ? void 0 : dataConvertedConference.length); idxAvgConference++) {
+                              if (avgConference[idxAvgConference] != 0) {
+                                var _dataConvertedConfere, _dataConvertedConfere2;
 
-                                doc.setFont("Helvetica", "normal", "bold");
-                                doc.text(bestResultQuestion1, left + 10, line + 30);
-                                doc.setFont("Helvetica", "normal", "normal");
-                                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);
                                 doc.setDrawColor(0);
-                                doc.setFillColor(64, 210, 204);
-                                doc.roundedRect(left, line + 25, 5, 5, 1, 1, "F");
-                              }
+                                doc.setFillColor(COLOR_CHART_AND_PERCENTS[idxAvgConference]);
+                                doc.roundedRect(left, lineConferencePercent, 5, 5, 1, 1, "F");
+                                doc.setTextColor("#242424");
+                                doc.setFont("Helvetica", "normal", "normal");
+                                doc.text(dataConvertedConference[idxAvgConference], left + 7, lineConferencePercent + 5);
+                                doc.setFont("Helvetica", "normal", "bold");
+                                doc.text(avgConference[idxAvgConference].toFixed(2) + "%", left, lineConferencePercent + 12);
+                                left = left + ((_dataConvertedConfere = dataConvertedConference[idxAvgConference]) === null || _dataConvertedConfere === void 0 ? void 0 : _dataConvertedConfere.length) * 3 + 20;
 
-                              if ((bestResultQuestion1 === null || bestResultQuestion1 === void 0 ? void 0 : bestResultQuestion1.length) * 5 + 5 + 10 > 100) {
-                                left = left + (bestResultQuestion1 === null || bestResultQuestion1 === void 0 ? void 0 : bestResultQuestion1.length) * 5 + 20;
-                              } else {
-                                left = left + 100;
-                              }
-
-                              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) {
-                                left = 20;
-                                line += 30;
+                                if (left + ((_dataConvertedConfere2 = dataConvertedConference[idxAvgConference + 1]) === null || _dataConvertedConfere2 === void 0 ? void 0 : _dataConvertedConfere2.length) * 3 + 15 > WIDTH_PAPER) {
+                                  left = 20;
+                                  lineConferencePercent += 17;
+                                }
                               }
                             }
                           }
 
-                          doc.setFont("Helvetica", "normal", "normal");
-                          left = 20;
+                          var listConferenceData = chartConference === null || chartConference === void 0 ? void 0 : chartConference.overviewQuestionChoice;
+                          doc.setFontSize(8);
+                          var idxConference = 0;
+
+                          var _temp8 = _for(function () {
+                            return idxConference < (listConferenceData === null || listConferenceData === void 0 ? void 0 : listConferenceData.length);
+                          }, function () {
+                            return idxConference++;
+                          }, function () {
+                            var _listConferenceData$i, _listConferenceData$i2;
+
+                            var _line = line;
+                            var listResultQuestion = (_listConferenceData$i = listConferenceData[idxConference]) === null || _listConferenceData$i === void 0 ? void 0 : _listConferenceData$i.resultQuestion;
+                            doc.setFontSize(12);
+                            doc.setFont("Helvetica", "normal", "bold");
+                            doc.text((_listConferenceData$i2 = listConferenceData[idxConference]) === null || _listConferenceData$i2 === void 0 ? void 0 : _listConferenceData$i2.month, left, _line);
+                            doc.setFontSize(8);
 
-                          for (var i = 0; i < dataConvertedSafety.length; i++) {
-                            if (activeColumnSafety[i]) {
-                              doc.setDrawColor(0);
-                              doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
-                              doc.roundedRect(left, line + 60, 5, 5, 1, 1, "F");
-                              doc.setTextColor("#252733");
-                              doc.text(dataConvertedSafety[i], left + 7, line + 65);
-                            } else {
-                              doc.setDrawColor(0);
-                              doc.setFillColor("#CCCCCC");
-                              doc.roundedRect(left, line + 60, 5, 5, 1, 1, "F");
-                              doc.setTextColor("#CCCCCC");
-                              doc.text(dataConvertedSafety[i], left + 7, line + 65);
-                            }
+                            for (var idxConferenceResultQuestion = 0; idxConferenceResultQuestion < (listResultQuestion === null || listResultQuestion === void 0 ? void 0 : listResultQuestion.length); idxConferenceResultQuestion++) {
+                              if (listResultQuestion[idxConferenceResultQuestion] != 0) {
+                                var _listResultQuestion$i4, _listResultQuestion$i5;
 
-                            left = left + dataConvertedSafety[i].length * 3 + 15;
-                          }
+                                var resultQuestion = (_listResultQuestion$i4 = listResultQuestion[idxConferenceResultQuestion]) === null || _listResultQuestion$i4 === void 0 ? void 0 : _listResultQuestion$i4.questionText;
+                                doc.setDrawColor(0);
+                                doc.setFillColor(COLOR_CHART_AND_PERCENTS[idxConferenceResultQuestion]);
+                                doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
+                                doc.setFont("Helvetica", "normal", "bold");
+                                doc.text(resultQuestion + ":", left + 8, _line + 10);
+                                doc.setFont("Helvetica", "normal", "normal");
+                                doc.text(((_listResultQuestion$i5 = listResultQuestion[idxConferenceResultQuestion]) === null || _listResultQuestion$i5 === void 0 ? void 0 : _listResultQuestion$i5.avgOfStudentChoice.toFixed(2)) + "%", left + resultQuestion.length * 3 + 17, _line + 10);
+                                _line += 10;
 
-                          left = 20;
-                          doc.addImage(canvas.toDataURL("image/png", 1.0), 15, line + 70, 420, 140);
+                                if (_line > lineOptionConference) {
+                                  lineOptionConference = _line;
+                                }
+                              }
+                            }
 
-                          for (var i = 0; i < dataConvertedSafety.length; i++) {
-                            if (activeColumnSafety[i]) {
-                              doc.setDrawColor(0);
-                              doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
-                              doc.roundedRect(left, line + 215, 5, 5, 1, 1, "F");
-                              doc.setTextColor("#252733");
-                              doc.setFont("Helvetica", "normal", "normal");
-                              doc.text(dataConvertedSafety[i], left + 7, line + 220);
-                              doc.setFont("Helvetica", "normal", "bold");
-                              doc.text(avgSafety[i] + "%", left, line + 227);
-                            } else {
-                              doc.setDrawColor(0);
-                              doc.setFillColor("#CCCCCC");
-                              doc.roundedRect(left, line + 215, 5, 5, 1, 1, "F");
-                              doc.setTextColor("#CCCCCC");
-                              doc.setFont("Helvetica", "normal", "normal");
-                              doc.text(dataConvertedSafety[i], left + 7, line + 220);
-                              doc.setFont("Helvetica", "normal", "bold");
-                              doc.text("0.00%", left, line + 227);
+                            left += 110;
+
+                            if (left + 110 > WIDTH_PAPER) {
+                              left = 20;
+                              line = lineOptionConference + 20;
                             }
 
-                            left = left + dataConvertedSafety[i].length * 3 + 15;
-                          }
+                            var _temp7 = function () {
+                              if (line + 100 > HEIGHT_PAPER) {
+                                line = 85;
+                                left = 20;
+                                doc.addPage();
+                                return Promise.resolve(createImageHeader()).then(function () {});
+                              }
+                            }();
+
+                            if (_temp7 && _temp7.then) return _temp7.then(function () {});
+                          });
+
+                          return _temp8 && _temp8.then ? _temp8.then(_temp9) : _temp9(_temp8);
                         });
                       });
                     }
                   }();
 
-                  return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
+                  return _temp19 && _temp19.then ? _temp19.then(_temp20) : _temp20(_temp19);
                 }
 
-                var _temp7 = function () {
-                  if (!!chartConferecePDF) {
-                    var _selectedToPDF4;
+                var _temp21 = function () {
+                  var _filterSelectedToPDF$9;
 
-                    var line = 70;
-                    var left = 20;
-                    if (selectedToPDF.indexOf(chartConferecePDF) != 0 && ((_selectedToPDF4 = selectedToPDF[selectedToPDF.indexOf(chartConferecePDF) - 1]) === null || _selectedToPDF4 === void 0 ? void 0 : _selectedToPDF4.id) != null) doc.addPage();
+                  if (((_filterSelectedToPDF$9 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$9 === void 0 ? void 0 : _filterSelectedToPDF$9.id) == "class_reflection") {
                     return Promise.resolve(createImageHeader()).then(function () {
+                      var _filterSelectedToPDF$10;
+
+                      var lineOptionClassReflection = line;
                       doc.setFontSize(14);
+                      doc.setTextColor("#242424");
                       doc.setFont("Helvetica", "normal", "bold");
-                      doc.text(chartConferecePDF.label, left, line);
-                      var chart = document.getElementById("conference");
+                      doc.text((_filterSelectedToPDF$10 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$10 === void 0 ? void 0 : _filterSelectedToPDF$10.label, left, 70);
+                      var chart = document.getElementById("class_reflection");
                       return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                        doc.setFontSize(8);
-
-                        for (var i = 0; i < ((_chartConference$over = chartConference.overviewQuestionChoice) === null || _chartConference$over === void 0 ? void 0 : _chartConference$over.length); i++) {
-                          var _chartConference$over;
-
-                          if (chartConference.overviewQuestionChoice[i].resultQuestion[0].questionId != 0 || chartConference.overviewQuestionChoice[i].resultQuestion[0].questionText != "") {
-                            var _sortedResultQuestion4, _sortedResultQuestion5, _sortedResultQuestion6, _sortedResultQuestion7, _sortedResultQuestion8, _sortedResultQuestion9, _chartConference$over2;
-
-                            var sortedResultQuestions = chartConference.overviewQuestionChoice[i].resultQuestion.sort(function (a, b) {
-                              return a.avgOfStudentChoice < b.avgOfStudentChoice ? 1 : -1;
-                            });
-                            var resultQuestion1 = ((_sortedResultQuestion4 = sortedResultQuestions[0]) === null || _sortedResultQuestion4 === void 0 ? void 0 : _sortedResultQuestion4.questionText) || "";
-                            var resultQuestion2 = ((_sortedResultQuestion5 = sortedResultQuestions[1]) === null || _sortedResultQuestion5 === void 0 ? void 0 : _sortedResultQuestion5.questionText) || "";
-                            var resultQuestion3 = ((_sortedResultQuestion6 = sortedResultQuestions[2]) === null || _sortedResultQuestion6 === void 0 ? void 0 : _sortedResultQuestion6.questionText) || "";
-                            var resultQuestion4 = ((_sortedResultQuestion7 = sortedResultQuestions[3]) === null || _sortedResultQuestion7 === void 0 ? void 0 : _sortedResultQuestion7.questionText) || "";
-                            var resultQuestion5 = ((_sortedResultQuestion8 = sortedResultQuestions[4]) === null || _sortedResultQuestion8 === void 0 ? void 0 : _sortedResultQuestion8.questionText) || "";
-                            var resultQuestion6 = ((_sortedResultQuestion9 = sortedResultQuestions[5]) === null || _sortedResultQuestion9 === void 0 ? void 0 : _sortedResultQuestion9.questionText) || "";
-                            doc.setFont("Helvetica", "normal", "bold");
-                            doc.text(chartConference.overviewQuestionChoice[i].month, left, line + 20);
+                        function _temp6() {
+                          doc.setFontSize(8);
+                          doc.setFont("Helvetica", "normal", "normal");
+                          left = 20;
+                          line = lineOptionClassReflection + 30;
 
-                            if (resultQuestion1 != "") {
-                              var _sortedResultQuestion10;
+                          for (var idxReflectionConverted = 0; idxReflectionConverted < (dataConvertedClassReflection === null || dataConvertedClassReflection === void 0 ? void 0 : dataConvertedClassReflection.length); idxReflectionConverted++) {
+                            if (activeColumnClassReflection[idxReflectionConverted]) {
+                              var _dataConvertedClassRe;
 
-                              doc.setFont("Helvetica", "normal", "bold");
-                              doc.text(resultQuestion1, left + 10, line + 30);
-                              doc.setFont("Helvetica", "normal", "normal");
-                              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);
                               doc.setDrawColor(0);
-                              doc.setFillColor(64, 210, 204);
-                              doc.roundedRect(left, line + 25, 5, 5, 1, 1, "F");
-                            }
-
-                            if (resultQuestion2 != "") {
-                              var _sortedResultQuestion11;
+                              doc.setFillColor(COLOR_CHART_AND_PERCENTS[idxReflectionConverted]);
+                              doc.roundedRect(left, line, 5, 5, 1, 1, "F");
+                              doc.setTextColor("#242424");
+                              doc.text(dataConvertedClassReflection[idxReflectionConverted], left + 7, line + 5);
+                              left = left + dataConvertedClassReflection[idxReflectionConverted].length * 3 + 15;
 
-                              doc.setFont("Helvetica", "normal", "bold");
-                              doc.text(resultQuestion2, left + 10, line + 40);
-                              doc.setFont("Helvetica", "normal", "normal");
-                              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);
-                              doc.setDrawColor(0);
-                              doc.setFillColor(120, 182, 226);
-                              doc.roundedRect(left, line + 35, 5, 5, 1, 1, "F");
+                              if (!!dataConvertedClassReflection[idxReflectionConverted + 1] && left + ((_dataConvertedClassRe = dataConvertedClassReflection[idxReflectionConverted + 1]) === null || _dataConvertedClassRe === void 0 ? void 0 : _dataConvertedClassRe.length) * 3 + 15 > WIDTH_PAPER) {
+                                left = 20;
+                                line += 10;
+                              }
                             }
+                          }
 
-                            if (resultQuestion3 != "") {
-                              var _sortedResultQuestion12;
-
-                              doc.setFont("Helvetica", "normal", "bold");
-                              doc.text(resultQuestion3, left + 10, line + 50);
-                              doc.setFont("Helvetica", "normal", "normal");
-                              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);
-                              doc.setDrawColor(0);
-                              doc.setFillColor(255, 176, 79);
-                              doc.roundedRect(left, line + 45, 5, 5, 1, 1, "F");
-                            }
+                          left = 20;
+                          doc.addImage(canvas.toDataURL("image/png"), left, line + 10, 400, 130);
+                          doc.setFontSize(8);
+                          var lineAvgReflection = line + 150;
 
-                            if (resultQuestion4 != "") {
-                              var _sortedResultQuestion13;
+                          for (var idxAvgReflection = 0; idxAvgReflection < (dataConvertedClassReflection === null || dataConvertedClassReflection === void 0 ? void 0 : dataConvertedClassReflection.length); idxAvgReflection++) {
+                            if (avgClassReflection[idxAvgReflection] != 0) {
+                              var _dataConvertedClassRe2, _dataConvertedClassRe3;
 
-                              doc.setFont("Helvetica", "normal", "bold");
-                              doc.text(resultQuestion4, left + 10, line + 60);
-                              doc.setFont("Helvetica", "normal", "normal");
-                              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);
                               doc.setDrawColor(0);
-                              doc.setFillColor(206, 74, 73);
-                              doc.roundedRect(left, line + 55, 5, 5, 1, 1, "F");
+                              doc.setFillColor(COLOR_CHART_AND_PERCENTS[idxAvgReflection]);
+                              doc.roundedRect(left, lineAvgReflection, 5, 5, 1, 1, "F");
+                              doc.setTextColor("#242424");
+                              doc.setFont("Helvetica", "normal", "normal");
+                              doc.text(dataConvertedClassReflection[idxAvgReflection], left + 7, lineAvgReflection + 5);
+                              doc.setFont("Helvetica", "normal", "bold");
+                              doc.text(avgClassReflection[idxAvgReflection].toFixed(2) + "%", left, lineAvgReflection + 12);
+                              left = left + ((_dataConvertedClassRe2 = dataConvertedClassReflection[idxAvgReflection]) === null || _dataConvertedClassRe2 === void 0 ? void 0 : _dataConvertedClassRe2.length) * 3 + 15;
+
+                              if (left + ((_dataConvertedClassRe3 = dataConvertedClassReflection[idxAvgReflection + 1]) === null || _dataConvertedClassRe3 === void 0 ? void 0 : _dataConvertedClassRe3.length) * 3 + 15 > WIDTH_PAPER) {
+                                left = 20;
+                                lineAvgReflection += 17;
+                              }
                             }
+                          }
+                        }
 
-                            if (resultQuestion5 != "") {
-                              var _sortedResultQuestion14;
+                        doc.setFontSize(8);
+                        var listClassReflectionData = chartClassReflection === null || chartClassReflection === void 0 ? void 0 : chartClassReflection.overviewQuestionChoice;
+                        var idxClassReflection = 0;
+
+                        var _temp5 = _for(function () {
+                          return idxClassReflection < (listClassReflectionData === null || listClassReflectionData === void 0 ? void 0 : listClassReflectionData.length);
+                        }, function () {
+                          return idxClassReflection++;
+                        }, function () {
+                          var _listClassReflectionD, _listClassReflectionD2;
+
+                          var _line = line;
+                          var listResultQuestions = (_listClassReflectionD = listClassReflectionData[idxClassReflection]) === null || _listClassReflectionD === void 0 ? void 0 : _listClassReflectionD.resultQuestion;
+                          doc.setFontSize(12);
+                          doc.setFont("Helvetica", "normal", "bold");
+                          doc.text((_listClassReflectionD2 = listClassReflectionData[idxClassReflection]) === null || _listClassReflectionD2 === void 0 ? void 0 : _listClassReflectionD2.month, left, _line);
+                          doc.setFontSize(8);
 
-                              doc.setFont("Helvetica", "normal", "bold");
-                              doc.text(resultQuestion5, left + 10, line + 70);
-                              doc.setFont("Helvetica", "normal", "normal");
-                              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);
-                              doc.setDrawColor(0);
-                              doc.setFillColor(27, 183, 177);
-                              doc.roundedRect(left, line + 65, 5, 5, 1, 1, "F");
-                            }
+                          for (var idxReflectionResult = 0; idxReflectionResult < (listResultQuestions === null || listResultQuestions === void 0 ? void 0 : listResultQuestions.length); idxReflectionResult++) {
+                            if (listResultQuestions[idxReflectionResult].avgOfStudentChoice != 0) {
+                              var _listResultQuestions$, _listResultQuestions$2, _listResultQuestions$3, _listResultQuestions$4;
 
-                            if (resultQuestion6 != "") {
-                              var _sortedResultQuestion15;
+                              var resultQuestion = ((_listResultQuestions$ = listResultQuestions[idxReflectionResult]) === null || _listResultQuestions$ === void 0 ? void 0 : (_listResultQuestions$2 = _listResultQuestions$.questionText) === null || _listResultQuestions$2 === void 0 ? void 0 : _listResultQuestions$2.slice(3, (_listResultQuestions$3 = listResultQuestions[idxReflectionResult]) === null || _listResultQuestions$3 === void 0 ? void 0 : (_listResultQuestions$4 = _listResultQuestions$3.questionText) === null || _listResultQuestions$4 === void 0 ? void 0 : _listResultQuestions$4.indexOf("</p>"))) || "";
 
-                              doc.setFont("Helvetica", "normal", "bold");
-                              doc.text(resultQuestion6, left + 10, line + 80);
-                              doc.setFont("Helvetica", "normal", "normal");
-                              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);
-                              doc.setDrawColor(0);
-                              doc.setFillColor(75, 146, 206);
-                              doc.roundedRect(left, line + 75, 5, 5, 1, 1, "F");
-                            }
+                              if (resultQuestion != "") {
+                                var _listResultQuestions$5, _listResultQuestions$6;
 
-                            if ((resultQuestion1 === null || resultQuestion1 === void 0 ? void 0 : resultQuestion1.length) * 5 + 5 + 10 > 100) {
-                              left = left + (resultQuestion1 === null || resultQuestion1 === void 0 ? void 0 : resultQuestion1.length) * 5 + 20;
-                            } else if ((resultQuestion2 === null || resultQuestion2 === void 0 ? void 0 : resultQuestion2.length) * 5 + 5 + 10 > 100) {
-                              left = left + (resultQuestion2 === null || resultQuestion2 === void 0 ? void 0 : resultQuestion2.length) * 5 + 20;
-                            } else if ((resultQuestion3 === null || resultQuestion3 === void 0 ? void 0 : resultQuestion3.length) * 5 + 5 + 10 > 100) {
-                              left = left + (resultQuestion3 === null || resultQuestion3 === void 0 ? void 0 : resultQuestion3.length) * 5 + 20;
-                            } else if ((resultQuestion4 === null || resultQuestion4 === void 0 ? void 0 : resultQuestion4.length) * 5 + 5 + 10 > 100) {
-                              left = left + (resultQuestion4 === null || resultQuestion4 === void 0 ? void 0 : resultQuestion4.length) * 5 + 20;
-                            } else if ((resultQuestion5 === null || resultQuestion5 === void 0 ? void 0 : resultQuestion5.length) * 5 + 5 + 10 > 100) {
-                              left = left + (resultQuestion5 === null || resultQuestion5 === void 0 ? void 0 : resultQuestion5.length) * 5 + 20;
-                            } else if ((resultQuestion6 === null || resultQuestion6 === void 0 ? void 0 : resultQuestion6.length) * 5 + 5 + 10 > 100) {
-                              left = left + (resultQuestion6 === null || resultQuestion6 === void 0 ? void 0 : resultQuestion6.length) * 5 + 20;
-                            } else {
-                              left = left + 100;
-                            }
+                                doc.setDrawColor(0);
+                                doc.setFillColor(COLOR_CHART_AND_PERCENTS[idxReflectionResult]);
+                                doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
+                                doc.setFont("Helvetica", "normal", "bold");
+                                doc.text((resultQuestion.toLowerCase().includes("how productive") ? "Productive" : resultQuestion) + ":", left + 8, _line + 10);
+                                doc.setFont("Helvetica", "normal", "normal");
+                                doc.text(((_listResultQuestions$5 = listResultQuestions[idxReflectionResult]) === null || _listResultQuestions$5 === void 0 ? void 0 : (_listResultQuestions$6 = _listResultQuestions$5.avgOfStudentChoice) === null || _listResultQuestions$6 === void 0 ? void 0 : _listResultQuestions$6.toFixed(2)) + "%", left + 12 + (resultQuestion.toLowerCase().includes("how productive") ? 35 : (resultQuestion === null || resultQuestion === void 0 ? void 0 : resultQuestion.length) * 3 + 5), _line + 10);
+                              }
 
-                            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) {
-                              left = 20;
-                              line += 80;
+                              _line += 10;
+
+                              if (_line > lineOptionClassReflection) {
+                                lineOptionClassReflection = _line;
+                              }
                             }
                           }
-                        }
 
-                        doc.setFont("Helvetica", "normal", "normal");
-                        left = 20;
+                          left += 100;
 
-                        for (var i = 0; i < dataConvertedConference.length; i++) {
-                          if (activeColumnConference[i]) {
-                            doc.setDrawColor(0);
-                            doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
-                            doc.roundedRect(left, line + 95, 5, 5, 1, 1, "F");
-                            doc.setTextColor("#252733");
-                            doc.text(dataConvertedConference[i], left + 7, line + 100);
-                          } else {
-                            doc.setDrawColor(0);
-                            doc.setFillColor("#CCCCCC");
-                            doc.roundedRect(left, line + 95, 5, 5, 1, 1, "F");
-                            doc.setTextColor("#CCCCCC");
-                            doc.text(dataConvertedConference[i], left + 7, line + 100);
+                          if (left + 105 > WIDTH_PAPER) {
+                            left = 20;
+                            line = lineOptionClassReflection + 20;
                           }
 
-                          left = left + dataConvertedConference[i].length * 3 + 15;
-                        }
-
-                        left = 20;
-                        doc.addImage(canvas.toDataURL("image/png", 1.0), 15, line + 105, 420, 140);
+                          var _temp4 = function () {
+                            if (line + 100 > HEIGHT_PAPER) {
+                              line = 85;
+                              left = 20;
+                              doc.addPage();
+                              return Promise.resolve(createImageHeader()).then(function () {});
+                            }
+                          }();
 
-                        for (var i = 0; i < dataConvertedConference.length; i++) {
-                          if (activeColumnConference[i]) {
-                            doc.setDrawColor(0);
-                            doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
-                            doc.roundedRect(left, line + 250, 5, 5, 1, 1, "F");
-                            doc.setTextColor("#252733");
-                            doc.setFont("Helvetica", "normal", "normal");
-                            doc.text(dataConvertedConference[i], left + 7, line + 255);
-                            doc.setFont("Helvetica", "normal", "bold");
-                            doc.text(avgConference[i] + "%", left, line + 262);
-                          } else {
-                            doc.setDrawColor(0);
-                            doc.setFillColor("#CCCCCC");
-                            doc.roundedRect(left, line + 250, 5, 5, 1, 1, "F");
-                            doc.setTextColor("#CCCCCC");
-                            doc.setFont("Helvetica", "normal", "normal");
-                            doc.text(dataConvertedConference[i], left + 7, line + 255);
-                            doc.setFont("Helvetica", "normal", "bold");
-                            doc.text("0.00%", left, line + 262);
-                          }
+                          if (_temp4 && _temp4.then) return _temp4.then(function () {});
+                        });
 
-                          left = left + dataConvertedConference[i].length * 3 + 15;
-                        }
+                        return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
                       });
                     });
                   }
                 }();
 
-                return _temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7);
+                return _temp21 && _temp21.then ? _temp21.then(_temp22) : _temp22(_temp21);
               }
 
-              var _temp9 = function () {
-                if (!!chartClassReflectionPDF) {
-                  var _selectedToPDF5;
+              var _temp23 = function () {
+                var _filterSelectedToPDF$11;
 
-                  var line = 70;
-                  var left = 20;
-                  if (selectedToPDF.indexOf(chartClassReflectionPDF) != 0 && ((_selectedToPDF5 = selectedToPDF[selectedToPDF.indexOf(chartClassReflectionPDF) - 1]) === null || _selectedToPDF5 === void 0 ? void 0 : _selectedToPDF5.id) != null) doc.addPage();
+                if (((_filterSelectedToPDF$11 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$11 === void 0 ? void 0 : _filterSelectedToPDF$11.id) == "1_to_1") {
                   return Promise.resolve(createImageHeader()).then(function () {
+                    var _filterSelectedToPDF$12;
+
                     doc.setFontSize(14);
                     doc.setFont("Helvetica", "normal", "bold");
-                    doc.text(chartClassReflectionPDF.label, left, line);
-                    var chart = document.getElementById("class_reflection");
+                    doc.text((_filterSelectedToPDF$12 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$12 === void 0 ? void 0 : _filterSelectedToPDF$12.label, left, 70);
+                    var chart = document.getElementById("1_to_1");
                     return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                      doc.setFontSize(8);
-
-                      for (var i = 0; i < ((_chartClassReflection = chartClassReflection.overviewQuestionChoice) === null || _chartClassReflection === void 0 ? void 0 : _chartClassReflection.length); i++) {
-                        var _chartClassReflection;
-
-                        if (chartClassReflection.overviewQuestionChoice[i].resultQuestion[0].questionId != 0) {
-                          var _sortedResultQuestion16, _sortedResultQuestion17, _sortedResultQuestion18, _sortedResultQuestion19, _sortedResultQuestion20, _sortedResultQuestion21, _sortedResultQuestion22, _sortedResultQuestion23, _sortedResultQuestion24, _sortedResultQuestion25, _chartClassReflection2;
-
-                          var sortedResultQuestions = chartClassReflection.overviewQuestionChoice[i].resultQuestion.sort(function (a, b) {
-                            return a.avgOfStudentChoice < b.avgOfStudentChoice ? 1 : -1;
-                          });
-                          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>"))) || "";
-                          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>"))) || "";
-                          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>"))) || "";
-                          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>"))) || "";
-                          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>"))) || "";
-                          doc.setFont("Helvetica", "normal", "bold");
-                          doc.text(chartClassReflection.overviewQuestionChoice[i].month, left, line + 20);
+                      function _temp3() {
+                        doc.setFontSize(8);
+                        doc.setFont("Helvetica", "normal", "normal");
+                        left = 20;
+                        line = lineOptionOneToOne + 30;
 
-                          if (resultQuestion1 != "") {
-                            var _sortedResultQuestion26;
+                        for (var idxOneToOneConvert = 0; idxOneToOneConvert < (dataConvertedOneToOne === null || dataConvertedOneToOne === void 0 ? void 0 : dataConvertedOneToOne.length); idxOneToOneConvert++) {
+                          if (activeColumnOneToOne[idxOneToOneConvert]) {
+                            var _dataConvertedOneToOn;
 
-                            doc.setFont("Helvetica", "normal", "bold");
-                            doc.text(resultQuestion1, left + 10, line + 30);
-                            doc.setFont("Helvetica", "normal", "normal");
-                            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);
                             doc.setDrawColor(0);
-                            doc.setFillColor(64, 210, 204);
-                            doc.roundedRect(left, line + 25, 5, 5, 1, 1, "F");
+                            doc.setFillColor(COLOR_CHART_AND_PERCENTS[idxOneToOneConvert]);
+                            doc.roundedRect(left, line, 5, 5, 1, 1, "F");
+                            doc.setTextColor("#252733");
+                            doc.text(dataConvertedOneToOne[idxOneToOneConvert], left + 7, line + 5);
+                            left = left + dataConvertedOneToOne[idxOneToOneConvert].length * 3 + 15;
+
+                            if (!!dataConvertedOneToOne[idxOneToOneConvert + 1] && left + ((_dataConvertedOneToOn = dataConvertedOneToOne[idxOneToOneConvert + 1]) === null || _dataConvertedOneToOn === void 0 ? void 0 : _dataConvertedOneToOn.length) * 3 + 15 > WIDTH_PAPER) {
+                              left = 20;
+                              line += 10;
+                            }
                           }
+                        }
+
+                        left = 20;
+                        doc.addImage(canvas.toDataURL("image/png"), 20, line + 10, 400, 130);
+                        doc.setFontSize(8);
+                        var lineAvgPercent = line + 150;
 
-                          if (resultQuestion2 != "") {
-                            var _sortedResultQuestion27;
+                        for (var idxOneToOnePercent = 0; idxOneToOnePercent < dataConvertedOneToOne.length; idxOneToOnePercent++) {
+                          if (avgOneToOne[idxOneToOnePercent] != 0) {
+                            var _dataConvertedOneToOn2, _dataConvertedOneToOn3;
 
-                            doc.setFont("Helvetica", "normal", "bold");
-                            doc.text(resultQuestion2, left + 10, line + 40);
-                            doc.setFont("Helvetica", "normal", "normal");
-                            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);
                             doc.setDrawColor(0);
-                            doc.setFillColor(120, 182, 226);
-                            doc.roundedRect(left, line + 35, 5, 5, 1, 1, "F");
+                            doc.setFillColor(COLOR_CHART_AND_PERCENTS[idxOneToOnePercent]);
+                            doc.roundedRect(left, lineAvgPercent, 5, 5, 1, 1, "F");
+                            doc.setTextColor("#242424");
+                            doc.setFont("Helvetica", "normal", "normal");
+                            doc.text(dataConvertedOneToOne[idxOneToOnePercent], left + 7, lineAvgPercent + 5);
+                            doc.setFont("Helvetica", "normal", "bold");
+                            doc.text(avgOneToOne[idxOneToOnePercent].toFixed(2) + "%", left, lineAvgPercent + 12);
+                            left = left + ((_dataConvertedOneToOn2 = dataConvertedOneToOne[idxOneToOnePercent]) === null || _dataConvertedOneToOn2 === void 0 ? void 0 : _dataConvertedOneToOn2.length) * 3 + 15;
+
+                            if (left + ((_dataConvertedOneToOn3 = dataConvertedOneToOne[idxOneToOnePercent + 1]) === null || _dataConvertedOneToOn3 === void 0 ? void 0 : _dataConvertedOneToOn3.length) * 3 + 15 > WIDTH_PAPER) {
+                              left = 20;
+                              lineAvgPercent += 17;
+                            }
                           }
+                        }
+                      }
 
-                          if (resultQuestion3 != "") {
-                            var _sortedResultQuestion28;
+                      var lineOptionOneToOne = line;
+                      var listChartOneToOneData = chartOneToOneData === null || chartOneToOneData === void 0 ? void 0 : chartOneToOneData.overviewQuestionChoice;
+                      doc.setFontSize(8);
 
-                            doc.setFont("Helvetica", "normal", "bold");
-                            doc.text(resultQuestion3, left + 10, line + 50);
-                            doc.setFont("Helvetica", "normal", "normal");
-                            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);
-                            doc.setDrawColor(0);
-                            doc.setFillColor(255, 176, 79);
-                            doc.roundedRect(left, line + 45, 5, 5, 1, 1, "F");
-                          }
+                      var _temp2 = _forTo(listChartOneToOneData, function (indexOnetoOne) {
+                        var _listChartOneToOneDat, _listChartOneToOneDat2;
 
-                          if (resultQuestion4 != "") {
-                            var _sortedResultQuestion29;
+                        var _line = line;
+                        var listResultQuestion = (_listChartOneToOneDat = listChartOneToOneData[indexOnetoOne]) === null || _listChartOneToOneDat === void 0 ? void 0 : _listChartOneToOneDat.resultQuestion;
+                        doc.setFontSize(12);
+                        doc.setFont("Helvetica", "normal", "bold");
+                        doc.text((_listChartOneToOneDat2 = listChartOneToOneData[indexOnetoOne]) === null || _listChartOneToOneDat2 === void 0 ? void 0 : _listChartOneToOneDat2.month, left, _line);
+                        doc.setFontSize(8);
 
-                            doc.setFont("Helvetica", "normal", "bold");
-                            doc.text(resultQuestion4, left + 10, line + 60);
-                            doc.setFont("Helvetica", "normal", "normal");
-                            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);
-                            doc.setDrawColor(0);
-                            doc.setFillColor(206, 74, 73);
-                            doc.roundedRect(left, line + 55, 5, 5, 1, 1, "F");
-                          }
+                        for (var indexResult = 0; indexResult < (listResultQuestion === null || listResultQuestion === void 0 ? void 0 : listResultQuestion.length); indexResult++) {
+                          var _listResultQuestion$i6;
 
-                          if (resultQuestion5 != "") {
-                            var _sortedResultQuestion30;
+                          if (((_listResultQuestion$i6 = listResultQuestion[indexResult]) === null || _listResultQuestion$i6 === void 0 ? void 0 : _listResultQuestion$i6.avgOfStudentChoice) != 0) {
+                            var _listResultQuestion$i7, _listResultQuestion$i8;
 
-                            doc.setFont("Helvetica", "normal", "bold");
-                            doc.text(resultQuestion5, left + 10, line + 70);
-                            doc.setFont("Helvetica", "normal", "normal");
-                            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);
-                            doc.setDrawColor(0);
-                            doc.setFillColor(27, 183, 177);
-                            doc.roundedRect(left, line + 65, 5, 5, 1, 1, "F");
-                          }
+                            var resultQuestion = ((_listResultQuestion$i7 = listResultQuestion[indexResult]) === null || _listResultQuestion$i7 === void 0 ? void 0 : _listResultQuestion$i7.questionText.slice(3, (_listResultQuestion$i8 = listResultQuestion[indexResult]) === null || _listResultQuestion$i8 === void 0 ? void 0 : _listResultQuestion$i8.questionText.indexOf("</p>"))) || "";
 
-                          if ((resultQuestion1 === null || resultQuestion1 === void 0 ? void 0 : resultQuestion1.length) * 5 + 5 + 10 > 80) {
-                            left = left + (resultQuestion1 === null || resultQuestion1 === void 0 ? void 0 : resultQuestion1.length) * 5 + 15;
-                          } else if ((resultQuestion2 === null || resultQuestion2 === void 0 ? void 0 : resultQuestion2.length) * 5 + 5 + 10 > 80) {
-                            left = left + (resultQuestion2 === null || resultQuestion2 === void 0 ? void 0 : resultQuestion2.length) * 5 + 15;
-                          } else if ((resultQuestion3 === null || resultQuestion3 === void 0 ? void 0 : resultQuestion3.length) * 5 + 5 + 10 > 80) {
-                            left = left + (resultQuestion3 === null || resultQuestion3 === void 0 ? void 0 : resultQuestion3.length) * 5 + 15;
-                          } else if ((resultQuestion4 === null || resultQuestion4 === void 0 ? void 0 : resultQuestion4.length) * 5 + 5 + 10 > 80) {
-                            left = left + (resultQuestion4 === null || resultQuestion4 === void 0 ? void 0 : resultQuestion4.length) * 5 + 15;
-                          } else if ((resultQuestion5 === null || resultQuestion5 === void 0 ? void 0 : resultQuestion5.length) * 5 + 5 + 10 > 80) {
-                            left = left + (resultQuestion5 === null || resultQuestion5 === void 0 ? void 0 : resultQuestion5.length) * 5 + 15;
-                          } else {
-                            left = left + 80;
-                          }
+                            if (resultQuestion != "") {
+                              var _listResultQuestion$i9, _listResultQuestion$i10;
 
-                          console.log({
-                            left: left
-                          });
+                              doc.setDrawColor(0);
+                              doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
+                              doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
+                              doc.setFont("Helvetica", "normal", "bold");
+                              doc.text(resultQuestion + ":", left + 8, _line + 10);
+                              doc.setFont("Helvetica", "normal", "normal");
+                              doc.text(((_listResultQuestion$i9 = listResultQuestion[indexResult]) === null || _listResultQuestion$i9 === void 0 ? void 0 : (_listResultQuestion$i10 = _listResultQuestion$i9.avgOfStudentChoice) === null || _listResultQuestion$i10 === void 0 ? void 0 : _listResultQuestion$i10.toFixed(2)) + "%", left + (resultQuestion === null || resultQuestion === void 0 ? void 0 : resultQuestion.length) * 2.5 + 20.5, _line + 10);
+                            }
 
-                          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) {
-                            left = 20;
-                            line += 55;
+                            _line += 10;
+
+                            if (_line > lineOptionOneToOne) {
+                              lineOptionOneToOne = _line;
+                            }
                           }
                         }
-                      }
 
-                      doc.setFont("Helvetica", "normal", "normal");
-                      left = 20;
+                        left += 100;
 
-                      for (var i = 0; i < dataConvertedClassReflection.length; i++) {
-                        if (activeColumnClassReflection[i]) {
-                          doc.setDrawColor(0);
-                          doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
-                          doc.roundedRect(left, line + 95, 5, 5, 1, 1, "F");
-                          doc.setTextColor("#252733");
-                          doc.text(dataConvertedClassReflection[i], left + 7, line + 100);
-                        } else {
-                          doc.setDrawColor(0);
-                          doc.setFillColor("#CCCCCC");
-                          doc.roundedRect(left, line + 95, 5, 5, 1, 1, "F");
-                          doc.setTextColor("#CCCCCC");
-                          doc.text(dataConvertedClassReflection[i], left + 7, line + 100);
+                        if (left + 105 > WIDTH_PAPER) {
+                          left = 20;
+                          line = lineOptionOneToOne + 25;
                         }
 
-                        left = left + dataConvertedClassReflection[i].length * 3 + 15;
-                      }
+                        var _temp = function () {
+                          if (line + 150 > HEIGHT_PAPER) {
+                            doc.addPage();
+                            return Promise.resolve(createImageHeader()).then(function () {
+                              line = 80;
+                              left = 20;
+                            });
+                          }
+                        }();
 
-                      left = 20;
-                      doc.addImage(canvas.toDataURL("image/png", 1.0), 15, line + 105, 420, 140);
-
-                      for (var i = 0; i < dataConvertedClassReflection.length; i++) {
-                        if (activeColumnClassReflection[i]) {
-                          doc.setDrawColor(0);
-                          doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
-                          doc.roundedRect(left, line + 250, 5, 5, 1, 1, "F");
-                          doc.setTextColor("#252733");
-                          doc.setFont("Helvetica", "normal", "normal");
-                          doc.text(dataConvertedClassReflection[i], left + 7, line + 255);
-                          doc.setFont("Helvetica", "normal", "bold");
-                          doc.text(avgClassReflection[i] + "%", left, line + 262);
-                        } else {
-                          doc.setDrawColor(0);
-                          doc.setFillColor("#CCCCCC");
-                          doc.roundedRect(left, line + 250, 5, 5, 1, 1, "F");
-                          doc.setTextColor("#CCCCCC");
-                          doc.setFont("Helvetica", "normal", "normal");
-                          doc.text(dataConvertedClassReflection[i], left + 7, line + 255);
-                          doc.setFont("Helvetica", "normal", "bold");
-                          doc.text("0.00%", left, line + 262);
-                        }
+                        if (_temp && _temp.then) return _temp.then(function () {});
+                      });
 
-                        left = left + dataConvertedClassReflection[i].length * 3 + 15;
-                      }
+                      return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
                     });
                   });
                 }
               }();
 
-              return _temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9);
+              return _temp23 && _temp23.then ? _temp23.then(_temp24) : _temp24(_temp23);
             }
 
-            var _temp11 = function () {
-              if (!!chartOneToOne) {
-                var _selectedToPDF6;
+            var _temp25 = function () {
+              var _filterSelectedToPDF$13;
 
-                var line = 70;
-                var left = 20;
-                if (selectedToPDF.indexOf(chartOneToOne) != 0 && ((_selectedToPDF6 = selectedToPDF[selectedToPDF.indexOf(chartOneToOne) - 1]) === null || _selectedToPDF6 === void 0 ? void 0 : _selectedToPDF6.id) != null) doc.addPage();
+              if (((_filterSelectedToPDF$13 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$13 === void 0 ? void 0 : _filterSelectedToPDF$13.id) == "readiness_to_learn") {
                 return Promise.resolve(createImageHeader()).then(function () {
                   doc.setFontSize(14);
                   doc.setFont("Helvetica", "normal", "bold");
-                  doc.text(chartOneToOne.label, left, line);
-                  var chart = document.getElementById("1_to_1");
+                  doc.text(filterSelectedToPDF[i].label, left, 70);
+                  var chart = document.getElementById("readiness_to_learn");
                   return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                    doc.setFontSize(8);
-
-                    for (var i = 0; i < ((_chartOneToOneData$ov = chartOneToOneData.overviewQuestionChoice) === null || _chartOneToOneData$ov === void 0 ? void 0 : _chartOneToOneData$ov.length); i++) {
-                      var _chartOneToOneData$ov;
-
-                      if (chartOneToOneData.overviewQuestionChoice[i].resultQuestion[0].questionId != 0) {
-                        var _sortedResultQuestion31, _sortedResultQuestion32, _sortedResultQuestion33, _sortedResultQuestion34, _sortedResultQuestion35, _sortedResultQuestion36, _sortedResultQuestion37, _sortedResultQuestion38, _sortedResultQuestion39, _sortedResultQuestion40, _sortedResultQuestion41, _sortedResultQuestion42, _sortedResultQuestion43, _sortedResultQuestion44, _sortedResultQuestion45, _sortedResultQuestion46, _sortedResultQuestion47, _sortedResultQuestion48, _chartOneToOneData$ov2;
-
-                        var sortedResultQuestions = chartOneToOneData.overviewQuestionChoice[i].resultQuestion.sort(function (a, b) {
-                          return a.avgOfStudentChoice < b.avgOfStudentChoice ? 1 : -1;
-                        });
-                        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>"))) || "";
-                        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>"))) || "";
-                        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>"))) || "";
-                        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>"))) || "";
-                        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>"))) || "";
-                        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>"))) || "";
-                        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>"))) || "";
-                        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>"))) || "";
-                        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>"))) || "";
-                        doc.setFont("Helvetica", "normal", "bold");
-                        doc.text(chartOneToOneData.overviewQuestionChoice[i].month, left, line + 20);
-
-                        if (resultQuestion1 != "") {
-                          var _sortedResultQuestion49;
-
-                          doc.setFont("Helvetica", "normal", "bold");
-                          doc.text(resultQuestion1, left + 10, line + 30);
-                          doc.setFont("Helvetica", "normal", "normal");
-                          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);
-                          doc.setDrawColor(0);
-                          doc.setFillColor(64, 210, 204);
-                          doc.roundedRect(left, line + 25, 5, 5, 1, 1, "F");
-                        }
-
-                        if (resultQuestion2 != "") {
-                          var _sortedResultQuestion50;
-
-                          doc.setFont("Helvetica", "normal", "bold");
-                          doc.text(resultQuestion2, left + 10, line + 40);
-                          doc.setFont("Helvetica", "normal", "normal");
-                          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);
-                          doc.setDrawColor(0);
-                          doc.setFillColor(120, 182, 226);
-                          doc.roundedRect(left, line + 35, 5, 5, 1, 1, "F");
-                        }
-
-                        if (resultQuestion3 != "") {
-                          var _sortedResultQuestion51;
-
-                          doc.setFont("Helvetica", "normal", "bold");
-                          doc.text(resultQuestion3, left + 10, line + 50);
-                          doc.setFont("Helvetica", "normal", "normal");
-                          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);
-                          doc.setDrawColor(0);
-                          doc.setFillColor(255, 176, 79);
-                          doc.roundedRect(left, line + 45, 5, 5, 1, 1, "F");
-                        }
-
-                        if (resultQuestion4 != "") {
-                          var _sortedResultQuestion52;
-
-                          doc.setFont("Helvetica", "normal", "bold");
-                          doc.text(resultQuestion4, left + 10, line + 60);
-                          doc.setFont("Helvetica", "normal", "normal");
-                          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);
-                          doc.setDrawColor(0);
-                          doc.setFillColor(206, 74, 73);
-                          doc.roundedRect(left, line + 55, 5, 5, 1, 1, "F");
-                        }
-
-                        if (resultQuestion5 != "") {
-                          var _sortedResultQuestion53;
-
-                          doc.setFont("Helvetica", "normal", "bold");
-                          doc.text(resultQuestion5, left + 10, line + 70);
-                          doc.setFont("Helvetica", "normal", "normal");
-                          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);
-                          doc.setDrawColor(0);
-                          doc.setFillColor(27, 183, 177);
-                          doc.roundedRect(left, line + 65, 5, 5, 1, 1, "F");
-                        }
-
-                        if (resultQuestion6 != "") {
-                          var _sortedResultQuestion54;
-
-                          doc.setFont("Helvetica", "normal", "bold");
-                          doc.text(resultQuestion6, left + 10, line + 80);
-                          doc.setFont("Helvetica", "normal", "normal");
-                          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);
-                          doc.setDrawColor(0);
-                          doc.setFillColor(75, 146, 206);
-                          doc.roundedRect(left, line + 75, 5, 5, 1, 1, "F");
-                        }
-
-                        if (resultQuestion7 != "") {
-                          var _sortedResultQuestion55;
-
-                          doc.setFont("Helvetica", "normal", "bold");
-                          doc.text(resultQuestion7, left + 10, line + 90);
-                          doc.setFont("Helvetica", "normal", "normal");
-                          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);
-                          doc.setDrawColor(0);
-                          doc.setFillColor(240, 148, 34);
-                          doc.roundedRect(left, line + 85, 5, 5, 1, 1, "F");
-                        }
-
-                        if (resultQuestion8 != "") {
-                          var _sortedResultQuestion56;
-
-                          doc.setFont("Helvetica", "normal", "bold");
-                          doc.text(resultQuestion8, left + 10, line + 100);
-                          doc.setFont("Helvetica", "normal", "normal");
-                          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);
-                          doc.setDrawColor(0);
-                          doc.setFillColor(162, 51, 51);
-                          doc.roundedRect(left, line + 95, 5, 5, 1, 1, "F");
-                        }
-
-                        if (resultQuestion9 != "") {
-                          var _sortedResultQuestion57;
-
-                          doc.setFont("Helvetica", "normal", "bold");
-                          doc.text(resultQuestion9, left + 10, line + 110);
-                          doc.setFont("Helvetica", "normal", "normal");
-                          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);
-                          doc.setDrawColor(0);
-                          doc.setFillColor(11, 153, 148);
-                          doc.roundedRect(left, line + 105, 5, 5, 1, 1, "F");
-                        }
-
-                        left = left + 100;
-
-                        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) {
-                          left = 20;
-                          line += 110;
-                        }
-                      }
-                    }
-
-                    doc.setFont("Helvetica", "normal", "normal");
-                    left = 20;
-
-                    for (var i = 0; i < dataConvertedOneToOne.length; i++) {
-                      if (activeColumnOneToOne[i]) {
-                        doc.setDrawColor(0);
-                        doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
-                        doc.roundedRect(left, line + 130, 5, 5, 1, 1, "F");
-                        doc.setTextColor("#252733");
-                        doc.text(dataConvertedOneToOne[i], left + 7, line + 135);
-                      } else {
-                        doc.setDrawColor(0);
-                        doc.setFillColor("#CCCCCC");
-                        doc.roundedRect(left, line + 130, 5, 5, 1, 1, "F");
-                        doc.setTextColor("#CCCCCC");
-                        doc.text(dataConvertedOneToOne[i], left + 7, line + 135);
-                      }
-
-                      left = left + dataConvertedOneToOne[i].length * 3 + 15;
-                    }
-
-                    left = 20;
-                    doc.addImage(canvas.toDataURL("image/png", 1.0), 15, line + 140, 420, 170);
-
-                    for (var i = 0; i < dataConvertedOneToOne.length; i++) {
-                      if (activeColumnOneToOne[i]) {
-                        doc.setDrawColor(0);
-                        doc.setFillColor(COLOR_CHART_AND_PERCENTS[i]);
-                        doc.roundedRect(left, line + 315, 5, 5, 1, 1, "F");
-                        doc.setTextColor("#252733");
-                        doc.setFont("Helvetica", "normal", "normal");
-                        doc.text(dataConvertedOneToOne[i], left + 7, line + 320);
-                        doc.setFont("Helvetica", "normal", "bold");
-                        doc.text(avgOneToOne[i] + "%", left, line + 327);
-                      } else {
-                        doc.setDrawColor(0);
-                        doc.setFillColor("#CCCCCC");
-                        doc.roundedRect(left, line + 315, 5, 5, 1, 1, "F");
-                        doc.setTextColor("#CCCCCC");
-                        doc.setFont("Helvetica", "normal", "normal");
-                        doc.text(dataConvertedOneToOne[i], left + 7, line + 320);
-                        doc.setFont("Helvetica", "normal", "bold");
-                        doc.text("0.00%", left, line + 327);
-                      }
-
-                      left = left + dataConvertedOneToOne[i].length * 3 + 15;
-                    }
+                    doc.addImage(canvas.toDataURL("image/png"), 15, line + 10, 420, 150);
                   });
                 });
               }
             }();
 
-            return _temp11 && _temp11.then ? _temp11.then(_temp12) : _temp12(_temp11);
+            return _temp25 && _temp25.then ? _temp25.then(_temp26) : _temp26(_temp25);
           }
 
-          var _temp13 = function () {
-            if (!!chartReadinessToLearn) {
-              var _selectedToPDF7;
+          var _temp27 = function () {
+            var _filterSelectedToPDF$14;
 
-              var line = 70;
-              var left = 20;
-              if (selectedToPDF.indexOf(chartReadinessToLearn) != 0 && ((_selectedToPDF7 = selectedToPDF[selectedToPDF.indexOf(chartReadinessToLearn) - 1]) === null || _selectedToPDF7 === void 0 ? void 0 : _selectedToPDF7.id) != null) doc.addPage();
+            if (((_filterSelectedToPDF$14 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$14 === void 0 ? void 0 : _filterSelectedToPDF$14.id) == "high_impact_learning_strategie") {
               return Promise.resolve(createImageHeader()).then(function () {
                 doc.setFontSize(14);
                 doc.setFont("Helvetica", "normal", "bold");
-                doc.text(chartReadinessToLearn.label, left, line);
-                var chart = document.getElementById("readiness_to_learn");
-                return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                  doc.addImage(canvas.toDataURL("image/png", 1.0), 15, line + 30, 420, 150);
-                });
-              });
-            }
-          }();
-
-          return _temp13 && _temp13.then ? _temp13.then(_temp14) : _temp14(_temp13);
-        }
-
-        var doc = new jsPDF({
-          orientation: "p",
-          unit: "px",
-          format: "a4"
-        });
-        var WIDTH_PAPER = doc.internal.pageSize.width;
-
-        var createImageHeader = function createImageHeader() {
-          try {
-            var imageLogo = document.getElementById("header-logo");
-            return Promise.resolve(html2canvas(imageLogo)).then(function (imageLogoCanvas) {
-              doc.addImage(imageLogoCanvas.toDataURL("image/png", 1.0), "png", 20, 20, 90, 25);
-            });
-          } catch (e) {
-            return Promise.reject(e);
-          }
-        };
-
-        var line = 80;
-        var left = 20;
-
-        var _temp15 = function () {
-          if (!!chartHightImpactLearningStrategie) {
-            var line = 70;
-            var left = 20;
-            if (selectedToPDF.indexOf(chartHightImpactLearningStrategie) != 0 && selectedToPDF[selectedToPDF.indexOf(chartHightImpactLearningStrategie) - 1].id != null) doc.addPage();
-            return Promise.resolve(createImageHeader()).then(function () {
-              doc.setFontSize(14);
-              doc.setFont("Helvetica", "normal", "bold");
-              doc.text(chartHightImpactLearningStrategie.label, left, line);
-              var chart = document.getElementById("high_impact_learning_strategie");
-              return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                doc.text(filterSelectedToPDF[i].label, left, 70);
                 doc.setFontSize(8);
+                var topLearningStrategiesData = topLearningStrategies === null || topLearningStrategies === void 0 ? void 0 : topLearningStrategies.learningStrategies;
 
-                for (var j = 0; j < ((_topLearningStrategie = topLearningStrategies.learningStrategies) === null || _topLearningStrategie === void 0 ? void 0 : _topLearningStrategie.length); j++) {
-                  var _topLearningStrategie, _topLearningStrategie2, _topLearningStrategie3;
+                for (var j = 0; j < (topLearningStrategiesData === null || topLearningStrategiesData === void 0 ? void 0 : topLearningStrategiesData.length); j++) {
+                  var _topLearningStrategie, _topLearningStrategie2, _topLearningStrategie3, _topLearningStrategie4, _topLearningStrategie5, _topLearningStrategie6;
 
-                  var sumUsagePoint = topLearningStrategies.learningStrategies[j].usagePoint.reduce(function (partialSum, a) {
+                  var sumPerceivedValue = (_topLearningStrategie = topLearningStrategiesData[j]) === null || _topLearningStrategie === void 0 ? void 0 : _topLearningStrategie.usagePoint.reduce(function (partialSum, a) {
                     return partialSum + a;
                   }, 0);
-                  var avgSumUsagePoint = sumUsagePoint / ((_topLearningStrategie2 = topLearningStrategies.learningStrategies[j].usagePoint) === null || _topLearningStrategie2 === void 0 ? void 0 : _topLearningStrategie2.length) || 0;
+                  var avgSumPerceivedValue = sumPerceivedValue / ((_topLearningStrategie2 = topLearningStrategiesData[j]) === null || _topLearningStrategie2 === void 0 ? void 0 : (_topLearningStrategie3 = _topLearningStrategie2.usagePoint) === null || _topLearningStrategie3 === void 0 ? void 0 : _topLearningStrategie3.length) || 0;
 
-                  if (topLearningStrategies.learningStrategies[j].usageCount != 0 || ((_topLearningStrategie3 = topLearningStrategies.learningStrategies[j].usagePoint) === null || _topLearningStrategie3 === void 0 ? void 0 : _topLearningStrategie3.length) > 0) {
-                    var _topLearningStrategie4, _topLearningStrategie5, _topLearningStrategie6, _topLearningStrategie7;
+                  if (((_topLearningStrategie4 = topLearningStrategiesData[j]) === null || _topLearningStrategie4 === void 0 ? void 0 : _topLearningStrategie4.usageCount) != 0 || ((_topLearningStrategie5 = topLearningStrategiesData[j]) === null || _topLearningStrategie5 === void 0 ? void 0 : (_topLearningStrategie6 = _topLearningStrategie5.usageCountList) === null || _topLearningStrategie6 === void 0 ? void 0 : _topLearningStrategie6.length) > 0) {
+                    var _topLearningStrategie7, _topLearningStrategie8, _topLearningStrategie9, _topLearningStrategie10;
 
                     doc.setFont("Helvetica", "normal", "bold");
-                    doc.text(topLearningStrategies.learningStrategies[j].learningStrategyName, left, line + 20);
+                    doc.text(topLearningStrategiesData[j].learningStrategyName, left, line + 20);
                     doc.setFont("Helvetica", "normal", "normal");
-                    doc.text("Usage count: " + topLearningStrategies.learningStrategies[j].usageCount || "0", left, line + 30);
-                    doc.text("Usage point: " + avgSumUsagePoint.toFixed(2), left, line + 40);
-                    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;
+                    doc.text("Perceived Value: " + avgSumPerceivedValue.toFixed(2), left, line + 30);
+                    doc.text("Total Number of Times Selected: " + (((_topLearningStrategie7 = topLearningStrategiesData[j]) === null || _topLearningStrategie7 === void 0 ? void 0 : _topLearningStrategie7.usageCount) || 0), left, line + 40);
+                    left += ((_topLearningStrategie8 = topLearningStrategiesData[j].learningStrategyName) === null || _topLearningStrategie8 === void 0 ? void 0 : _topLearningStrategie8.length) * 4 > 124 ? ((_topLearningStrategie9 = topLearningStrategiesData[j].learningStrategyName) === null || _topLearningStrategie9 === void 0 ? void 0 : _topLearningStrategie9.length) * 4 : 124;
 
-                    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) {
-                      line += 40;
+                    if (left + ((_topLearningStrategie10 = topLearningStrategiesData[j + 1].learningStrategyName) === null || _topLearningStrategie10 === void 0 ? void 0 : _topLearningStrategie10.length) * 4 > WIDTH_PAPER) {
                       left = 20;
+                      line += 40;
                     }
                   }
                 }
 
-                doc.addImage(canvas.toDataURL("image/png", 1.0), 15, line + 40, 420, 130);
+                line += 60;
+                var chart = document.getElementById("high_impact_learning_strategie");
+                return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                  doc.addImage(canvas.toDataURL("image/png"), 15, line, 420, 130);
+                });
               });
-            });
-          }
-        }();
+            }
+          }();
+
+          return _temp27 && _temp27.then ? _temp27.then(_temp28) : _temp28(_temp27);
+        });
 
-        return _temp15 && _temp15.then ? _temp15.then(_temp16) : _temp16(_temp15);
+        return _temp29 && _temp29.then ? _temp29.then(_temp30) : _temp30(_temp29);
       }, function () {
         dispatch(marioCore.setAlert({
           type: "danger",
@@ -29359,7 +29435,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
         }));
       });
 
-      return Promise.resolve(_temp20 && _temp20.then ? _temp20.then(_temp19) : _temp19(_temp20));
+      return Promise.resolve(_temp34 && _temp34.then ? _temp34.then(_temp33) : _temp33(_temp34));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -29589,6 +29665,8 @@ var Dashboard = function Dashboard() {
     color: "light",
     onClick: toggle
   }, "Cancel"), React__default.createElement(DashboardToPDF, {
+    startTime: filter === null || filter === void 0 ? void 0 : filter.startDate,
+    endTime: filter === null || filter === void 0 ? void 0 : filter.endDate,
     selectedToPDF: selectedToPrint,
     initialData: chartDashBoards,
     typeChartList: typeChartList,