mario-education 2.4.153-level → 2.4.154-level

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -28491,7 +28491,7 @@ var gradeOptions = function gradeOptions(grades, studentUserId) {
28491
28491
  };
28492
28492
  });
28493
28493
  };
28494
- var learningStrategyChartOptions = function learningStrategyChartOptions(labelNames, usageCountList, isDonutChart) {
28494
+ var learningStrategyChartOptions = function learningStrategyChartOptions(labelNames, usageCountList, isMobileScreen) {
28495
28495
  return {
28496
28496
  legend: {
28497
28497
  show: false,
@@ -28499,6 +28499,7 @@ var learningStrategyChartOptions = function learningStrategyChartOptions(labelNa
28499
28499
  },
28500
28500
  chart: {
28501
28501
  type: "bar",
28502
+ offsetX: !isMobileScreen ? 0 : -275,
28502
28503
  toolbar: {
28503
28504
  show: false
28504
28505
  }
@@ -28560,30 +28561,26 @@ var learningStrategyChartOptions = function learningStrategyChartOptions(labelNa
28560
28561
  show: true,
28561
28562
  align: "left",
28562
28563
  minWidth: 0,
28563
- maxWidth: 250,
28564
+ maxWidth: 400,
28564
28565
  style: {
28565
- fontSize: "14px",
28566
+ fontSize: !isMobileScreen ? "14px" : "12px",
28566
28567
  fontFamily: 'Poppins-Regular !important',
28567
- fontWeight: 400,
28568
+ fontWeight: !isMobileScreen ? 400 : 600,
28568
28569
  cssClass: "apexcharts-yaxis-label"
28569
28570
  },
28570
- offsetX: 0,
28571
- offsetY: 0,
28571
+ offsetX: !isMobileScreen ? 0 : 280,
28572
+ offsetY: !isMobileScreen ? 0 : -10,
28572
28573
  rotate: 0
28573
28574
  }
28574
28575
  },
28575
28576
  dataLabels: {
28576
28577
  enabled: true,
28577
- formatter: function formatter(val, opts) {
28578
+ formatter: function formatter(val) {
28578
28579
  if (!val) {
28579
28580
  return "";
28580
28581
  }
28581
28582
 
28582
- if (!isDonutChart) {
28583
- return typeof val === "number" ? val.toFixed(2) + "%" : "" + val;
28584
- } else {
28585
- return usageCountList[opts.seriesIndex];
28586
- }
28583
+ return typeof val === "number" ? val.toFixed(2) + "%" : "" + val;
28587
28584
  },
28588
28585
  style: {
28589
28586
  colors: ["#FFFFFF", "#FFFFFF", "#FFFFFF", "#FFFFFF", "#242424"]
@@ -30888,6 +30885,8 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
30888
30885
 
30889
30886
  var data = _ref2.data;
30890
30887
  if (!data) return React.createElement(Loading, null);
30888
+ var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
30889
+ var isMobileScreen = screenWidth < 576;
30891
30890
  var learningStrategies = (data === null || data === void 0 ? void 0 : (_data$learningStrateg = data.learningStrategies) === null || _data$learningStrateg === void 0 ? void 0 : _data$learningStrateg.sort(function (a, b) {
30892
30891
  return average(b.usagePoint) - average(a.usagePoint);
30893
30892
  })) || [];
@@ -30907,6 +30906,15 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
30907
30906
  return average(i.usagePoint);
30908
30907
  })
30909
30908
  }];
30909
+ var seriesLearningStrategyMobile = [{
30910
+ name: "",
30911
+ data: [0]
30912
+ }, {
30913
+ name: "Perceived Usefulness",
30914
+ data: learningStrategies === null || learningStrategies === void 0 ? void 0 : learningStrategies.map(function (i) {
30915
+ return average(i.usagePoint);
30916
+ })
30917
+ }];
30910
30918
  var top5LearningItems = (learningStrategies === null || learningStrategies === void 0 ? void 0 : (_learningStrategies$f = learningStrategies.filter(function (r) {
30911
30919
  return r.usageCount > 0;
30912
30920
  })) === null || _learningStrategies$f === void 0 ? void 0 : (_learningStrategies$f2 = _learningStrategies$f.sort(function (a, b) {
@@ -30983,11 +30991,11 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
30983
30991
  }, "The Effectiveness of Learning Strategies by Student's feedback"))), seriesLearningStrategy.some(function (i) {
30984
30992
  return i.data;
30985
30993
  }) ? React.createElement("div", null, React.createElement(Chart, {
30986
- options: learningStrategyChartOptions(wrapLabel, usageCount),
30987
- series: seriesLearningStrategy,
30994
+ options: learningStrategyChartOptions(!isMobileScreen ? wrapLabel : labelNames, usageCount, isMobileScreen),
30995
+ series: !isMobileScreen ? seriesLearningStrategy : seriesLearningStrategyMobile,
30988
30996
  type: "bar",
30989
- width: "100%",
30990
- height: 500
30997
+ width: !isMobileScreen ? "100%" : screenWidth + 220,
30998
+ height: !isMobileScreen ? 500 : 600
30991
30999
  }), React.createElement("p", {
30992
31000
  className: "" + styles$1["name-chart"]
30993
31001
  }, "Perceived Usefulness")) : React.createElement("img", {
@@ -31027,196 +31035,568 @@ var propsAreEqual = function propsAreEqual(preProps, nextProps) {
31027
31035
 
31028
31036
  var TopLearningStrategy$1 = React.memo(TopLearningStrategy, propsAreEqual);
31029
31037
 
31030
- var headerLogo = "../images/main-logo-blue.png";
31031
-
31032
- var DashboardToPDF = function DashboardToPDF(props) {
31033
- var startTime = props.startTime,
31034
- endTime = props.endTime,
31035
- selectedToPDF = props.selectedToPDF,
31036
- activeColumnPreparedness = props.activeColumnPreparedness,
31037
- activeColumnSuccessIndicators = props.activeColumnSuccessIndicators,
31038
- avgQuestionLastMonth = props.avgQuestionLastMonth,
31039
- dayOfWeekOneToOne = props.dayOfWeekOneToOne,
31040
- monthsOneToOne = props.monthsOneToOne,
31041
- preparednessData = props.preparednessData,
31042
- safetyData = props.safetyData,
31043
- stressData = props.stressData,
31044
- successIndicatorsData = props.successIndicatorsData,
31045
- topLearningStrategiesData = props.topLearningStrategiesData,
31046
- timeOfDay = props.timeOfDay,
31047
- seriesConference = props.seriesConference,
31048
- monthsConference = props.monthsConference,
31049
- activeColumnConference = props.activeColumnConference,
31050
- dayOfWeekConference = props.dayOfWeekConference,
31051
- avgConferenceLastMonth = props.avgConferenceLastMonth;
31038
+ var BubbleChartCustom = function BubbleChartCustom(_ref) {
31039
+ var data = _ref.data;
31052
31040
 
31053
31041
  var _useTranslation = useTranslation(),
31054
31042
  t = _useTranslation.t;
31055
31043
 
31056
- var dispatch = useDispatch();
31057
-
31058
- var generatePDF = function generatePDF() {
31059
- try {
31060
- var _temp30 = function _temp30() {
31061
- dispatch(setLoading(false));
31062
- };
31063
-
31064
- dispatch(setLoading(true));
31065
-
31066
- var _temp31 = _catch(function () {
31067
- function _temp27() {
31068
- function _temp25() {
31069
- function _temp23() {
31070
- function _temp21() {
31071
- function _temp19() {
31072
- function _temp17() {
31073
- doc.save("DashBoard.pdf");
31074
- }
31075
-
31076
- var _temp16 = function () {
31077
- if (selectedToPDF.includes(topLearningStrategyName)) {
31078
- var chart = document.getElementById("learning_strategy");
31079
- return Promise.resolve(html2canvas(chart)).then(function (canvas) {
31080
- doc.setFontSize(8);
31081
- left = 20;
31082
- doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 450, 150);
31083
- doc.setFontSize(8);
31084
- });
31085
- }
31086
- }();
31087
-
31088
- return _temp16 && _temp16.then ? _temp16.then(_temp17) : _temp17(_temp16);
31089
- }
31044
+ if (!data) return React.createElement("div", {
31045
+ className: "flex justify-content-center align-items-center",
31046
+ style: {
31047
+ height: 450
31048
+ }
31049
+ }, React.createElement("div", null, "No Data"));
31050
+ var seriesName = seriesNameBubbleChartCustom(data);
31051
+ return React.createElement("div", {
31052
+ className: "" + styles$1["size-100"]
31053
+ }, React.createElement("div", {
31054
+ className: "" + styles$1["block-header-chart"]
31055
+ }, React.createElement("p", {
31056
+ className: styles$1["title-chart"] + " " + styles$1["ml-10"]
31057
+ }, t(studentDistribution))), React.createElement("div", {
31058
+ className: "" + styles$1["bubble-chart-custom"]
31059
+ }, React.createElement("div", {
31060
+ className: styles$1["chart-custom"]
31061
+ }, React.createElement("div", {
31062
+ className: styles$1["chart-buddle"]
31063
+ }, React.createElement("div", null, React.createElement("div", {
31064
+ className: styles$1["legend-wrap"]
31065
+ }, seriesName.map(function (i, index) {
31066
+ return React.createElement("div", {
31067
+ className: "" + styles$1["item"],
31068
+ key: index
31069
+ }, React.createElement("div", {
31070
+ className: "" + styles$1["mark-custom"],
31071
+ style: {
31072
+ backgroundColor: COLOR_CHART_BUBBLE[index]
31073
+ }
31074
+ }), React.createElement("label", {
31075
+ className: "" + styles$1["label-legend-custom"]
31076
+ }, i));
31077
+ })), React.createElement(Chart, {
31078
+ options: readinesToLearnoptions(seriesName, data),
31079
+ type: "scatter",
31080
+ series: convertDataToSeriesBullderChart(data),
31081
+ width: "100%",
31082
+ height: 250
31083
+ }))))));
31084
+ };
31090
31085
 
31091
- var _temp18 = function () {
31092
- if (selectedToPDF.includes(learningProcessName)) {
31093
- return Promise.resolve(createImageHeader()).then(function () {
31094
- doc.setFontSize(14);
31095
- doc.setFont("Helvetica", "normal", "bold");
31096
- doc.text(t(learningProcessName), left, line);
31097
- line += 20;
31098
- var chart = document.getElementById("learning_progress");
31099
- return Promise.resolve(html2canvas(chart)).then(function (canvas) {
31100
- function _temp15() {
31101
- left = 20;
31102
- doc.addImage(canvas.toDataURL("image/png"), 10, line + 70, 420, heightChart);
31103
- doc.setFontSize(8);
31104
- doc.addPage();
31105
- line = 80;
31106
- left = 20;
31107
- }
31086
+ function propsAreEqual$1(prevProps, nextProps) {
31087
+ return JSON.stringify(prevProps === null || prevProps === void 0 ? void 0 : prevProps.data) === JSON.stringify(nextProps === null || nextProps === void 0 ? void 0 : nextProps.data);
31088
+ }
31108
31089
 
31109
- var lineOptionPrecess = line;
31110
- doc.setFontSize(8);
31111
- var questions = seriesConference.map(function (r) {
31112
- return r.name;
31113
- });
31090
+ var BubbleChartCustom$1 = React.memo(BubbleChartCustom, propsAreEqual$1);
31114
31091
 
31115
- var _temp14 = _forTo(monthsConference, function (index) {
31116
- var _line = line;
31117
- doc.setFontSize(12);
31118
- doc.setFont("Helvetica", "normal", "bold");
31119
- doc.text(monthsConference[index], left, _line);
31120
- doc.setFontSize(8);
31121
-
31122
- for (var indexResult = 0; indexResult < (seriesConference === null || seriesConference === void 0 ? void 0 : seriesConference.length); indexResult++) {
31123
- var avg = seriesConference[indexResult].data[index];
31124
-
31125
- if (avg != 0) {
31126
- var questionText = questions[indexResult];
31127
-
31128
- if (questionText != "") {
31129
- doc.setDrawColor(0);
31130
- doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
31131
- doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
31132
- doc.setFont("Helvetica", "normal", "bold");
31133
- doc.text(questionText + ":", left + 8, _line + 10);
31134
- doc.setFont("Helvetica", "normal", "normal");
31135
- doc.text((avg === null || avg === void 0 ? void 0 : avg.toFixed(2)) + "%", left + (questionText === null || questionText === void 0 ? void 0 : questionText.length) * 2.5 + 20.5, _line + 10);
31136
- }
31092
+ var backgroundPressure = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxMSIgaGVpZ2h0PSIzNDIiIHZpZXdCb3g9IjAgMCAxMDExIDM0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxtYXNrIGlkPSJtYXNrMF8zOTAxXzM4NDkxIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIxOCIgd2lkdGg9IjEwMTEiIGhlaWdodD0iMzI0Ij4NCjxwYXRoIGQ9Ik0xMDExIDM0MkM3MTMuODEzIDM0MiA4NDIuMzY0IDE4IDU0Ni41NiAxOEMyNTAuNzU1IDE4IDM3OCAzNDIgMCAzNDJIMTAxMVoiIGZpbGw9IiNEOUQ5RDkiLz4NCjwvbWFzaz4NCjxnIG1hc2s9InVybCgjbWFzazBfMzkwMV8zODQ5MSkiPg0KPHJlY3Qgb3BhY2l0eT0iMC4wOCIgeT0iMzQyIiB3aWR0aD0iMzI0IiBoZWlnaHQ9IjIyMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDAgMzQyKSIgZmlsbD0iI0M0NDE0MCIvPg0KPHJlY3Qgb3BhY2l0eT0iMC4wOCIgeD0iODA5IiB5PSIzNDIiIHdpZHRoPSIzMjQiIGhlaWdodD0iMjAyIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgODA5IDM0MikiIGZpbGw9IiNDNDQxNDAiLz4NCjxyZWN0IG9wYWNpdHk9IjAuMDgiIHg9IjY0NSIgeT0iMzQyIiB3aWR0aD0iMzI0IiBoZWlnaHQ9IjE2NCIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDY0NSAzNDIpIiBmaWxsPSIjRkZCMDRGIi8+DQo8cmVjdCBvcGFjaXR5PSIwLjA4IiB4PSI0NjIiIHk9IjM0MiIgd2lkdGg9IjMyNCIgaGVpZ2h0PSIxODMiIHRyYW5zZm9ybT0icm90YXRlKC05MCA0NjIgMzQyKSIgZmlsbD0iIzBGOTY1NSIvPg0KPHJlY3Qgb3BhY2l0eT0iMC4xIiB4PSIyMjEiIHk9IjM0MiIgd2lkdGg9IjMyNCIgaGVpZ2h0PSIyNDEiIHRyYW5zZm9ybT0icm90YXRlKC05MCAyMjEgMzQyKSIgZmlsbD0iIzgxQzkzNSIvPg0KPC9nPg0KPHBhdGggb3BhY2l0eT0iMC41NiIgZD0iTTQ4NS44MTQgNDcuMDg0QzQ4NS4wMjIgNDcuMDg0IDQ4NC4yOTQgNDYuOSA0ODMuNjMgNDYuNTMyQzQ4Mi45NzQgNDYuMTY0IDQ4Mi40NSA0NS42NTIgNDgyLjA1OCA0NC45OTZDNDgxLjY3NCA0NC4zMzIgNDgxLjQ4MiA0My41ODggNDgxLjQ4MiA0Mi43NjRDNDgxLjQ4MiA0MS45NCA0ODEuNjc0IDQxLjIgNDgyLjA1OCA0MC41NDRDNDgyLjQ1IDM5Ljg4OCA0ODIuOTc0IDM5LjM3NiA0ODMuNjMgMzkuMDA4QzQ4NC4yOTQgMzguNjQgNDg1LjAyMiAzOC40NTYgNDg1LjgxNCAzOC40NTZDNDg2LjYwNiAzOC40NTYgNDg3LjMzIDM4LjY0IDQ4Ny45ODYgMzkuMDA4QzQ4OC42NSAzOS4zNzYgNDg5LjE3IDM5Ljg4OCA0ODkuNTQ2IDQwLjU0NEM0ODkuOTMgNDEuMiA0OTAuMTIyIDQxLjk0IDQ5MC4xMjIgNDIuNzY0QzQ5MC4xMjIgNDMuNTg4IDQ4OS45MyA0NC4zMzIgNDg5LjU0NiA0NC45OTZDNDg5LjE2MiA0NS42NTIgNDg4LjY0MiA0Ni4xNjQgNDg3Ljk4NiA0Ni41MzJDNDg3LjMzIDQ2LjkgNDg2LjYwNiA0Ny4wODQgNDg1LjgxNCA0Ny4wODRaTTQ4NS44MTQgNDUuMjEyQzQ4Ni40ODYgNDUuMjEyIDQ4Ny4wMjIgNDQuOTg4IDQ4Ny40MjIgNDQuNTRDNDg3LjgzIDQ0LjA5MiA0ODguMDM0IDQzLjUgNDg4LjAzNCA0Mi43NjRDNDg4LjAzNCA0Mi4wMiA0ODcuODMgNDEuNDI4IDQ4Ny40MjIgNDAuOTg4QzQ4Ny4wMjIgNDAuNTQgNDg2LjQ4NiA0MC4zMTYgNDg1LjgxNCA0MC4zMTZDNDg1LjEzNCA0MC4zMTYgNDg0LjU5IDQwLjUzNiA0ODQuMTgyIDQwLjk3NkM0ODMuNzgyIDQxLjQxNiA0ODMuNTgyIDQyLjAxMiA0ODMuNTgyIDQyLjc2NEM0ODMuNTgyIDQzLjUwOCA0ODMuNzgyIDQ0LjEwNCA0ODQuMTgyIDQ0LjU1MkM0ODQuNTkgNDQuOTkyIDQ4NS4xMzQgNDUuMjEyIDQ4NS44MTQgNDUuMjEyWk00OTcuNjg0IDQxLjI4OEM0OTcuNjg0IDQxLjc3NiA0OTcuNTcyIDQyLjIyNCA0OTcuMzQ4IDQyLjYzMkM0OTcuMTI0IDQzLjAzMiA0OTYuNzggNDMuMzU2IDQ5Ni4zMTYgNDMuNjA0QzQ5NS44NTIgNDMuODUyIDQ5NS4yNzYgNDMuOTc2IDQ5NC41ODggNDMuOTc2SDQ5My4zMTZWNDdINDkxLjI2NFYzOC41NzZINDk0LjU4OEM0OTUuMjYgMzguNTc2IDQ5NS44MjggMzguNjkyIDQ5Ni4yOTIgMzguOTI0QzQ5Ni43NTYgMzkuMTU2IDQ5Ny4xMDQgMzkuNDc2IDQ5Ny4zMzYgMzkuODg0QzQ5Ny41NjggNDAuMjkyIDQ5Ny42ODQgNDAuNzYgNDk3LjY4NCA0MS4yODhaTTQ5NC40MzIgNDIuMzQ0QzQ5NC44MjQgNDIuMzQ0IDQ5NS4xMTYgNDIuMjUyIDQ5NS4zMDggNDIuMDY4QzQ5NS41IDQxLjg4NCA0OTUuNTk2IDQxLjYyNCA0OTUuNTk2IDQxLjI4OEM0OTUuNTk2IDQwLjk1MiA0OTUuNSA0MC42OTIgNDk1LjMwOCA0MC41MDhDNDk1LjExNiA0MC4zMjQgNDk0LjgyNCA0MC4yMzIgNDk0LjQzMiA0MC4yMzJINDkzLjMxNlY0Mi4zNDRINDk0LjQzMlpNNTA0LjgxMiAzOC41NzZWNDAuMjJINTAyLjU4VjQ3SDUwMC41MjhWNDAuMjJINDk4LjI5NlYzOC41NzZINTA0LjgxMlpNNTA3Ljg5NCAzOC41NzZWNDdINTA1Ljg0MlYzOC41NzZINTA3Ljg5NFpNNTE4LjkyMSAzOC41NzZWNDdINTE2Ljg2OVY0MS45NDhMNTE0Ljk4NSA0N0g1MTMuMzI5TDUxMS40MzMgNDEuOTM2VjQ3SDUwOS4zODFWMzguNTc2SDUxMS44MDVMNTE0LjE2OSA0NC40MDhMNTE2LjUwOSAzOC41NzZINTE4LjkyMVpNNTI1LjY0IDQ1LjUxMkg1MjIuNDk2TDUyMS45OTIgNDdINTE5Ljg0NEw1MjIuODkyIDM4LjU3Nkg1MjUuMjY4TDUyOC4zMTYgNDdINTI2LjE0NEw1MjUuNjQgNDUuNTEyWk01MjUuMTEyIDQzLjkyOEw1MjQuMDY4IDQwLjg0NEw1MjMuMDM2IDQzLjkyOEg1MjUuMTEyWk01MzEuMjk2IDQ1LjQxNkg1MzMuOTg0VjQ3SDUyOS4yNDRWMzguNTc2SDUzMS4yOTZWNDUuNDE2Wk01NDMuOTI2IDQxLjI4OEM1NDMuOTI2IDQxLjc3NiA1NDMuODE0IDQyLjIyNCA1NDMuNTkgNDIuNjMyQzU0My4zNjYgNDMuMDMyIDU0My4wMjIgNDMuMzU2IDU0Mi41NTggNDMuNjA0QzU0Mi4wOTQgNDMuODUyIDU0MS41MTggNDMuOTc2IDU0MC44MyA0My45NzZINTM5LjU1OFY0N0g1MzcuNTA2VjM4LjU3Nkg1NDAuODNDNTQxLjUwMiAzOC41NzYgNTQyLjA3IDM4LjY5MiA1NDIuNTM0IDM4LjkyNEM1NDIuOTk4IDM5LjE1NiA1NDMuMzQ2IDM5LjQ3NiA1NDMuNTc4IDM5Ljg4NEM1NDMuODEgNDAuMjkyIDU0My45MjYgNDAuNzYgNTQzLjkyNiA0MS4yODhaTTU0MC42NzQgNDIuMzQ0QzU0MS4wNjYgNDIuMzQ0IDU0MS4zNTggNDIuMjUyIDU0MS41NSA0Mi4wNjhDNTQxLjc0MiA0MS44ODQgNTQxLjgzOCA0MS42MjQgNTQxLjgzOCA0MS4yODhDNTQxLjgzOCA0MC45NTIgNTQxLjc0MiA0MC42OTIgNTQxLjU1IDQwLjUwOEM1NDEuMzU4IDQwLjMyNCA1NDEuMDY2IDQwLjIzMiA1NDAuNjc0IDQwLjIzMkg1MzkuNTU4VjQyLjM0NEg1NDAuNjc0Wk01NDcuMDQ2IDQwLjIyVjQxLjkyNEg1NDkuNzk0VjQzLjUwOEg1NDcuMDQ2VjQ1LjM1Nkg1NTAuMTU0VjQ3SDU0NC45OTRWMzguNTc2SDU1MC4xNTRWNDAuMjJINTQ3LjA0NlpNNTU1Ljc4MiA0N0w1NTQuMDMgNDMuODJINTUzLjUzOFY0N0g1NTEuNDg2VjM4LjU3Nkg1NTQuOTNDNTU1LjU5NCAzOC41NzYgNTU2LjE1OCAzOC42OTIgNTU2LjYyMiAzOC45MjRDNTU3LjA5NCAzOS4xNTYgNTU3LjQ0NiAzOS40NzYgNTU3LjY3OCAzOS44ODRDNTU3LjkxIDQwLjI4NCA1NTguMDI2IDQwLjczMiA1NTguMDI2IDQxLjIyOEM1NTguMDI2IDQxLjc4OCA1NTcuODY2IDQyLjI4OCA1NTcuNTQ2IDQyLjcyOEM1NTcuMjM0IDQzLjE2OCA1NTYuNzcgNDMuNDggNTU2LjE1NCA0My42NjRMNTU4LjA5OCA0N0g1NTUuNzgyWk01NTMuNTM4IDQyLjM2OEg1NTQuODFDNTU1LjE4NiA0Mi4zNjggNTU1LjQ2NiA0Mi4yNzYgNTU1LjY1IDQyLjA5MkM1NTUuODQyIDQxLjkwOCA1NTUuOTM4IDQxLjY0OCA1NTUuOTM4IDQxLjMxMkM1NTUuOTM4IDQwLjk5MiA1NTUuODQyIDQwLjc0IDU1NS42NSA0MC41NTZDNTU1LjQ2NiA0MC4zNzIgNTU1LjE4NiA0MC4yOCA1NTQuODEgNDAuMjhINTUzLjUzOFY0Mi4zNjhaTTU2NC43OTggMzguNTc2VjQwLjIySDU2MS4zNjZWNDEuOTk2SDU2My45MzRWNDMuNTkySDU2MS4zNjZWNDdINTU5LjMxNFYzOC41NzZINTY0Ljc5OFpNNTY5Ljg2MSA0Ny4wODRDNTY5LjA2OSA0Ny4wODQgNTY4LjM0MSA0Ni45IDU2Ny42NzcgNDYuNTMyQzU2Ny4wMjEgNDYuMTY0IDU2Ni40OTcgNDUuNjUyIDU2Ni4xMDUgNDQuOTk2QzU2NS43MjEgNDQuMzMyIDU2NS41MjkgNDMuNTg4IDU2NS41MjkgNDIuNzY0QzU2NS41MjkgNDEuOTQgNTY1LjcyMSA0MS4yIDU2Ni4xMDUgNDAuNTQ0QzU2Ni40OTcgMzkuODg4IDU2Ny4wMjEgMzkuMzc2IDU2Ny42NzcgMzkuMDA4QzU2OC4zNDEgMzguNjQgNTY5LjA2OSAzOC40NTYgNTY5Ljg2MSAzOC40NTZDNTcwLjY1MyAzOC40NTYgNTcxLjM3NyAzOC42NCA1NzIuMDMzIDM5LjAwOEM1NzIuNjk3IDM5LjM3NiA1NzMuMjE3IDM5Ljg4OCA1NzMuNTkzIDQwLjU0NEM1NzMuOTc3IDQxLjIgNTc0LjE2OSA0MS45NCA1NzQuMTY5IDQyLjc2NEM1NzQuMTY5IDQzLjU4OCA1NzMuOTc3IDQ0LjMzMiA1NzMuNTkzIDQ0Ljk5NkM1NzMuMjA5IDQ1LjY1MiA1NzIuNjg5IDQ2LjE2NCA1NzIuMDMzIDQ2LjUzMkM1NzEuMzc3IDQ2LjkgNTcwLjY1MyA0Ny4wODQgNTY5Ljg2MSA0Ny4wODRaTTU2OS44NjEgNDUuMjEyQzU3MC41MzMgNDUuMjEyIDU3MS4wNjkgNDQuOTg4IDU3MS40NjkgNDQuNTRDNTcxLjg3NyA0NC4wOTIgNTcyLjA4MSA0My41IDU3Mi4wODEgNDIuNzY0QzU3Mi4wODEgNDIuMDIgNTcxLjg3NyA0MS40MjggNTcxLjQ2OSA0MC45ODhDNTcxLjA2OSA0MC41NCA1NzAuNTMzIDQwLjMxNiA1NjkuODYxIDQwLjMxNkM1NjkuMTgxIDQwLjMxNiA1NjguNjM3IDQwLjUzNiA1NjguMjI5IDQwLjk3NkM1NjcuODI5IDQxLjQxNiA1NjcuNjI5IDQyLjAxMiA1NjcuNjI5IDQyLjc2NEM1NjcuNjI5IDQzLjUwOCA1NjcuODI5IDQ0LjEwNCA1NjguMjI5IDQ0LjU1MkM1NjguNjM3IDQ0Ljk5MiA1NjkuMTgxIDQ1LjIxMiA1NjkuODYxIDQ1LjIxMlpNNTc5LjYwNiA0N0w1NzcuODU0IDQzLjgySDU3Ny4zNjJWNDdINTc1LjMxVjM4LjU3Nkg1NzguNzU0QzU3OS40MTggMzguNTc2IDU3OS45ODIgMzguNjkyIDU4MC40NDYgMzguOTI0QzU4MC45MTggMzkuMTU2IDU4MS4yNyAzOS40NzYgNTgxLjUwMiAzOS44ODRDNTgxLjczNCA0MC4yODQgNTgxLjg1IDQwLjczMiA1ODEuODUgNDEuMjI4QzU4MS44NSA0MS43ODggNTgxLjY5IDQyLjI4OCA1ODEuMzcgNDIuNzI4QzU4MS4wNTggNDMuMTY4IDU4MC41OTQgNDMuNDggNTc5Ljk3OCA0My42NjRMNTgxLjkyMiA0N0g1NzkuNjA2Wk01NzcuMzYyIDQyLjM2OEg1NzguNjM0QzU3OS4wMSA0Mi4zNjggNTc5LjI5IDQyLjI3NiA1NzkuNDc0IDQyLjA5MkM1NzkuNjY2IDQxLjkwOCA1NzkuNzYyIDQxLjY0OCA1NzkuNzYyIDQxLjMxMkM1NzkuNzYyIDQwLjk5MiA1NzkuNjY2IDQwLjc0IDU3OS40NzQgNDAuNTU2QzU3OS4yOSA0MC4zNzIgNTc5LjAxIDQwLjI4IDU3OC42MzQgNDAuMjhINTc3LjM2MlY0Mi4zNjhaTTU5Mi42NzkgMzguNTc2VjQ3SDU5MC42MjdWNDEuOTQ4TDU4OC43NDMgNDdINTg3LjA4N0w1ODUuMTkxIDQxLjkzNlY0N0g1ODMuMTM5VjM4LjU3Nkg1ODUuNTYzTDU4Ny45MjcgNDQuNDA4TDU5MC4yNjcgMzguNTc2SDU5Mi42NzlaTTU5OS4zOTggNDUuNTEySDU5Ni4yNTRMNTk1Ljc1IDQ3SDU5My42MDJMNTk2LjY1IDM4LjU3Nkg1OTkuMDI2TDYwMi4wNzQgNDdINTk5LjkwMkw1OTkuMzk4IDQ1LjUxMlpNNTk4Ljg3IDQzLjkyOEw1OTcuODI2IDQwLjg0NEw1OTYuNzk0IDQzLjkyOEg1OTguODdaTTYxMC41MzggNDdINjA4LjQ4Nkw2MDUuMDU0IDQxLjgwNFY0N0g2MDMuMDAyVjM4LjU3Nkg2MDUuMDU0TDYwOC40ODYgNDMuNzk2VjM4LjU3Nkg2MTAuNTM4VjQ3Wk02MTEuNjc3IDQyLjc3NkM2MTEuNjc3IDQxLjk0NCA2MTEuODU3IDQxLjIwNCA2MTIuMjE3IDQwLjU1NkM2MTIuNTc3IDM5LjkgNjEzLjA3NyAzOS4zOTIgNjEzLjcxNyAzOS4wMzJDNjE0LjM2NSAzOC42NjQgNjE1LjA5NyAzOC40OCA2MTUuOTEzIDM4LjQ4QzYxNi45MTMgMzguNDggNjE3Ljc2OSAzOC43NDQgNjE4LjQ4MSAzOS4yNzJDNjE5LjE5MyAzOS44IDYxOS42NjkgNDAuNTIgNjE5LjkwOSA0MS40MzJINjE3LjY1M0M2MTcuNDg1IDQxLjA4IDYxNy4yNDUgNDAuODEyIDYxNi45MzMgNDAuNjI4QzYxNi42MjkgNDAuNDQ0IDYxNi4yODEgNDAuMzUyIDYxNS44ODkgNDAuMzUyQzYxNS4yNTcgNDAuMzUyIDYxNC43NDUgNDAuNTcyIDYxNC4zNTMgNDEuMDEyQzYxMy45NjEgNDEuNDUyIDYxMy43NjUgNDIuMDQgNjEzLjc2NSA0Mi43NzZDNjEzLjc2NSA0My41MTIgNjEzLjk2MSA0NC4xIDYxNC4zNTMgNDQuNTRDNjE0Ljc0NSA0NC45OCA2MTUuMjU3IDQ1LjIgNjE1Ljg4OSA0NS4yQzYxNi4yODEgNDUuMiA2MTYuNjI5IDQ1LjEwOCA2MTYuOTMzIDQ0LjkyNEM2MTcuMjQ1IDQ0Ljc0IDYxNy40ODUgNDQuNDcyIDYxNy42NTMgNDQuMTJINjE5LjkwOUM2MTkuNjY5IDQ1LjAzMiA2MTkuMTkzIDQ1Ljc1MiA2MTguNDgxIDQ2LjI4QzYxNy43NjkgNDYuOCA2MTYuOTEzIDQ3LjA2IDYxNS45MTMgNDcuMDZDNjE1LjA5NyA0Ny4wNiA2MTQuMzY1IDQ2Ljg4IDYxMy43MTcgNDYuNTJDNjEzLjA3NyA0Ni4xNTIgNjEyLjU3NyA0NS42NDQgNjEyLjIxNyA0NC45OTZDNjExLjg1NyA0NC4zNDggNjExLjY3NyA0My42MDggNjExLjY3NyA0Mi43NzZaTTYyMy4yMTggNDAuMjJWNDEuOTI0SDYyNS45NjZWNDMuNTA4SDYyMy4yMThWNDUuMzU2SDYyNi4zMjZWNDdINjIxLjE2NlYzOC41NzZINjI2LjMyNlY0MC4yMkg2MjMuMjE4WiIgZmlsbD0iIzI0MjQyNCIvPg0KPHBhdGggb3BhY2l0eT0iMC41NiIgZD0iTTc3NC45NTMgNDUuMzJINzc4LjU3N1Y0N0g3NzIuNjI1VjQ1LjQ0TDc3Ni4yMjUgNDAuMjU2SDc3Mi42MjVWMzguNTc2SDc3OC41NzdWNDAuMTM2TDc3NC45NTMgNDUuMzJaTTc4My45MDIgNDcuMDg0Qzc4My4xMSA0Ny4wODQgNzgyLjM4MiA0Ni45IDc4MS43MTggNDYuNTMyQzc4MS4wNjIgNDYuMTY0IDc4MC41MzggNDUuNjUyIDc4MC4xNDYgNDQuOTk2Qzc3OS43NjIgNDQuMzMyIDc3OS41NyA0My41ODggNzc5LjU3IDQyLjc2NEM3NzkuNTcgNDEuOTQgNzc5Ljc2MiA0MS4yIDc4MC4xNDYgNDAuNTQ0Qzc4MC41MzggMzkuODg4IDc4MS4wNjIgMzkuMzc2IDc4MS43MTggMzkuMDA4Qzc4Mi4zODIgMzguNjQgNzgzLjExIDM4LjQ1NiA3ODMuOTAyIDM4LjQ1NkM3ODQuNjk0IDM4LjQ1NiA3ODUuNDE4IDM4LjY0IDc4Ni4wNzQgMzkuMDA4Qzc4Ni43MzggMzkuMzc2IDc4Ny4yNTggMzkuODg4IDc4Ny42MzQgNDAuNTQ0Qzc4OC4wMTggNDEuMiA3ODguMjEgNDEuOTQgNzg4LjIxIDQyLjc2NEM3ODguMjEgNDMuNTg4IDc4OC4wMTggNDQuMzMyIDc4Ny42MzQgNDQuOTk2Qzc4Ny4yNSA0NS42NTIgNzg2LjczIDQ2LjE2NCA3ODYuMDc0IDQ2LjUzMkM3ODUuNDE4IDQ2LjkgNzg0LjY5NCA0Ny4wODQgNzgzLjkwMiA0Ny4wODRaTTc4My45MDIgNDUuMjEyQzc4NC41NzQgNDUuMjEyIDc4NS4xMSA0NC45ODggNzg1LjUxIDQ0LjU0Qzc4NS45MTggNDQuMDkyIDc4Ni4xMjIgNDMuNSA3ODYuMTIyIDQyLjc2NEM3ODYuMTIyIDQyLjAyIDc4NS45MTggNDEuNDI4IDc4NS41MSA0MC45ODhDNzg1LjExIDQwLjU0IDc4NC41NzQgNDAuMzE2IDc4My45MDIgNDAuMzE2Qzc4My4yMjIgNDAuMzE2IDc4Mi42NzggNDAuNTM2IDc4Mi4yNyA0MC45NzZDNzgxLjg3IDQxLjQxNiA3ODEuNjcgNDIuMDEyIDc4MS42NyA0Mi43NjRDNzgxLjY3IDQzLjUwOCA3ODEuODcgNDQuMTA0IDc4Mi4yNyA0NC41NTJDNzgyLjY3OCA0NC45OTIgNzgzLjIyMiA0NS4yMTIgNzgzLjkwMiA0NS4yMTJaTTc5Ni44ODcgNDdINzk0LjgzNUw3OTEuNDAzIDQxLjgwNFY0N0g3ODkuMzUxVjM4LjU3Nkg3OTEuNDAzTDc5NC44MzUgNDMuNzk2VjM4LjU3Nkg3OTYuODg3VjQ3Wk04MDAuNDI3IDQwLjIyVjQxLjkyNEg4MDMuMTc1VjQzLjUwOEg4MDAuNDI3VjQ1LjM1Nkg4MDMuNTM1VjQ3SDc5OC4zNzVWMzguNTc2SDgwMy41MzVWNDAuMjJIODAwLjQyN1pNODExLjM5NCA0Ny4wODRDODEwLjYwMiA0Ny4wODQgODA5Ljg3NCA0Ni45IDgwOS4yMSA0Ni41MzJDODA4LjU1NCA0Ni4xNjQgODA4LjAzIDQ1LjY1MiA4MDcuNjM4IDQ0Ljk5NkM4MDcuMjU0IDQ0LjMzMiA4MDcuMDYyIDQzLjU4OCA4MDcuMDYyIDQyLjc2NEM4MDcuMDYyIDQxLjk0IDgwNy4yNTQgNDEuMiA4MDcuNjM4IDQwLjU0NEM4MDguMDMgMzkuODg4IDgwOC41NTQgMzkuMzc2IDgwOS4yMSAzOS4wMDhDODA5Ljg3NCAzOC42NCA4MTAuNjAyIDM4LjQ1NiA4MTEuMzk0IDM4LjQ1NkM4MTIuMTg2IDM4LjQ1NiA4MTIuOTEgMzguNjQgODEzLjU2NiAzOS4wMDhDODE0LjIzIDM5LjM3NiA4MTQuNzUgMzkuODg4IDgxNS4xMjYgNDAuNTQ0QzgxNS41MSA0MS4yIDgxNS43MDIgNDEuOTQgODE1LjcwMiA0Mi43NjRDODE1LjcwMiA0My41ODggODE1LjUxIDQ0LjMzMiA4MTUuMTI2IDQ0Ljk5NkM4MTQuNzQyIDQ1LjY1MiA4MTQuMjIyIDQ2LjE2NCA4MTMuNTY2IDQ2LjUzMkM4MTIuOTEgNDYuOSA4MTIuMTg2IDQ3LjA4NCA4MTEuMzk0IDQ3LjA4NFpNODExLjM5NCA0NS4yMTJDODEyLjA2NiA0NS4yMTIgODEyLjYwMiA0NC45ODggODEzLjAwMiA0NC41NEM4MTMuNDEgNDQuMDkyIDgxMy42MTQgNDMuNSA4MTMuNjE0IDQyLjc2NEM4MTMuNjE0IDQyLjAyIDgxMy40MSA0MS40MjggODEzLjAwMiA0MC45ODhDODEyLjYwMiA0MC41NCA4MTIuMDY2IDQwLjMxNiA4MTEuMzk0IDQwLjMxNkM4MTAuNzE0IDQwLjMxNiA4MTAuMTcgNDAuNTM2IDgwOS43NjIgNDAuOTc2QzgwOS4zNjIgNDEuNDE2IDgwOS4xNjIgNDIuMDEyIDgwOS4xNjIgNDIuNzY0QzgwOS4xNjIgNDMuNTA4IDgwOS4zNjIgNDQuMTA0IDgwOS43NjIgNDQuNTUyQzgxMC4xNyA0NC45OTIgODEwLjcxNCA0NS4yMTIgODExLjM5NCA0NS4yMTJaTTgyMi4zMjggMzguNTc2VjQwLjIySDgxOC44OTZWNDEuOTk2SDgyMS40NjRWNDMuNTkySDgxOC44OTZWNDdIODE2Ljg0NFYzOC41NzZIODIyLjMyOFpNODI5LjEwNSAzOC41NzZDODI5Ljk5MyAzOC41NzYgODMwLjc2OSAzOC43NTIgODMxLjQzMyAzOS4xMDRDODMyLjA5NyAzOS40NTYgODMyLjYwOSAzOS45NTIgODMyLjk2OSA0MC41OTJDODMzLjMzNyA0MS4yMjQgODMzLjUyMSA0MS45NTYgODMzLjUyMSA0Mi43ODhDODMzLjUyMSA0My42MTIgODMzLjMzNyA0NC4zNDQgODMyLjk2OSA0NC45ODRDODMyLjYwOSA0NS42MjQgODMyLjA5MyA0Ni4xMiA4MzEuNDIxIDQ2LjQ3MkM4MzAuNzU3IDQ2LjgyNCA4MjkuOTg1IDQ3IDgyOS4xMDUgNDdIODI1Ljk0OVYzOC41NzZIODI5LjEwNVpNODI4Ljk3MyA0NS4yMjRDODI5Ljc0OSA0NS4yMjQgODMwLjM1MyA0NS4wMTIgODMwLjc4NSA0NC41ODhDODMxLjIxNyA0NC4xNjQgODMxLjQzMyA0My41NjQgODMxLjQzMyA0Mi43ODhDODMxLjQzMyA0Mi4wMTIgODMxLjIxNyA0MS40MDggODMwLjc4NSA0MC45NzZDODMwLjM1MyA0MC41NDQgODI5Ljc0OSA0MC4zMjggODI4Ljk3MyA0MC4zMjhIODI4LjAwMVY0NS4yMjRIODI4Ljk3M1pNODM2LjcyIDQwLjIyVjQxLjkyNEg4MzkuNDY4VjQzLjUwOEg4MzYuNzJWNDUuMzU2SDgzOS44MjhWNDdIODM0LjY2OFYzOC41NzZIODM5LjgyOFY0MC4yMkg4MzYuNzJaTTg0My4yMTIgNDUuNDE2SDg0NS45VjQ3SDg0MS4xNlYzOC41NzZIODQzLjIxMlY0NS40MTZaTTg0OC44OTUgMzguNTc2VjQzLjYxNkM4NDguODk1IDQ0LjEyIDg0OS4wMTkgNDQuNTA4IDg0OS4yNjcgNDQuNzhDODQ5LjUxNSA0NS4wNTIgODQ5Ljg3OSA0NS4xODggODUwLjM1OSA0NS4xODhDODUwLjgzOSA0NS4xODggODUxLjIwNyA0NS4wNTIgODUxLjQ2MyA0NC43OEM4NTEuNzE5IDQ0LjUwOCA4NTEuODQ3IDQ0LjEyIDg1MS44NDcgNDMuNjE2VjM4LjU3Nkg4NTMuODk5VjQzLjYwNEM4NTMuODk5IDQ0LjM1NiA4NTMuNzM5IDQ0Ljk5MiA4NTMuNDE5IDQ1LjUxMkM4NTMuMDk5IDQ2LjAzMiA4NTIuNjY3IDQ2LjQyNCA4NTIuMTIzIDQ2LjY4OEM4NTEuNTg3IDQ2Ljk1MiA4NTAuOTg3IDQ3LjA4NCA4NTAuMzIzIDQ3LjA4NEM4NDkuNjU5IDQ3LjA4NCA4NDkuMDYzIDQ2Ljk1NiA4NDguNTM1IDQ2LjdDODQ4LjAxNSA0Ni40MzYgODQ3LjYwMyA0Ni4wNDQgODQ3LjI5OSA0NS41MjRDODQ2Ljk5NSA0NC45OTYgODQ2Ljg0MyA0NC4zNTYgODQ2Ljg0MyA0My42MDRWMzguNTc2SDg0OC44OTVaTTg1OC4zODggNDcuMDg0Qzg1Ny43NzIgNDcuMDg0IDg1Ny4yMiA0Ni45ODQgODU2LjczMiA0Ni43ODRDODU2LjI0NCA0Ni41ODQgODU1Ljg1MiA0Ni4yODggODU1LjU1NiA0NS44OTZDODU1LjI2OCA0NS41MDQgODU1LjExNiA0NS4wMzIgODU1LjEgNDQuNDhIODU3LjI4NEM4NTcuMzE2IDQ0Ljc5MiA4NTcuNDI0IDQ1LjAzMiA4NTcuNjA4IDQ1LjJDODU3Ljc5MiA0NS4zNiA4NTguMDMyIDQ1LjQ0IDg1OC4zMjggNDUuNDRDODU4LjYzMiA0NS40NCA4NTguODcyIDQ1LjM3MiA4NTkuMDQ4IDQ1LjIzNkM4NTkuMjI0IDQ1LjA5MiA4NTkuMzEyIDQ0Ljg5NiA4NTkuMzEyIDQ0LjY0OEM4NTkuMzEyIDQ0LjQ0IDg1OS4yNCA0NC4yNjggODU5LjA5NiA0NC4xMzJDODU4Ljk2IDQzLjk5NiA4NTguNzg4IDQzLjg4NCA4NTguNTggNDMuNzk2Qzg1OC4zOCA0My43MDggODU4LjA5MiA0My42MDggODU3LjcxNiA0My40OTZDODU3LjE3MiA0My4zMjggODU2LjcyOCA0My4xNiA4NTYuMzg0IDQyLjk5MkM4NTYuMDQgNDIuODI0IDg1NS43NDQgNDIuNTc2IDg1NS40OTYgNDIuMjQ4Qzg1NS4yNDggNDEuOTIgODU1LjEyNCA0MS40OTIgODU1LjEyNCA0MC45NjRDODU1LjEyNCA0MC4xOCA4NTUuNDA4IDM5LjU2OCA4NTUuOTc2IDM5LjEyOEM4NTYuNTQ0IDM4LjY4IDg1Ny4yODQgMzguNDU2IDg1OC4xOTYgMzguNDU2Qzg1OS4xMjQgMzguNDU2IDg1OS44NzIgMzguNjggODYwLjQ0IDM5LjEyOEM4NjEuMDA4IDM5LjU2OCA4NjEuMzEyIDQwLjE4NCA4NjEuMzUyIDQwLjk3Nkg4NTkuMTMyQzg1OS4xMTYgNDAuNzA0IDg1OS4wMTYgNDAuNDkyIDg1OC44MzIgNDAuMzRDODU4LjY0OCA0MC4xOCA4NTguNDEyIDQwLjEgODU4LjEyNCA0MC4xQzg1Ny44NzYgNDAuMSA4NTcuNjc2IDQwLjE2OCA4NTcuNTI0IDQwLjMwNEM4NTcuMzcyIDQwLjQzMiA4NTcuMjk2IDQwLjYyIDg1Ny4yOTYgNDAuODY4Qzg1Ny4yOTYgNDEuMTQgODU3LjQyNCA0MS4zNTIgODU3LjY4IDQxLjUwNEM4NTcuOTM2IDQxLjY1NiA4NTguMzM2IDQxLjgyIDg1OC44OCA0MS45OTZDODU5LjQyNCA0Mi4xOCA4NTkuODY0IDQyLjM1NiA4NjAuMiA0Mi41MjRDODYwLjU0NCA0Mi42OTIgODYwLjg0IDQyLjkzNiA4NjEuMDg4IDQzLjI1NkM4NjEuMzM2IDQzLjU3NiA4NjEuNDYgNDMuOTg4IDg2MS40NiA0NC40OTJDODYxLjQ2IDQ0Ljk3MiA4NjEuMzM2IDQ1LjQwOCA4NjEuMDg4IDQ1LjhDODYwLjg0OCA0Ni4xOTIgODYwLjQ5NiA0Ni41MDQgODYwLjAzMiA0Ni43MzZDODU5LjU2OCA0Ni45NjggODU5LjAyIDQ3LjA4NCA4NTguMzg4IDQ3LjA4NFpNODY0Ljc3NSAzOC41NzZWNDdIODYyLjcyM1YzOC41NzZIODY0Ljc3NVpNODcwLjI0NiA0Ny4wODRDODY5LjQ1NCA0Ny4wODQgODY4LjcyNiA0Ni45IDg2OC4wNjIgNDYuNTMyQzg2Ny40MDYgNDYuMTY0IDg2Ni44ODIgNDUuNjUyIDg2Ni40OSA0NC45OTZDODY2LjEwNiA0NC4zMzIgODY1LjkxNCA0My41ODggODY1LjkxNCA0Mi43NjRDODY1LjkxNCA0MS45NCA4NjYuMTA2IDQxLjIgODY2LjQ5IDQwLjU0NEM4NjYuODgyIDM5Ljg4OCA4NjcuNDA2IDM5LjM3NiA4NjguMDYyIDM5LjAwOEM4NjguNzI2IDM4LjY0IDg2OS40NTQgMzguNDU2IDg3MC4yNDYgMzguNDU2Qzg3MS4wMzggMzguNDU2IDg3MS43NjIgMzguNjQgODcyLjQxOCAzOS4wMDhDODczLjA4MiAzOS4zNzYgODczLjYwMiAzOS44ODggODczLjk3OCA0MC41NDRDODc0LjM2MiA0MS4yIDg3NC41NTQgNDEuOTQgODc0LjU1NCA0Mi43NjRDODc0LjU1NCA0My41ODggODc0LjM2MiA0NC4zMzIgODczLjk3OCA0NC45OTZDODczLjU5NCA0NS42NTIgODczLjA3NCA0Ni4xNjQgODcyLjQxOCA0Ni41MzJDODcxLjc2MiA0Ni45IDg3MS4wMzggNDcuMDg0IDg3MC4yNDYgNDcuMDg0Wk04NzAuMjQ2IDQ1LjIxMkM4NzAuOTE4IDQ1LjIxMiA4NzEuNDU0IDQ0Ljk4OCA4NzEuODU0IDQ0LjU0Qzg3Mi4yNjIgNDQuMDkyIDg3Mi40NjYgNDMuNSA4NzIuNDY2IDQyLjc2NEM4NzIuNDY2IDQyLjAyIDg3Mi4yNjIgNDEuNDI4IDg3MS44NTQgNDAuOTg4Qzg3MS40NTQgNDAuNTQgODcwLjkxOCA0MC4zMTYgODcwLjI0NiA0MC4zMTZDODY5LjU2NiA0MC4zMTYgODY5LjAyMiA0MC41MzYgODY4LjYxNCA0MC45NzZDODY4LjIxNCA0MS40MTYgODY4LjAxNCA0Mi4wMTIgODY4LjAxNCA0Mi43NjRDODY4LjAxNCA0My41MDggODY4LjIxNCA0NC4xMDQgODY4LjYxNCA0NC41NTJDODY5LjAyMiA0NC45OTIgODY5LjU2NiA0NS4yMTIgODcwLjI0NiA0NS4yMTJaTTg4My4yMzEgNDdIODgxLjE3OUw4NzcuNzQ3IDQxLjgwNFY0N0g4NzUuNjk1VjM4LjU3Nkg4NzcuNzQ3TDg4MS4xNzkgNDMuNzk2VjM4LjU3Nkg4ODMuMjMxVjQ3WiIgZmlsbD0iIzI0MjQyNCIvPg0KPGcgb3BhY2l0eT0iMC41NiI+DQo8cGF0aCBkPSJNNDE2LjY4OCAyNy42NDM3TDQyMC42NjMgMzUuMDcwOEw0MTguODU0IDM2LjAzOTFMNDE0Ljg3OSAyOC42MTIxTDQxNi42ODggMjcuNjQzN1oiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00MjAuODUzIDI1LjQ4NDJDNDIxLjY0OSAyNS4wODk0IDQyMi40MjIgMjQuOTAyMSA0MjMuMTczIDI0LjkyMjJDNDIzLjkyNSAyNC45NDIzIDQyNC42MDQgMjUuMTU5IDQyNS4yMTEgMjUuNTcyM0M0MjUuODIxIDI1Ljk3NDggNDI2LjMxMiAyNi41NDg3IDQyNi42ODEgMjcuMjk0QzQyNy4wNDggMjguMDMyMSA0MjcuMjA4IDI4Ljc2OTYgNDI3LjE2MyAyOS41MDY0QzQyNy4xMjUgMzAuMjM5OCA0MjYuODg0IDMwLjkxMzQgNDI2LjQzOCAzMS41Mjc1QzQyNiAzMi4xMzggNDI1LjM4NiAzMi42Mzg4IDQyNC41OTggMzMuMDNMNDIxLjc3MSAzNC40MzNMNDE4LjAyNiAyNi44ODcxTDQyMC44NTMgMjUuNDg0MlpNNDIzLjY5IDMxLjQ5NzhDNDI0LjM4NiAzMS4xNTI5IDQyNC44MzIgMzAuNjk0NCA0MjUuMDMxIDMwLjEyMjZDNDI1LjIyOSAyOS41NTA4IDQyNS4xNTYgMjguOTE3MyA0MjQuODExIDI4LjIyMjJDNDI0LjQ2NiAyNy41MjcxIDQyNC4wMDQgMjcuMDgyMSA0MjMuNDI1IDI2Ljg4NzFDNDIyLjg0NiAyNi42OTIyIDQyMi4yMDkgMjYuNzY3MiA0MjEuNTE0IDI3LjExMjJMNDIwLjY0MyAyNy41NDQzTDQyMi44MiAzMS45Mjk5TDQyMy42OSAzMS40OTc4WiIgZmlsbD0iIzI0MjQyNCIvPg0KPHBhdGggZD0iTTQyOS41NDcgMjMuMTYxN0w0MzAuMjQxIDI0LjcxNzlMNDMyLjc1IDIzLjU5ODZMNDMzLjM5NSAyNS4wNDUzTDQzMC44ODYgMjYuMTY0Nkw0MzEuNjM4IDI3Ljg1MjNMNDM0LjQ3NyAyNi41ODY0TDQzNS4xNDcgMjguMDg3OEw0MzAuNDM0IDMwLjE4OTZMNDI3LjAwMyAyMi40OTZMNDMxLjcxNSAyMC4zOTQzTDQzMi4zODUgMjEuODk1N0w0MjkuNTQ3IDIzLjE2MTdaIiBmaWxsPSIjMjQyNDI0Ii8+DQo8cGF0aCBkPSJNNDQwLjgwNCAyNC4xNDU3TDQzNy44ODcgMjUuMzE3M0w0MzcuOTc0IDI2Ljg4NTlMNDM1Ljk4IDI3LjY4NjRMNDM1LjY3IDE4LjczMzNMNDM3Ljg3NSAxNy44NDc5TDQ0My44NDIgMjQuNTI5M0w0NDEuODI3IDI1LjMzODdMNDQwLjgwNCAyNC4xNDU3Wk00MzkuNzI0IDIyLjg3MjVMNDM3LjYwNiAyMC4zOTk3TDQzNy43OTggMjMuNjQ2Mkw0MzkuNzI0IDIyLjg3MjVaIiBmaWxsPSIjMjQyNDI0Ii8+DQo8cGF0aCBkPSJNNDQ1LjggMjIuMTQ0N0w0NDguMzI3IDIxLjIyODNMNDQ4Ljg2NyAyMi43MTc0TDQ0NC40MTEgMjQuMzMzM0w0NDEuNTM5IDE2LjQxNEw0NDMuNDY4IDE1LjcxNDRMNDQ1LjggMjIuMTQ0N1oiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NTMuODU5IDE5LjI2MzhMNDU3LjMxNiAxOC4xNzhMNDU3LjgyIDE5Ljc4MDhMNDUyLjE0MSAyMS41NjQxTDQ1MS42NzQgMjAuMDc1OEw0NTMuNTU1IDE0LjA1MTNMNDUwLjEyMSAxNS4xMjk5TDQ0OS42MTcgMTMuNTI3MUw0NTUuMjk2IDExLjc0MzhMNDU1Ljc2MyAxMy4yMzIxTDQ1My44NTkgMTkuMjYzOFoiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NjQuMTQgMTguMDQ1NEM0NjMuMzc2IDE4LjI1MjcgNDYyLjYyNSAxOC4yNjU2IDQ2MS44ODggMTguMDg0M0M0NjEuMTU4IDE3LjkwMDggNDYwLjUxOSAxNy41NDM4IDQ1OS45NjkgMTcuMDEzM0M0NTkuNDI0IDE2LjQ3MjkgNDU5LjA0NCAxNS44MDUxIDQ1OC44MjggMTUuMDA5OEM0NTguNjEzIDE0LjIxNDYgNDU4LjYwNCAxMy40NTAxIDQ1OC44MDMgMTIuNzE2NUM0NTkuMDEgMTEuOTgwNyA0NTkuMzgyIDExLjM0OTQgNDU5LjkxOCAxMC44MjI2QzQ2MC40NjMgMTAuMjkzNiA0NjEuMTE3IDkuOTI1NDYgNDYxLjg4MiA5LjcxODE2QzQ2Mi42NDYgOS41MTA4NiA0NjMuMzkzIDkuNDk4OTUgNDY0LjEyMyA5LjY4MjQyQzQ2NC44NiA5Ljg2Mzc5IDQ2NS40OTYgMTAuMjIxOCA0NjYuMDMgMTAuNzU2NUM0NjYuNTczIDExLjI4OTIgNDY2Ljk1MiAxMS45NTMxIDQ2Ny4xNjcgMTIuNzQ4NEM0NjcuMzgzIDEzLjU0MzcgNDY3LjM5MiAxNC4zMTIgNDY3LjE5NiAxNS4wNTMzQzQ2Ni45OTcgMTUuNzg3IDQ2Ni42MjkgMTYuNDE3MiA0NjYuMDkyIDE2Ljk0NDFDNDY1LjU1NSAxNy40NzEgNDY0LjkwNSAxNy44MzgxIDQ2NC4xNCAxOC4wNDU0Wk00NjMuNjUgMTYuMjM4NkM0NjQuMjk5IDE2LjA2MjcgNDY0Ljc1NyAxNS43MDYzIDQ2NS4wMjYgMTUuMTY5MkM0NjUuMzAzIDE0LjYzIDQ2NS4zNDUgMTQuMDA1MyA0NjUuMTUyIDEzLjI5NDlDNDY0Ljk1NyAxMi41NzY4IDQ2NC42MDUgMTIuMDU4OSA0NjQuMDk3IDExLjc0MUM0NjMuNTkzIDExLjQxMzMgNDYzLjAxNyAxMS4zMzc0IDQ2Mi4zNjkgMTEuNTEzM0M0NjEuNzEyIDExLjY5MTMgNDYxLjI0NSAxMi4wNDYgNDYwLjk2NiAxMi41Nzc1QzQ2MC42OTUgMTMuMTA2OCA0NjAuNjU4IDEzLjczNDQgNDYwLjg1NSAxNC40NjAyQzQ2MS4wNSAxNS4xNzgyIDQ2MS4zOTkgMTUuNzAxMSA0NjEuOTAyIDE2LjAyODhDNDYyLjQxMSAxNi4zNDY3IDQ2Mi45OTQgMTYuNDE2NiA0NjMuNjUgMTYuMjM4NloiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NzcuODIxIDE0LjYwOTVMNDc1LjgyIDE1LjA2MzdMNDcxLjMyMyAxMC43NTYxTDQ3Mi40NzMgMTUuODIzMkw0NzAuNDcyIDE2LjI3NzRMNDY4LjYwNyA4LjA2MjI3TDQ3MC42MDggNy42MDgxM0w0NzUuMTEgMTEuOTM5MUw0NzMuOTU1IDYuODQ4NTdMNDc1Ljk1NiA2LjM5NDQzTDQ3Ny44MjEgMTQuNjA5NVoiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00ODAuMjg5IDcuMTk2NDNMNDgwLjYxNCA4Ljg2OTEyTDQ4My4zMTIgOC4zNDQ3M0w0ODMuNjE0IDkuODk5NjNMNDgwLjkxNyAxMC40MjRMNDgxLjI2OSAxMi4yMzgxTDQ4NC4zMiAxMS42NDVMNDg0LjYzNCAxMy4yNTg4TDQ3OS41NjkgMTQuMjQzNEw0NzcuOTYxIDUuOTc0MjFMNDgzLjAyNiA0Ljk4OTU2TDQ4My4zNCA2LjYwMzM1TDQ4MC4yODkgNy4xOTY0M1oiIGZpbGw9IiMyNDI0MjQiLz4NCjwvZz4NCjxwYXRoIGQ9Ik02NDUuMjE0IDE5LjQ3MjhDNjQ1LjQ2NCAxOS4zNTQzIDY0NS41NyAxOS4wNTYxIDY0NS40NTIgMTguODA2Nkw2NDMuNTIxIDE0Ljc0MTdDNjQzLjQwMyAxNC40OTIzIDY0My4xMDUgMTQuMzg2MSA2NDIuODU1IDE0LjUwNDZDNjQyLjYwNiAxNC42MjMgNjQyLjQ5OSAxNC45MjEzIDY0Mi42MTggMTUuMTcwN0w2NDQuMzM0IDE4Ljc4NEw2NDAuNzIxIDIwLjQ5OTlDNjQwLjQ3MSAyMC42MTg0IDY0MC4zNjUgMjAuOTE2NiA2NDAuNDgzIDIxLjE2NjFDNjQwLjYwMiAyMS40MTU1IDY0MC45IDIxLjUyMTcgNjQxLjE1IDIxLjQwMzJMNjQ1LjIxNCAxOS40NzI4Wk00OTIuNDI0IDcuMzc1MzFDNDkyLjE1MSA3LjQxNzU1IDQ5MS45NjQgNy42NzMwMSA0OTIuMDA2IDcuOTQ1OTFDNDkyLjA0OCA4LjIxODggNDkyLjMwNCA4LjQwNTc4IDQ5Mi41NzYgOC4zNjM1NUw0OTIuNDI0IDcuMzc1MzFaTTU0Ni4yOTkgNC41QzU4NS44OTkgNC41IDYxOC4xMDEgOS45NzUyNyA2NDQuODMyIDE5LjQ5MjJMNjQ1LjE2OCAxOC41NTAxQzYxOC4zMDkgOC45ODgwNiA1ODUuOTkxIDMuNSA1NDYuMjk5IDMuNVY0LjVaTTQ5Mi41NzYgOC4zNjM1NUM1MDguODQyIDUuODQ2MTEgNTI2LjY2MyA0LjUgNTQ2LjI5OSA0LjVWMy41QzUyNi42MTggMy41IDUwOC43NDQgNC44NDkyMyA0OTIuNDI0IDcuMzc1MzFMNDkyLjU3NiA4LjM2MzU1WiIgZmlsbD0iI0QzRDNEMyIvPg0KPHBhdGggZD0iTTIyMC41IDI2Mi45ODZDMjIwLjQ5MyAyNjMuMjYyIDIyMC43MTIgMjYzLjQ5MSAyMjAuOTg4IDI2My40OThMMjI1LjQ4NiAyNjMuNjA4QzIyNS43NjIgMjYzLjYxNSAyMjUuOTkyIDI2My4zOTcgMjI1Ljk5OCAyNjMuMTIxQzIyNi4wMDUgMjYyLjg0NSAyMjUuNzg3IDI2Mi42MTUgMjI1LjUxMSAyNjIuNjA5TDIyMS41MTIgMjYyLjUxTDIyMS42MSAyNTguNTEyQzIyMS42MTcgMjU4LjIzNiAyMjEuMzk5IDI1OC4wMDYgMjIxLjEyMyAyNThDMjIwLjg0NyAyNTcuOTkzIDIyMC42MTcgMjU4LjIxMSAyMjAuNjExIDI1OC40ODdMMjIwLjUgMjYyLjk4NlpNNDEwLjIyNiAzNy40NDYxQzQxMC40NzIgMzcuMzIxNSA0MTAuNTcxIDM3LjAyMDYgNDEwLjQ0NiAzNi43NzQzQzQxMC4zMjEgMzYuNTI3OSA0MTAuMDIxIDM2LjQyOTIgNDA5Ljc3NCAzNi41NTM5TDQxMC4yMjYgMzcuNDQ2MVpNMjIxLjM0NSAyNjMuMzZDMjYzLjE1IDIyMy41NTggMjg5LjY4NyAxNzcuNDkyIDMxNi4xMDkgMTM2LjIwNUMzNDIuNTQ2IDk0Ljg5MjggMzY4Ljg1OSA1OC4zNzc4IDQxMC4yMjYgMzcuNDQ2MUw0MDkuNzc0IDM2LjU1MzlDMzY4LjE0MSA1Ny42MjAzIDM0MS43MDQgOTQuMzU0MiAzMTUuMjY2IDEzNS42NjZDMjg4LjgxMyAxNzcuMDA0IDI2Mi4zNSAyMjIuOTM4IDIyMC42NTUgMjYyLjYzNkwyMjEuMzQ1IDI2My4zNloiIGZpbGw9IiNEM0QzRDMiLz4NCjwvc3ZnPg0K";
31137
31093
 
31138
- _line += 10;
31094
+ var StudentPressureChart = function StudentPressureChart(_ref) {
31095
+ var studentPressure = _ref.studentPressure,
31096
+ width = _ref.width;
31097
+ var openMenuBar = useSelector(function (state) {
31098
+ return state.common.menuBar;
31099
+ });
31100
+ var svgRef = useRef(null);
31101
+ var innerWidth = !openMenuBar ? window.innerWidth - 50 : window.innerWidth - 340;
31139
31102
 
31140
- if (_line > lineOptionPrecess) {
31141
- lineOptionPrecess = _line;
31142
- }
31143
- }
31144
- }
31103
+ if (width) {
31104
+ innerWidth = width;
31105
+ }
31145
31106
 
31146
- left += 100;
31107
+ var chartWidth = innerWidth < 700 ? 700 : innerWidth;
31108
+ var chartHeight = chartWidth / 3.12;
31109
+ var colors = ["#C44140", "#81C935", "#0F9655", "#FFB04F", "#C44140"];
31110
+ var data = [{
31111
+ label: "BOREOUT",
31112
+ value: studentPressure.boreOutStudent
31113
+ }, {
31114
+ label: "COMFORT",
31115
+ value: studentPressure.comfortStudent
31116
+ }, {
31117
+ label: "STRETCH",
31118
+ value: studentPressure.stretchStudent
31119
+ }, {
31120
+ label: "STRAIN",
31121
+ value: studentPressure.strainStudent
31122
+ }, {
31123
+ label: "BURNOUT",
31124
+ value: studentPressure.burnoutStudent
31125
+ }];
31126
+ var xAxistLabels = ["Low", "Moderate", "High", "Very High"];
31147
31127
 
31148
- if (left + 105 > WIDTH_PAPER) {
31149
- left = 20;
31150
- line = lineOptionPrecess + 25;
31151
- }
31128
+ var _useState = useState(""),
31129
+ tooltipVisible = _useState[0],
31130
+ setTooltipVisible = _useState[1];
31152
31131
 
31153
- var _temp13 = function () {
31154
- if (line + 150 > HEIGHT_PAPER) {
31155
- doc.addPage();
31156
- return Promise.resolve(createImageHeader()).then(function () {
31157
- line = 80;
31158
- left = 20;
31159
- });
31160
- }
31161
- }();
31132
+ var _useState2 = useState(0),
31133
+ tooltipX = _useState2[0],
31134
+ setTooltipX = _useState2[1];
31162
31135
 
31163
- if (_temp13 && _temp13.then) return _temp13.then(function () {});
31164
- });
31136
+ var _useState3 = useState(0),
31137
+ tooltipY = _useState3[0],
31138
+ setTooltipY = _useState3[1];
31165
31139
 
31166
- return _temp14 && _temp14.then ? _temp14.then(_temp15) : _temp15(_temp14);
31167
- });
31168
- });
31169
- }
31170
- }();
31140
+ var _useState4 = useState([]),
31141
+ tooltipStudents = _useState4[0],
31142
+ setTooltipStudents = _useState4[1];
31171
31143
 
31172
- return _temp18 && _temp18.then ? _temp18.then(_temp19) : _temp19(_temp18);
31173
- }
31144
+ var _useState5 = useState(""),
31145
+ colorTooltip = _useState5[0],
31146
+ setColorTooltip = _useState5[1];
31174
31147
 
31175
- var _temp20 = function () {
31176
- if (selectedToPDF.includes(successIndicatorsName)) {
31177
- return Promise.resolve(createImageHeader()).then(function () {
31178
- doc.setFontSize(14);
31179
- doc.setFont("Helvetica", "normal", "bold");
31180
- doc.text(t(successIndicatorsName), left, line);
31181
- line += 20;
31182
- var chart = document.getElementById("success_indicators");
31183
- return Promise.resolve(html2canvas(chart)).then(function (canvas) {
31184
- function _temp12() {
31185
- left = 20;
31186
- line += questions.length * 10;
31187
- doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
31188
- doc.setFontSize(8);
31189
- doc.addPage();
31190
- line = 80;
31191
- left = 20;
31192
- }
31148
+ var handleDotHover = function handleDotHover(students, x, y, label, color) {
31149
+ setTooltipStudents(Array.from(new Set(students)));
31150
+ setTooltipX(x);
31151
+ setTooltipY(y);
31152
+ setTooltipVisible(label);
31153
+ setColorTooltip(color);
31154
+ };
31193
31155
 
31194
- var lineOptionCheckIn = line;
31195
- doc.setFontSize(8);
31196
- var questions = successIndicatorsData.map(function (r) {
31197
- return r.name;
31198
- });
31199
- var indexCheckIn = 0;
31156
+ var handleDotLeave = function handleDotLeave() {
31157
+ setTooltipVisible("");
31158
+ };
31200
31159
 
31201
- var _temp11 = _for(function () {
31202
- return indexCheckIn < monthsOneToOne.length;
31203
- }, function () {
31204
- return indexCheckIn++;
31205
- }, function () {
31206
- var _line = line;
31207
- doc.setFontSize(12);
31208
- doc.setFont("Helvetica", "normal", "bold");
31209
- doc.text(monthsOneToOne[indexCheckIn], left, _line);
31210
- doc.setFontSize(8);
31160
+ useEffect(function () {
31161
+ var svg = svgRef.current;
31211
31162
 
31212
- for (var indexResult = 0; indexResult < (successIndicatorsData === null || successIndicatorsData === void 0 ? void 0 : successIndicatorsData.length); indexResult++) {
31213
- var avg = successIndicatorsData[indexResult].data[indexCheckIn];
31163
+ if (svg) {
31164
+ var drawChart = function drawChart() {
31165
+ try {
31166
+ var _ret = function () {
31167
+ var xAxis = document.createElementNS("http://www.w3.org/2000/svg", "line");
31168
+ xAxis.setAttribute("x1", "50");
31169
+ xAxis.setAttribute("y1", "" + chartHeight);
31170
+ xAxis.setAttribute("x2", "" + (chartWidth - 30));
31171
+ xAxis.setAttribute("y2", "" + chartHeight);
31172
+ xAxis.setAttribute("stroke", "#D3D3D3");
31173
+ svg.appendChild(xAxis);
31174
+ var yAxis = document.createElementNS("http://www.w3.org/2000/svg", "line");
31175
+ yAxis.setAttribute("x1", "50");
31176
+ yAxis.setAttribute("y1", "50");
31177
+ yAxis.setAttribute("x2", "50");
31178
+ yAxis.setAttribute("y2", "" + chartHeight);
31179
+ yAxis.setAttribute("stroke", "#D3D3D3");
31180
+ svg.appendChild(yAxis);
31181
+ var spacingLabel = (chartWidth - 60) / 3;
31214
31182
 
31215
- if (avg != 0) {
31216
- var questionText = questions[indexResult];
31183
+ for (var index = 0; index < xAxistLabels.length; index++) {
31184
+ var label = xAxistLabels[index];
31185
+ var text = document.createElementNS("http://www.w3.org/2000/svg", "text");
31186
+ text.setAttribute("x", "" + (spacingLabel * index || 50));
31187
+ text.setAttribute("y", "" + (chartHeight + 20));
31188
+ text.setAttribute("fill", "#D3D3D3");
31189
+ text.textContent = label;
31190
+ svg.appendChild(text);
31191
+ }
31217
31192
 
31218
- if (questionText != "") {
31219
- doc.setDrawColor(0);
31193
+ var highText = document.createElementNS("http://www.w3.org/2000/svg", "text");
31194
+ highText.setAttribute("x", "15");
31195
+ highText.setAttribute("y", "60");
31196
+ highText.setAttribute("fill", "#D3D3D3");
31197
+ highText.textContent = "High";
31198
+ svg.appendChild(highText);
31199
+ var lowText = document.createElementNS("http://www.w3.org/2000/svg", "text");
31200
+ lowText.setAttribute("x", "15");
31201
+ lowText.setAttribute("y", "" + chartHeight);
31202
+ lowText.setAttribute("fill", "#D3D3D3");
31203
+ lowText.textContent = "Low";
31204
+ svg.appendChild(lowText);
31205
+ var performanceText = document.createElementNS("http://www.w3.org/2000/svg", "text");
31206
+ performanceText.setAttribute("x", "40");
31207
+ performanceText.setAttribute("y", "" + (chartHeight + 100) / 2);
31208
+ performanceText.setAttribute("transform", "rotate(-90, 40, " + (chartHeight + 100) / 2 + ")");
31209
+ performanceText.setAttribute("fill", "#242424");
31210
+ performanceText.setAttribute("font-size", "12px");
31211
+ performanceText.setAttribute("font-weight", "bold");
31212
+ performanceText.textContent = "Performance";
31213
+ svg.appendChild(performanceText);
31214
+ var image = document.createElementNS("http://www.w3.org/2000/svg", "image");
31215
+ image.setAttribute("x", "50");
31216
+ image.setAttribute("y", "50");
31217
+ image.setAttribute("width", "" + (chartWidth - 80));
31218
+ image.setAttribute("height", "" + (chartHeight - 50));
31219
+ image.setAttributeNS("http://www.w3.org/1999/xlink", "href", backgroundPressure);
31220
+ svg.appendChild(image);
31221
+ var circleCount = 5;
31222
+ var circleSpacing = (chartWidth + 100) / (circleCount + 1);
31223
+ var circleY = chartHeight - 30;
31224
+
31225
+ var _loop = function _loop(i) {
31226
+ var _data3, _data3$value, _data3$value$length, _data6;
31227
+
31228
+ var circleX = circleSpacing * i;
31229
+ var radius = 15;
31230
+ var circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
31231
+ circle.setAttribute("cx", "" + circleX);
31232
+ circle.setAttribute("cy", "" + circleY);
31233
+ circle.setAttribute("r", "" + radius);
31234
+ circle.setAttribute("fill", colors[i - 1]);
31235
+ circle.addEventListener("mouseenter", function () {
31236
+ var _data, _data2;
31237
+
31238
+ handleDotHover((_data = data[i - 1]) === null || _data === void 0 ? void 0 : _data.value, circleX, circleY, (_data2 = data[i - 1]) === null || _data2 === void 0 ? void 0 : _data2.label, colors[i - 1]);
31239
+ });
31240
+ circle.addEventListener("mouseleave", handleDotLeave);
31241
+ svg.appendChild(circle);
31242
+ var text = document.createElementNS("http://www.w3.org/2000/svg", "text");
31243
+ text.setAttribute("x", "" + circleX);
31244
+ text.setAttribute("y", "" + circleY);
31245
+ text.setAttribute("fill", "white");
31246
+ text.setAttribute("font-weight", "bold");
31247
+ text.setAttribute("font-size", "12px");
31248
+ text.setAttribute("text-anchor", "middle");
31249
+ text.setAttribute("dominant-baseline", "middle");
31250
+ text.setAttribute("style", "cursor: default");
31251
+ text.textContent = (_data3 = data[i - 1]) === null || _data3 === void 0 ? void 0 : (_data3$value = _data3.value) === null || _data3$value === void 0 ? void 0 : (_data3$value$length = _data3$value.length) === null || _data3$value$length === void 0 ? void 0 : _data3$value$length.toString();
31252
+ text.addEventListener("mouseenter", function () {
31253
+ var _data4, _data5;
31254
+
31255
+ handleDotHover((_data4 = data[i - 1]) === null || _data4 === void 0 ? void 0 : _data4.value, circleX, circleY, (_data5 = data[i - 1]) === null || _data5 === void 0 ? void 0 : _data5.label, colors[i - 1]);
31256
+ });
31257
+ svg.appendChild(text);
31258
+ var label = (_data6 = data[i - 1]) === null || _data6 === void 0 ? void 0 : _data6.label;
31259
+ var labelText = document.createElementNS("http://www.w3.org/2000/svg", "text");
31260
+ labelText.setAttribute("x", "" + circleX);
31261
+ labelText.setAttribute("y", "" + (circleY - radius - 12));
31262
+ labelText.setAttribute("fill", "#242424");
31263
+ labelText.setAttribute("font-weight", "bold");
31264
+ labelText.setAttribute("font-size", "12px");
31265
+ labelText.setAttribute("text-anchor", "middle");
31266
+ labelText.textContent = label;
31267
+ svg.appendChild(labelText);
31268
+ };
31269
+
31270
+ for (var i = 1; i <= data.length; i++) {
31271
+ _loop(i);
31272
+ }
31273
+
31274
+ return {
31275
+ v: Promise.resolve()
31276
+ };
31277
+ }();
31278
+
31279
+ if (typeof _ret === "object") return _ret.v;
31280
+ } catch (e) {
31281
+ return Promise.reject(e);
31282
+ }
31283
+ };
31284
+
31285
+ while (svg.firstChild) {
31286
+ svg.firstChild.remove();
31287
+ }
31288
+
31289
+ drawChart();
31290
+ }
31291
+ }, [chartWidth, studentPressure]);
31292
+ var lineHeight = 20;
31293
+ var tooltipHeight = tooltipStudents.length * lineHeight;
31294
+ var maxHeightTooltip = tooltipHeight + 30 > chartHeight - 50 ? chartHeight - 50 : tooltipHeight + 30;
31295
+ return React.createElement("svg", {
31296
+ ref: svgRef,
31297
+ width: chartWidth,
31298
+ height: chartHeight + 50
31299
+ }, !!tooltipVisible && React.createElement("g", {
31300
+ transform: "translate(" + (tooltipX - 100) + "," + Math.max(0, tooltipY - tooltipHeight - 80) + ")"
31301
+ }, React.createElement("rect", {
31302
+ width: "200",
31303
+ height: maxHeightTooltip + 10,
31304
+ fill: "rgba(36, 36, 36, 0.8)",
31305
+ rx: "5"
31306
+ }), React.createElement("text", {
31307
+ x: "20",
31308
+ y: "20",
31309
+ fill: "#fff",
31310
+ fontSize: "12px",
31311
+ textAnchor: "start"
31312
+ }, tooltipStudents.length + " students are " + tooltipVisible), React.createElement("foreignObject", {
31313
+ x: "0",
31314
+ y: "30",
31315
+ width: "200",
31316
+ height: maxHeightTooltip
31317
+ }, React.createElement("div", {
31318
+ style: {
31319
+ overflowY: "auto",
31320
+ maxHeight: maxHeightTooltip - 20 + "px",
31321
+ padding: "5px 5px 5px 10px",
31322
+ color: "#fff",
31323
+ fontSize: "12px"
31324
+ }
31325
+ }, tooltipStudents.map(function (label, index) {
31326
+ return React.createElement("div", {
31327
+ key: index
31328
+ }, React.createElement("span", {
31329
+ style: {
31330
+ display: "inline-block",
31331
+ width: "4px",
31332
+ height: "14px",
31333
+ backgroundColor: colorTooltip,
31334
+ borderRadius: "10px",
31335
+ marginRight: "10px"
31336
+ }
31337
+ }), React.createElement("span", null, label));
31338
+ })))));
31339
+ };
31340
+
31341
+ var headerLogo = "../images/main-logo-blue.png";
31342
+
31343
+ var DashboardToPDF = function DashboardToPDF(props) {
31344
+ var startTime = props.startTime,
31345
+ endTime = props.endTime,
31346
+ selectedToPDF = props.selectedToPDF,
31347
+ activeColumnPreparedness = props.activeColumnPreparedness,
31348
+ activeColumnSuccessIndicators = props.activeColumnSuccessIndicators,
31349
+ avgQuestionLastMonth = props.avgQuestionLastMonth,
31350
+ dayOfWeekOneToOne = props.dayOfWeekOneToOne,
31351
+ monthsOneToOne = props.monthsOneToOne,
31352
+ preparednessData = props.preparednessData,
31353
+ safetyData = props.safetyData,
31354
+ stressData = props.stressData,
31355
+ successIndicatorsData = props.successIndicatorsData,
31356
+ topLearningStrategiesData = props.topLearningStrategiesData,
31357
+ timeOfDay = props.timeOfDay,
31358
+ seriesConference = props.seriesConference,
31359
+ monthsConference = props.monthsConference,
31360
+ activeColumnConference = props.activeColumnConference,
31361
+ dayOfWeekConference = props.dayOfWeekConference,
31362
+ avgConferenceLastMonth = props.avgConferenceLastMonth,
31363
+ readinessToLearning = props.readinessToLearning,
31364
+ studentPressure = props.studentPressure;
31365
+
31366
+ var _useTranslation = useTranslation(),
31367
+ t = _useTranslation.t;
31368
+
31369
+ var dispatch = useDispatch();
31370
+
31371
+ var generatePDF = function generatePDF() {
31372
+ try {
31373
+ var _temp42 = function _temp42() {
31374
+ dispatch(setLoading(false));
31375
+ };
31376
+
31377
+ dispatch(setLoading(true));
31378
+
31379
+ var _temp43 = _catch(function () {
31380
+ function _temp39() {
31381
+ function _temp37() {
31382
+ function _temp35() {
31383
+ function _temp33() {
31384
+ function _temp31() {
31385
+ function _temp29() {
31386
+ function _temp27() {
31387
+ function _temp25() {
31388
+ doc.save("DashBoard.pdf");
31389
+ }
31390
+
31391
+ var _temp24 = function () {
31392
+ if (selectedToPDF.includes(topLearningStrategyName)) {
31393
+ var chart = document.getElementById("learning_strategy");
31394
+ return Promise.resolve(html2canvas(chart)).then(function (canvas) {
31395
+ doc.setFontSize(8);
31396
+ left = 20;
31397
+ doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 450, 150);
31398
+ doc.setFontSize(8);
31399
+ });
31400
+ }
31401
+ }();
31402
+
31403
+ return _temp24 && _temp24.then ? _temp24.then(_temp25) : _temp25(_temp24);
31404
+ }
31405
+
31406
+ var _temp26 = function () {
31407
+ if (selectedToPDF.includes(learningProcessName)) {
31408
+ var _temp44 = function _temp44() {
31409
+ doc.setFontSize(14);
31410
+ doc.setFont("Helvetica", "normal", "bold");
31411
+ doc.text(t(learningProcessName), left, line);
31412
+ line += 20;
31413
+ var chart = document.getElementById("learning_progress");
31414
+ return Promise.resolve(html2canvas(chart)).then(function (canvas) {
31415
+ function _temp21() {
31416
+ left = 20;
31417
+ doc.addImage(canvas.toDataURL("image/png"), 10, line + 70, 420, heightChart);
31418
+ doc.setFontSize(8);
31419
+ doc.addPage();
31420
+ line = 80;
31421
+ left = 20;
31422
+ }
31423
+
31424
+ var lineOptionPrecess = line;
31425
+ doc.setFontSize(8);
31426
+ var questions = seriesConference.map(function (r) {
31427
+ return r.name;
31428
+ });
31429
+
31430
+ var _temp20 = _forTo(monthsConference, function (index) {
31431
+ var _line = line;
31432
+ doc.setFontSize(12);
31433
+ doc.setFont("Helvetica", "normal", "bold");
31434
+ doc.text(monthsConference[index], left, _line);
31435
+ doc.setFontSize(8);
31436
+
31437
+ for (var indexResult = 0; indexResult < (seriesConference === null || seriesConference === void 0 ? void 0 : seriesConference.length); indexResult++) {
31438
+ var avg = seriesConference[indexResult].data[index];
31439
+
31440
+ if (avg != 0) {
31441
+ var questionText = questions[indexResult];
31442
+
31443
+ if (questionText != "") {
31444
+ doc.setDrawColor(0);
31445
+ doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
31446
+ doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
31447
+ doc.setFont("Helvetica", "normal", "bold");
31448
+ doc.text(questionText + ":", left + 8, _line + 10);
31449
+ doc.setFont("Helvetica", "normal", "normal");
31450
+ doc.text((avg === null || avg === void 0 ? void 0 : avg.toFixed(2)) + "%", left + (questionText === null || questionText === void 0 ? void 0 : questionText.length) * 2.5 + 20.5, _line + 10);
31451
+ }
31452
+
31453
+ _line += 10;
31454
+
31455
+ if (_line > lineOptionPrecess) {
31456
+ lineOptionPrecess = _line;
31457
+ }
31458
+ }
31459
+ }
31460
+
31461
+ left += 100;
31462
+
31463
+ if (left + 105 > WIDTH_PAPER) {
31464
+ left = 20;
31465
+ line = lineOptionPrecess + 25;
31466
+ }
31467
+
31468
+ var _temp19 = function () {
31469
+ if (line + 150 > HEIGHT_PAPER) {
31470
+ doc.addPage();
31471
+ return Promise.resolve(createImageHeader()).then(function () {
31472
+ line = 80;
31473
+ left = 20;
31474
+ });
31475
+ }
31476
+ }();
31477
+
31478
+ if (_temp19 && _temp19.then) return _temp19.then(function () {});
31479
+ });
31480
+
31481
+ return _temp20 && _temp20.then ? _temp20.then(_temp21) : _temp21(_temp20);
31482
+ });
31483
+ };
31484
+
31485
+ var _temp45 = function () {
31486
+ if (line > HEIGHT_PAPER / 2) {
31487
+ line = 80;
31488
+ left = 20;
31489
+ doc.addPage();
31490
+ return Promise.resolve(createImageHeader()).then(function () {});
31491
+ }
31492
+ }();
31493
+
31494
+ return _temp45 && _temp45.then ? _temp45.then(_temp44) : _temp44(_temp45);
31495
+ }
31496
+ }();
31497
+
31498
+ return _temp26 && _temp26.then ? _temp26.then(_temp27) : _temp27(_temp26);
31499
+ }
31500
+
31501
+ var _temp28 = function () {
31502
+ if (selectedToPDF.includes(studentStressByZone)) {
31503
+ var _temp46 = function _temp46() {
31504
+ doc.setFontSize(14);
31505
+ doc.setFont("Helvetica", "normal", "bold");
31506
+ doc.text(t(studentStressByZone), left, line);
31507
+ line += 20;
31508
+ var chart = document.getElementById("student_stress_by_zone");
31509
+ return Promise.resolve(html2canvas(chart)).then(function (canvas) {
31510
+ doc.addImage(canvas.toDataURL("image/png"), 10, line, 420, heightChart);
31511
+ line += heightChart + 20;
31512
+ });
31513
+ };
31514
+
31515
+ var _temp47 = function () {
31516
+ if (line > HEIGHT_PAPER / 2) {
31517
+ line = 80;
31518
+ left = 20;
31519
+ doc.addPage();
31520
+ return Promise.resolve(createImageHeader()).then(function () {});
31521
+ }
31522
+ }();
31523
+
31524
+ return _temp47 && _temp47.then ? _temp47.then(_temp46) : _temp46(_temp47);
31525
+ }
31526
+ }();
31527
+
31528
+ return _temp28 && _temp28.then ? _temp28.then(_temp29) : _temp29(_temp28);
31529
+ }
31530
+
31531
+ var _temp30 = function () {
31532
+ if (selectedToPDF.includes(studentDistribution)) {
31533
+ var _temp48 = function _temp48() {
31534
+ var chart = document.getElementById("student_distribution");
31535
+ return Promise.resolve(html2canvas(chart)).then(function (canvas) {
31536
+ doc.addImage(canvas.toDataURL("image/png"), 10, line, 420, heightChart);
31537
+ line += heightChart + 20;
31538
+ });
31539
+ };
31540
+
31541
+ var _temp49 = function () {
31542
+ if (line > HEIGHT_PAPER / 2) {
31543
+ line = 80;
31544
+ left = 20;
31545
+ doc.addPage();
31546
+ return Promise.resolve(createImageHeader()).then(function () {});
31547
+ }
31548
+ }();
31549
+
31550
+ return _temp49 && _temp49.then ? _temp49.then(_temp48) : _temp48(_temp49);
31551
+ }
31552
+ }();
31553
+
31554
+ return _temp30 && _temp30.then ? _temp30.then(_temp31) : _temp31(_temp30);
31555
+ }
31556
+
31557
+ var _temp32 = function () {
31558
+ if (selectedToPDF.includes(successIndicatorsName)) {
31559
+ var _temp50 = function _temp50() {
31560
+ doc.setFontSize(14);
31561
+ doc.setFont("Helvetica", "normal", "bold");
31562
+ doc.text(t(successIndicatorsName), left, line);
31563
+ line += 20;
31564
+ var chart = document.getElementById("success_indicators");
31565
+ return Promise.resolve(html2canvas(chart)).then(function (canvas) {
31566
+ function _temp12() {
31567
+ left = 20;
31568
+ line += questions.length * 10;
31569
+ doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
31570
+ doc.setFontSize(8);
31571
+ line += heightChart + 20;
31572
+ }
31573
+
31574
+ var lineOptionCheckIn = line;
31575
+ doc.setFontSize(8);
31576
+ var questions = successIndicatorsData.map(function (r) {
31577
+ return r.name;
31578
+ });
31579
+ var indexCheckIn = 0;
31580
+
31581
+ var _temp11 = _for(function () {
31582
+ return indexCheckIn < monthsOneToOne.length;
31583
+ }, function () {
31584
+ return indexCheckIn++;
31585
+ }, function () {
31586
+ var _line = line;
31587
+ doc.setFontSize(12);
31588
+ doc.setFont("Helvetica", "normal", "bold");
31589
+ doc.text(monthsOneToOne[indexCheckIn], left, _line);
31590
+ doc.setFontSize(8);
31591
+
31592
+ for (var indexResult = 0; indexResult < (successIndicatorsData === null || successIndicatorsData === void 0 ? void 0 : successIndicatorsData.length); indexResult++) {
31593
+ var avg = successIndicatorsData[indexResult].data[indexCheckIn];
31594
+
31595
+ if (avg != 0) {
31596
+ var questionText = questions[indexResult];
31597
+
31598
+ if (questionText != "") {
31599
+ doc.setDrawColor(0);
31220
31600
  doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
31221
31601
  doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
31222
31602
  doc.setFont("Helvetica", "normal", "bold");
@@ -31255,14 +31635,25 @@ var DashboardToPDF = function DashboardToPDF(props) {
31255
31635
 
31256
31636
  return _temp11 && _temp11.then ? _temp11.then(_temp12) : _temp12(_temp11);
31257
31637
  });
31258
- });
31638
+ };
31639
+
31640
+ var _temp51 = function () {
31641
+ if (line > HEIGHT_PAPER / 2) {
31642
+ line = 80;
31643
+ left = 20;
31644
+ doc.addPage();
31645
+ return Promise.resolve(createImageHeader()).then(function () {});
31646
+ }
31647
+ }();
31648
+
31649
+ return _temp51 && _temp51.then ? _temp51.then(_temp50) : _temp50(_temp51);
31259
31650
  }
31260
31651
  }();
31261
31652
 
31262
- return _temp20 && _temp20.then ? _temp20.then(_temp21) : _temp21(_temp20);
31653
+ return _temp32 && _temp32.then ? _temp32.then(_temp33) : _temp33(_temp32);
31263
31654
  }
31264
31655
 
31265
- var _temp22 = function () {
31656
+ var _temp34 = function () {
31266
31657
  if (selectedToPDF.includes(preparednessChartName)) {
31267
31658
  return Promise.resolve(createImageHeader()).then(function () {
31268
31659
  doc.setFontSize(14);
@@ -31276,9 +31667,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
31276
31667
  line += questions.length * 10;
31277
31668
  doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
31278
31669
  doc.setFontSize(8);
31279
- doc.addPage();
31280
- line = 80;
31281
- left = 20;
31670
+ line += heightChart + 20;
31282
31671
  }
31283
31672
 
31284
31673
  var lineOptionCheckIn = line;
@@ -31349,10 +31738,10 @@ var DashboardToPDF = function DashboardToPDF(props) {
31349
31738
  }
31350
31739
  }();
31351
31740
 
31352
- return _temp22 && _temp22.then ? _temp22.then(_temp23) : _temp23(_temp22);
31741
+ return _temp34 && _temp34.then ? _temp34.then(_temp35) : _temp35(_temp34);
31353
31742
  }
31354
31743
 
31355
- var _temp24 = function () {
31744
+ var _temp36 = function () {
31356
31745
  if (selectedToPDF.includes(averageStudentStressName)) {
31357
31746
  return Promise.resolve(createImageHeader()).then(function () {
31358
31747
  doc.setFontSize(14);
@@ -31410,568 +31799,281 @@ var DashboardToPDF = function DashboardToPDF(props) {
31410
31799
  lineOptionCheckIn = _line;
31411
31800
  }
31412
31801
  }
31413
- }
31414
-
31415
- left += 100;
31416
-
31417
- if (left + 105 > WIDTH_PAPER) {
31418
- left = 20;
31419
- line = lineOptionCheckIn + 25;
31420
- }
31421
-
31422
- var _temp4 = function () {
31423
- if (line + 150 > HEIGHT_PAPER) {
31424
- doc.addPage();
31425
- return Promise.resolve(createImageHeader()).then(function () {
31426
- line = 80;
31427
- left = 20;
31428
- });
31429
- }
31430
- }();
31431
-
31432
- if (_temp4 && _temp4.then) return _temp4.then(function () {});
31433
- });
31434
-
31435
- return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
31436
- });
31437
- });
31438
- }
31439
- }();
31440
-
31441
- return _temp24 && _temp24.then ? _temp24.then(_temp25) : _temp25(_temp24);
31442
- }
31443
-
31444
- var doc = new jsPDF({
31445
- orientation: "p",
31446
- unit: "px",
31447
- format: "a4"
31448
- });
31449
- var WIDTH_PAPER = doc.internal.pageSize.width;
31450
- var HEIGHT_PAPER = doc.internal.pageSize.height;
31451
- var heightChart = 200;
31452
-
31453
- var createImageHeader = function createImageHeader() {
31454
- try {
31455
- var imageLogo = document.getElementById("header-logo");
31456
- return Promise.resolve(html2canvas(imageLogo)).then(function (imageLogoCanvas) {
31457
- doc.addImage(imageLogoCanvas.toDataURL("image/png", 1.0), "png", 20, 20, 90, 25);
31458
- doc.setFontSize(10);
31459
- doc.setFont("Helvetica", "italic", "normal");
31460
- doc.text("From: " + moment(startTime).format("DD/MM/YYYY"), 310, 40);
31461
- doc.text("To: " + moment(endTime).format("DD/MM/YYYY"), 380, 40);
31462
- doc.setDrawColor(128, 128, 128);
31463
- doc.line(0, 50, WIDTH_PAPER, 50);
31464
- doc.setLineWidth(0.1);
31465
- });
31466
- } catch (e) {
31467
- return Promise.reject(e);
31468
- }
31469
- };
31470
-
31471
- var line = 85;
31472
- var left = 20;
31473
-
31474
- var _temp26 = function () {
31475
- if (selectedToPDF.includes(averageStudentSafetyName)) {
31476
- return Promise.resolve(createImageHeader()).then(function () {
31477
- doc.setFontSize(14);
31478
- doc.setFont("Helvetica", "normal", "bold");
31479
- doc.text(t(averageStudentSafetyName), left, 70);
31480
- var chart = document.getElementById("safety");
31481
- return Promise.resolve(html2canvas(chart)).then(function (canvas) {
31482
- function _temp3() {
31483
- left = 20;
31484
- doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
31485
- line = line + heightChart + 30;
31486
-
31487
- if (line + 150 > HEIGHT_PAPER) {
31488
- doc.addPage();
31489
- line = 80;
31490
- left = 20;
31491
- }
31492
- }
31493
-
31494
- var lineOptionCheckIn = line;
31495
- doc.setFontSize(8);
31496
- var questions = safetyData.map(function (r) {
31497
- return r.name;
31498
- });
31499
- var indexCheckIn = 0;
31500
-
31501
- var _temp2 = _for(function () {
31502
- return indexCheckIn < monthsOneToOne.length;
31503
- }, function () {
31504
- return indexCheckIn++;
31505
- }, function () {
31506
- var _line = line;
31507
- doc.setFontSize(12);
31508
- doc.setFont("Helvetica", "normal", "bold");
31509
- doc.text(monthsOneToOne[indexCheckIn], left, _line);
31510
- doc.setFontSize(8);
31511
-
31512
- for (var indexResult = 0; indexResult < (safetyData === null || safetyData === void 0 ? void 0 : safetyData.length); indexResult++) {
31513
- var avg = safetyData[indexResult].data[indexCheckIn];
31514
-
31515
- if (avg != 0) {
31516
- var questionText = questions[indexResult];
31517
-
31518
- if (questionText != "") {
31519
- doc.setDrawColor(0);
31520
- doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
31521
- doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
31522
- doc.setFont("Helvetica", "normal", "bold");
31523
- doc.text(questionText + ":", left + 8, _line + 10);
31524
- doc.setFont("Helvetica", "normal", "normal");
31525
- doc.text((avg === null || avg === void 0 ? void 0 : avg.toFixed(2)) + "%", left + (questionText === null || questionText === void 0 ? void 0 : questionText.length) * 2.5 + 20.5, _line + 10);
31526
- }
31527
-
31528
- _line += 10;
31529
-
31530
- if (_line > lineOptionCheckIn) {
31531
- lineOptionCheckIn = _line;
31532
- }
31533
- }
31534
- }
31535
-
31536
- left += 100;
31537
-
31538
- if (left + 105 > WIDTH_PAPER) {
31539
- left = 20;
31540
- line = lineOptionCheckIn + 25;
31541
- }
31542
-
31543
- var _temp = function () {
31544
- if (line + 150 > HEIGHT_PAPER) {
31545
- doc.addPage();
31546
- return Promise.resolve(createImageHeader()).then(function () {
31547
- line = 80;
31548
- left = 20;
31549
- });
31550
- }
31551
- }();
31552
-
31553
- if (_temp && _temp.then) return _temp.then(function () {});
31554
- });
31555
-
31556
- return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
31557
- });
31558
- });
31559
- }
31560
- }();
31561
-
31562
- return _temp26 && _temp26.then ? _temp26.then(_temp27) : _temp27(_temp26);
31563
- }, function (err) {
31564
- console.log(err);
31565
- dispatch(setAlert({
31566
- type: "danger",
31567
- message: err.message
31568
- }));
31569
- });
31570
-
31571
- return Promise.resolve(_temp31 && _temp31.then ? _temp31.then(_temp30) : _temp30(_temp31));
31572
- } catch (e) {
31573
- return Promise.reject(e);
31574
- }
31575
- };
31576
-
31577
- return React.createElement("div", null, React.createElement("div", {
31578
- className: "" + styles$1["chart-to-canvas"]
31579
- }, React.createElement("div", {
31580
- id: "safety",
31581
- style: {
31582
- display: "block",
31583
- width: "45%"
31584
- }
31585
- }, React.createElement(GenerateChartData, {
31586
- colors: ["#0F9655"],
31587
- typeChart: TYPECHART.AREA,
31588
- activeColumn: [true],
31589
- series: safetyData,
31590
- months: monthsOneToOne,
31591
- dayOfWeek: dayOfWeekOneToOne,
31592
- avgQuestionLastMonth: avgQuestionLastMonth,
31593
- timeOfDay: timeOfDay
31594
- })), React.createElement("div", {
31595
- id: "stress",
31596
- style: {
31597
- display: "block",
31598
- width: "45%"
31599
- }
31600
- }, React.createElement(GenerateChartData, {
31601
- colors: ["#C44140"],
31602
- typeChart: TYPECHART.LINE,
31603
- activeColumn: [true],
31604
- series: stressData,
31605
- months: monthsOneToOne,
31606
- dayOfWeek: dayOfWeekOneToOne,
31607
- avgQuestionLastMonth: avgQuestionLastMonth,
31608
- timeOfDay: timeOfDay
31609
- })), React.createElement("div", {
31610
- id: "preparedness",
31611
- style: {
31612
- display: "block",
31613
- width: "45%"
31614
- }
31615
- }, React.createElement(GenerateChartData, {
31616
- colors: ["#169490", "#316CD9", "#FFB04F"],
31617
- typeChart: TYPECHART.LINE,
31618
- activeColumn: activeColumnPreparedness,
31619
- series: preparednessData,
31620
- months: monthsOneToOne,
31621
- dayOfWeek: dayOfWeekOneToOne,
31622
- avgQuestionLastMonth: avgQuestionLastMonth,
31623
- timeOfDay: timeOfDay
31624
- })), React.createElement("div", {
31625
- id: "success_indicators",
31626
- style: {
31627
- display: "block",
31628
- width: "45%"
31629
- }
31630
- }, React.createElement(GenerateChartData, {
31631
- typeChart: TYPECHART.AREA,
31632
- activeColumn: activeColumnSuccessIndicators,
31633
- series: successIndicatorsData,
31634
- avgQuestionLastMonth: avgQuestionLastMonth,
31635
- months: monthsOneToOne,
31636
- dayOfWeek: dayOfWeekOneToOne,
31637
- timeOfDay: timeOfDay,
31638
- colors: ["#73C8E5", "#FFB04F", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"]
31639
- })), React.createElement("div", {
31640
- id: "learning_progress",
31641
- style: {
31642
- display: "block",
31643
- width: "45%"
31644
- }
31645
- }, React.createElement(GenerateChartData, {
31646
- colors: ["#73C8E5", "#F9F871", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"],
31647
- typeChart: TYPECHART.AREA,
31648
- activeColumn: activeColumnConference,
31649
- series: seriesConference,
31650
- months: monthsConference,
31651
- dayOfWeek: dayOfWeekConference,
31652
- avgQuestionLastMonth: avgConferenceLastMonth,
31653
- timeOfDay: timeOfDay
31654
- })), React.createElement("div", {
31655
- id: "learning_strategy"
31656
- }, React.createElement(TopLearningStrategy$1, {
31657
- data: topLearningStrategiesData
31658
- }))), React.createElement("div", {
31659
- className: "" + styles$1["image-logo"],
31660
- id: "header-logo"
31661
- }, React.createElement("img", {
31662
- src: headerLogo,
31663
- alt: ""
31664
- })), React.createElement(Button, {
31665
- color: "success",
31666
- onClick: function onClick() {
31667
- selectedToPDF.length > 0 && generatePDF();
31668
- }
31669
- }, "Export"));
31670
- };
31671
-
31672
- var backgroundPressure = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxMSIgaGVpZ2h0PSIzNDIiIHZpZXdCb3g9IjAgMCAxMDExIDM0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxtYXNrIGlkPSJtYXNrMF8zOTAxXzM4NDkxIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIxOCIgd2lkdGg9IjEwMTEiIGhlaWdodD0iMzI0Ij4NCjxwYXRoIGQ9Ik0xMDExIDM0MkM3MTMuODEzIDM0MiA4NDIuMzY0IDE4IDU0Ni41NiAxOEMyNTAuNzU1IDE4IDM3OCAzNDIgMCAzNDJIMTAxMVoiIGZpbGw9IiNEOUQ5RDkiLz4NCjwvbWFzaz4NCjxnIG1hc2s9InVybCgjbWFzazBfMzkwMV8zODQ5MSkiPg0KPHJlY3Qgb3BhY2l0eT0iMC4wOCIgeT0iMzQyIiB3aWR0aD0iMzI0IiBoZWlnaHQ9IjIyMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDAgMzQyKSIgZmlsbD0iI0M0NDE0MCIvPg0KPHJlY3Qgb3BhY2l0eT0iMC4wOCIgeD0iODA5IiB5PSIzNDIiIHdpZHRoPSIzMjQiIGhlaWdodD0iMjAyIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgODA5IDM0MikiIGZpbGw9IiNDNDQxNDAiLz4NCjxyZWN0IG9wYWNpdHk9IjAuMDgiIHg9IjY0NSIgeT0iMzQyIiB3aWR0aD0iMzI0IiBoZWlnaHQ9IjE2NCIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDY0NSAzNDIpIiBmaWxsPSIjRkZCMDRGIi8+DQo8cmVjdCBvcGFjaXR5PSIwLjA4IiB4PSI0NjIiIHk9IjM0MiIgd2lkdGg9IjMyNCIgaGVpZ2h0PSIxODMiIHRyYW5zZm9ybT0icm90YXRlKC05MCA0NjIgMzQyKSIgZmlsbD0iIzBGOTY1NSIvPg0KPHJlY3Qgb3BhY2l0eT0iMC4xIiB4PSIyMjEiIHk9IjM0MiIgd2lkdGg9IjMyNCIgaGVpZ2h0PSIyNDEiIHRyYW5zZm9ybT0icm90YXRlKC05MCAyMjEgMzQyKSIgZmlsbD0iIzgxQzkzNSIvPg0KPC9nPg0KPHBhdGggb3BhY2l0eT0iMC41NiIgZD0iTTQ4NS44MTQgNDcuMDg0QzQ4NS4wMjIgNDcuMDg0IDQ4NC4yOTQgNDYuOSA0ODMuNjMgNDYuNTMyQzQ4Mi45NzQgNDYuMTY0IDQ4Mi40NSA0NS42NTIgNDgyLjA1OCA0NC45OTZDNDgxLjY3NCA0NC4zMzIgNDgxLjQ4MiA0My41ODggNDgxLjQ4MiA0Mi43NjRDNDgxLjQ4MiA0MS45NCA0ODEuNjc0IDQxLjIgNDgyLjA1OCA0MC41NDRDNDgyLjQ1IDM5Ljg4OCA0ODIuOTc0IDM5LjM3NiA0ODMuNjMgMzkuMDA4QzQ4NC4yOTQgMzguNjQgNDg1LjAyMiAzOC40NTYgNDg1LjgxNCAzOC40NTZDNDg2LjYwNiAzOC40NTYgNDg3LjMzIDM4LjY0IDQ4Ny45ODYgMzkuMDA4QzQ4OC42NSAzOS4zNzYgNDg5LjE3IDM5Ljg4OCA0ODkuNTQ2IDQwLjU0NEM0ODkuOTMgNDEuMiA0OTAuMTIyIDQxLjk0IDQ5MC4xMjIgNDIuNzY0QzQ5MC4xMjIgNDMuNTg4IDQ4OS45MyA0NC4zMzIgNDg5LjU0NiA0NC45OTZDNDg5LjE2MiA0NS42NTIgNDg4LjY0MiA0Ni4xNjQgNDg3Ljk4NiA0Ni41MzJDNDg3LjMzIDQ2LjkgNDg2LjYwNiA0Ny4wODQgNDg1LjgxNCA0Ny4wODRaTTQ4NS44MTQgNDUuMjEyQzQ4Ni40ODYgNDUuMjEyIDQ4Ny4wMjIgNDQuOTg4IDQ4Ny40MjIgNDQuNTRDNDg3LjgzIDQ0LjA5MiA0ODguMDM0IDQzLjUgNDg4LjAzNCA0Mi43NjRDNDg4LjAzNCA0Mi4wMiA0ODcuODMgNDEuNDI4IDQ4Ny40MjIgNDAuOTg4QzQ4Ny4wMjIgNDAuNTQgNDg2LjQ4NiA0MC4zMTYgNDg1LjgxNCA0MC4zMTZDNDg1LjEzNCA0MC4zMTYgNDg0LjU5IDQwLjUzNiA0ODQuMTgyIDQwLjk3NkM0ODMuNzgyIDQxLjQxNiA0ODMuNTgyIDQyLjAxMiA0ODMuNTgyIDQyLjc2NEM0ODMuNTgyIDQzLjUwOCA0ODMuNzgyIDQ0LjEwNCA0ODQuMTgyIDQ0LjU1MkM0ODQuNTkgNDQuOTkyIDQ4NS4xMzQgNDUuMjEyIDQ4NS44MTQgNDUuMjEyWk00OTcuNjg0IDQxLjI4OEM0OTcuNjg0IDQxLjc3NiA0OTcuNTcyIDQyLjIyNCA0OTcuMzQ4IDQyLjYzMkM0OTcuMTI0IDQzLjAzMiA0OTYuNzggNDMuMzU2IDQ5Ni4zMTYgNDMuNjA0QzQ5NS44NTIgNDMuODUyIDQ5NS4yNzYgNDMuOTc2IDQ5NC41ODggNDMuOTc2SDQ5My4zMTZWNDdINDkxLjI2NFYzOC41NzZINDk0LjU4OEM0OTUuMjYgMzguNTc2IDQ5NS44MjggMzguNjkyIDQ5Ni4yOTIgMzguOTI0QzQ5Ni43NTYgMzkuMTU2IDQ5Ny4xMDQgMzkuNDc2IDQ5Ny4zMzYgMzkuODg0QzQ5Ny41NjggNDAuMjkyIDQ5Ny42ODQgNDAuNzYgNDk3LjY4NCA0MS4yODhaTTQ5NC40MzIgNDIuMzQ0QzQ5NC44MjQgNDIuMzQ0IDQ5NS4xMTYgNDIuMjUyIDQ5NS4zMDggNDIuMDY4QzQ5NS41IDQxLjg4NCA0OTUuNTk2IDQxLjYyNCA0OTUuNTk2IDQxLjI4OEM0OTUuNTk2IDQwLjk1MiA0OTUuNSA0MC42OTIgNDk1LjMwOCA0MC41MDhDNDk1LjExNiA0MC4zMjQgNDk0LjgyNCA0MC4yMzIgNDk0LjQzMiA0MC4yMzJINDkzLjMxNlY0Mi4zNDRINDk0LjQzMlpNNTA0LjgxMiAzOC41NzZWNDAuMjJINTAyLjU4VjQ3SDUwMC41MjhWNDAuMjJINDk4LjI5NlYzOC41NzZINTA0LjgxMlpNNTA3Ljg5NCAzOC41NzZWNDdINTA1Ljg0MlYzOC41NzZINTA3Ljg5NFpNNTE4LjkyMSAzOC41NzZWNDdINTE2Ljg2OVY0MS45NDhMNTE0Ljk4NSA0N0g1MTMuMzI5TDUxMS40MzMgNDEuOTM2VjQ3SDUwOS4zODFWMzguNTc2SDUxMS44MDVMNTE0LjE2OSA0NC40MDhMNTE2LjUwOSAzOC41NzZINTE4LjkyMVpNNTI1LjY0IDQ1LjUxMkg1MjIuNDk2TDUyMS45OTIgNDdINTE5Ljg0NEw1MjIuODkyIDM4LjU3Nkg1MjUuMjY4TDUyOC4zMTYgNDdINTI2LjE0NEw1MjUuNjQgNDUuNTEyWk01MjUuMTEyIDQzLjkyOEw1MjQuMDY4IDQwLjg0NEw1MjMuMDM2IDQzLjkyOEg1MjUuMTEyWk01MzEuMjk2IDQ1LjQxNkg1MzMuOTg0VjQ3SDUyOS4yNDRWMzguNTc2SDUzMS4yOTZWNDUuNDE2Wk01NDMuOTI2IDQxLjI4OEM1NDMuOTI2IDQxLjc3NiA1NDMuODE0IDQyLjIyNCA1NDMuNTkgNDIuNjMyQzU0My4zNjYgNDMuMDMyIDU0My4wMjIgNDMuMzU2IDU0Mi41NTggNDMuNjA0QzU0Mi4wOTQgNDMuODUyIDU0MS41MTggNDMuOTc2IDU0MC44MyA0My45NzZINTM5LjU1OFY0N0g1MzcuNTA2VjM4LjU3Nkg1NDAuODNDNTQxLjUwMiAzOC41NzYgNTQyLjA3IDM4LjY5MiA1NDIuNTM0IDM4LjkyNEM1NDIuOTk4IDM5LjE1NiA1NDMuMzQ2IDM5LjQ3NiA1NDMuNTc4IDM5Ljg4NEM1NDMuODEgNDAuMjkyIDU0My45MjYgNDAuNzYgNTQzLjkyNiA0MS4yODhaTTU0MC42NzQgNDIuMzQ0QzU0MS4wNjYgNDIuMzQ0IDU0MS4zNTggNDIuMjUyIDU0MS41NSA0Mi4wNjhDNTQxLjc0MiA0MS44ODQgNTQxLjgzOCA0MS42MjQgNTQxLjgzOCA0MS4yODhDNTQxLjgzOCA0MC45NTIgNTQxLjc0MiA0MC42OTIgNTQxLjU1IDQwLjUwOEM1NDEuMzU4IDQwLjMyNCA1NDEuMDY2IDQwLjIzMiA1NDAuNjc0IDQwLjIzMkg1MzkuNTU4VjQyLjM0NEg1NDAuNjc0Wk01NDcuMDQ2IDQwLjIyVjQxLjkyNEg1NDkuNzk0VjQzLjUwOEg1NDcuMDQ2VjQ1LjM1Nkg1NTAuMTU0VjQ3SDU0NC45OTRWMzguNTc2SDU1MC4xNTRWNDAuMjJINTQ3LjA0NlpNNTU1Ljc4MiA0N0w1NTQuMDMgNDMuODJINTUzLjUzOFY0N0g1NTEuNDg2VjM4LjU3Nkg1NTQuOTNDNTU1LjU5NCAzOC41NzYgNTU2LjE1OCAzOC42OTIgNTU2LjYyMiAzOC45MjRDNTU3LjA5NCAzOS4xNTYgNTU3LjQ0NiAzOS40NzYgNTU3LjY3OCAzOS44ODRDNTU3LjkxIDQwLjI4NCA1NTguMDI2IDQwLjczMiA1NTguMDI2IDQxLjIyOEM1NTguMDI2IDQxLjc4OCA1NTcuODY2IDQyLjI4OCA1NTcuNTQ2IDQyLjcyOEM1NTcuMjM0IDQzLjE2OCA1NTYuNzcgNDMuNDggNTU2LjE1NCA0My42NjRMNTU4LjA5OCA0N0g1NTUuNzgyWk01NTMuNTM4IDQyLjM2OEg1NTQuODFDNTU1LjE4NiA0Mi4zNjggNTU1LjQ2NiA0Mi4yNzYgNTU1LjY1IDQyLjA5MkM1NTUuODQyIDQxLjkwOCA1NTUuOTM4IDQxLjY0OCA1NTUuOTM4IDQxLjMxMkM1NTUuOTM4IDQwLjk5MiA1NTUuODQyIDQwLjc0IDU1NS42NSA0MC41NTZDNTU1LjQ2NiA0MC4zNzIgNTU1LjE4NiA0MC4yOCA1NTQuODEgNDAuMjhINTUzLjUzOFY0Mi4zNjhaTTU2NC43OTggMzguNTc2VjQwLjIySDU2MS4zNjZWNDEuOTk2SDU2My45MzRWNDMuNTkySDU2MS4zNjZWNDdINTU5LjMxNFYzOC41NzZINTY0Ljc5OFpNNTY5Ljg2MSA0Ny4wODRDNTY5LjA2OSA0Ny4wODQgNTY4LjM0MSA0Ni45IDU2Ny42NzcgNDYuNTMyQzU2Ny4wMjEgNDYuMTY0IDU2Ni40OTcgNDUuNjUyIDU2Ni4xMDUgNDQuOTk2QzU2NS43MjEgNDQuMzMyIDU2NS41MjkgNDMuNTg4IDU2NS41MjkgNDIuNzY0QzU2NS41MjkgNDEuOTQgNTY1LjcyMSA0MS4yIDU2Ni4xMDUgNDAuNTQ0QzU2Ni40OTcgMzkuODg4IDU2Ny4wMjEgMzkuMzc2IDU2Ny42NzcgMzkuMDA4QzU2OC4zNDEgMzguNjQgNTY5LjA2OSAzOC40NTYgNTY5Ljg2MSAzOC40NTZDNTcwLjY1MyAzOC40NTYgNTcxLjM3NyAzOC42NCA1NzIuMDMzIDM5LjAwOEM1NzIuNjk3IDM5LjM3NiA1NzMuMjE3IDM5Ljg4OCA1NzMuNTkzIDQwLjU0NEM1NzMuOTc3IDQxLjIgNTc0LjE2OSA0MS45NCA1NzQuMTY5IDQyLjc2NEM1NzQuMTY5IDQzLjU4OCA1NzMuOTc3IDQ0LjMzMiA1NzMuNTkzIDQ0Ljk5NkM1NzMuMjA5IDQ1LjY1MiA1NzIuNjg5IDQ2LjE2NCA1NzIuMDMzIDQ2LjUzMkM1NzEuMzc3IDQ2LjkgNTcwLjY1MyA0Ny4wODQgNTY5Ljg2MSA0Ny4wODRaTTU2OS44NjEgNDUuMjEyQzU3MC41MzMgNDUuMjEyIDU3MS4wNjkgNDQuOTg4IDU3MS40NjkgNDQuNTRDNTcxLjg3NyA0NC4wOTIgNTcyLjA4MSA0My41IDU3Mi4wODEgNDIuNzY0QzU3Mi4wODEgNDIuMDIgNTcxLjg3NyA0MS40MjggNTcxLjQ2OSA0MC45ODhDNTcxLjA2OSA0MC41NCA1NzAuNTMzIDQwLjMxNiA1NjkuODYxIDQwLjMxNkM1NjkuMTgxIDQwLjMxNiA1NjguNjM3IDQwLjUzNiA1NjguMjI5IDQwLjk3NkM1NjcuODI5IDQxLjQxNiA1NjcuNjI5IDQyLjAxMiA1NjcuNjI5IDQyLjc2NEM1NjcuNjI5IDQzLjUwOCA1NjcuODI5IDQ0LjEwNCA1NjguMjI5IDQ0LjU1MkM1NjguNjM3IDQ0Ljk5MiA1NjkuMTgxIDQ1LjIxMiA1NjkuODYxIDQ1LjIxMlpNNTc5LjYwNiA0N0w1NzcuODU0IDQzLjgySDU3Ny4zNjJWNDdINTc1LjMxVjM4LjU3Nkg1NzguNzU0QzU3OS40MTggMzguNTc2IDU3OS45ODIgMzguNjkyIDU4MC40NDYgMzguOTI0QzU4MC45MTggMzkuMTU2IDU4MS4yNyAzOS40NzYgNTgxLjUwMiAzOS44ODRDNTgxLjczNCA0MC4yODQgNTgxLjg1IDQwLjczMiA1ODEuODUgNDEuMjI4QzU4MS44NSA0MS43ODggNTgxLjY5IDQyLjI4OCA1ODEuMzcgNDIuNzI4QzU4MS4wNTggNDMuMTY4IDU4MC41OTQgNDMuNDggNTc5Ljk3OCA0My42NjRMNTgxLjkyMiA0N0g1NzkuNjA2Wk01NzcuMzYyIDQyLjM2OEg1NzguNjM0QzU3OS4wMSA0Mi4zNjggNTc5LjI5IDQyLjI3NiA1NzkuNDc0IDQyLjA5MkM1NzkuNjY2IDQxLjkwOCA1NzkuNzYyIDQxLjY0OCA1NzkuNzYyIDQxLjMxMkM1NzkuNzYyIDQwLjk5MiA1NzkuNjY2IDQwLjc0IDU3OS40NzQgNDAuNTU2QzU3OS4yOSA0MC4zNzIgNTc5LjAxIDQwLjI4IDU3OC42MzQgNDAuMjhINTc3LjM2MlY0Mi4zNjhaTTU5Mi42NzkgMzguNTc2VjQ3SDU5MC42MjdWNDEuOTQ4TDU4OC43NDMgNDdINTg3LjA4N0w1ODUuMTkxIDQxLjkzNlY0N0g1ODMuMTM5VjM4LjU3Nkg1ODUuNTYzTDU4Ny45MjcgNDQuNDA4TDU5MC4yNjcgMzguNTc2SDU5Mi42NzlaTTU5OS4zOTggNDUuNTEySDU5Ni4yNTRMNTk1Ljc1IDQ3SDU5My42MDJMNTk2LjY1IDM4LjU3Nkg1OTkuMDI2TDYwMi4wNzQgNDdINTk5LjkwMkw1OTkuMzk4IDQ1LjUxMlpNNTk4Ljg3IDQzLjkyOEw1OTcuODI2IDQwLjg0NEw1OTYuNzk0IDQzLjkyOEg1OTguODdaTTYxMC41MzggNDdINjA4LjQ4Nkw2MDUuMDU0IDQxLjgwNFY0N0g2MDMuMDAyVjM4LjU3Nkg2MDUuMDU0TDYwOC40ODYgNDMuNzk2VjM4LjU3Nkg2MTAuNTM4VjQ3Wk02MTEuNjc3IDQyLjc3NkM2MTEuNjc3IDQxLjk0NCA2MTEuODU3IDQxLjIwNCA2MTIuMjE3IDQwLjU1NkM2MTIuNTc3IDM5LjkgNjEzLjA3NyAzOS4zOTIgNjEzLjcxNyAzOS4wMzJDNjE0LjM2NSAzOC42NjQgNjE1LjA5NyAzOC40OCA2MTUuOTEzIDM4LjQ4QzYxNi45MTMgMzguNDggNjE3Ljc2OSAzOC43NDQgNjE4LjQ4MSAzOS4yNzJDNjE5LjE5MyAzOS44IDYxOS42NjkgNDAuNTIgNjE5LjkwOSA0MS40MzJINjE3LjY1M0M2MTcuNDg1IDQxLjA4IDYxNy4yNDUgNDAuODEyIDYxNi45MzMgNDAuNjI4QzYxNi42MjkgNDAuNDQ0IDYxNi4yODEgNDAuMzUyIDYxNS44ODkgNDAuMzUyQzYxNS4yNTcgNDAuMzUyIDYxNC43NDUgNDAuNTcyIDYxNC4zNTMgNDEuMDEyQzYxMy45NjEgNDEuNDUyIDYxMy43NjUgNDIuMDQgNjEzLjc2NSA0Mi43NzZDNjEzLjc2NSA0My41MTIgNjEzLjk2MSA0NC4xIDYxNC4zNTMgNDQuNTRDNjE0Ljc0NSA0NC45OCA2MTUuMjU3IDQ1LjIgNjE1Ljg4OSA0NS4yQzYxNi4yODEgNDUuMiA2MTYuNjI5IDQ1LjEwOCA2MTYuOTMzIDQ0LjkyNEM2MTcuMjQ1IDQ0Ljc0IDYxNy40ODUgNDQuNDcyIDYxNy42NTMgNDQuMTJINjE5LjkwOUM2MTkuNjY5IDQ1LjAzMiA2MTkuMTkzIDQ1Ljc1MiA2MTguNDgxIDQ2LjI4QzYxNy43NjkgNDYuOCA2MTYuOTEzIDQ3LjA2IDYxNS45MTMgNDcuMDZDNjE1LjA5NyA0Ny4wNiA2MTQuMzY1IDQ2Ljg4IDYxMy43MTcgNDYuNTJDNjEzLjA3NyA0Ni4xNTIgNjEyLjU3NyA0NS42NDQgNjEyLjIxNyA0NC45OTZDNjExLjg1NyA0NC4zNDggNjExLjY3NyA0My42MDggNjExLjY3NyA0Mi43NzZaTTYyMy4yMTggNDAuMjJWNDEuOTI0SDYyNS45NjZWNDMuNTA4SDYyMy4yMThWNDUuMzU2SDYyNi4zMjZWNDdINjIxLjE2NlYzOC41NzZINjI2LjMyNlY0MC4yMkg2MjMuMjE4WiIgZmlsbD0iIzI0MjQyNCIvPg0KPHBhdGggb3BhY2l0eT0iMC41NiIgZD0iTTc3NC45NTMgNDUuMzJINzc4LjU3N1Y0N0g3NzIuNjI1VjQ1LjQ0TDc3Ni4yMjUgNDAuMjU2SDc3Mi42MjVWMzguNTc2SDc3OC41NzdWNDAuMTM2TDc3NC45NTMgNDUuMzJaTTc4My45MDIgNDcuMDg0Qzc4My4xMSA0Ny4wODQgNzgyLjM4MiA0Ni45IDc4MS43MTggNDYuNTMyQzc4MS4wNjIgNDYuMTY0IDc4MC41MzggNDUuNjUyIDc4MC4xNDYgNDQuOTk2Qzc3OS43NjIgNDQuMzMyIDc3OS41NyA0My41ODggNzc5LjU3IDQyLjc2NEM3NzkuNTcgNDEuOTQgNzc5Ljc2MiA0MS4yIDc4MC4xNDYgNDAuNTQ0Qzc4MC41MzggMzkuODg4IDc4MS4wNjIgMzkuMzc2IDc4MS43MTggMzkuMDA4Qzc4Mi4zODIgMzguNjQgNzgzLjExIDM4LjQ1NiA3ODMuOTAyIDM4LjQ1NkM3ODQuNjk0IDM4LjQ1NiA3ODUuNDE4IDM4LjY0IDc4Ni4wNzQgMzkuMDA4Qzc4Ni43MzggMzkuMzc2IDc4Ny4yNTggMzkuODg4IDc4Ny42MzQgNDAuNTQ0Qzc4OC4wMTggNDEuMiA3ODguMjEgNDEuOTQgNzg4LjIxIDQyLjc2NEM3ODguMjEgNDMuNTg4IDc4OC4wMTggNDQuMzMyIDc4Ny42MzQgNDQuOTk2Qzc4Ny4yNSA0NS42NTIgNzg2LjczIDQ2LjE2NCA3ODYuMDc0IDQ2LjUzMkM3ODUuNDE4IDQ2LjkgNzg0LjY5NCA0Ny4wODQgNzgzLjkwMiA0Ny4wODRaTTc4My45MDIgNDUuMjEyQzc4NC41NzQgNDUuMjEyIDc4NS4xMSA0NC45ODggNzg1LjUxIDQ0LjU0Qzc4NS45MTggNDQuMDkyIDc4Ni4xMjIgNDMuNSA3ODYuMTIyIDQyLjc2NEM3ODYuMTIyIDQyLjAyIDc4NS45MTggNDEuNDI4IDc4NS41MSA0MC45ODhDNzg1LjExIDQwLjU0IDc4NC41NzQgNDAuMzE2IDc4My45MDIgNDAuMzE2Qzc4My4yMjIgNDAuMzE2IDc4Mi42NzggNDAuNTM2IDc4Mi4yNyA0MC45NzZDNzgxLjg3IDQxLjQxNiA3ODEuNjcgNDIuMDEyIDc4MS42NyA0Mi43NjRDNzgxLjY3IDQzLjUwOCA3ODEuODcgNDQuMTA0IDc4Mi4yNyA0NC41NTJDNzgyLjY3OCA0NC45OTIgNzgzLjIyMiA0NS4yMTIgNzgzLjkwMiA0NS4yMTJaTTc5Ni44ODcgNDdINzk0LjgzNUw3OTEuNDAzIDQxLjgwNFY0N0g3ODkuMzUxVjM4LjU3Nkg3OTEuNDAzTDc5NC44MzUgNDMuNzk2VjM4LjU3Nkg3OTYuODg3VjQ3Wk04MDAuNDI3IDQwLjIyVjQxLjkyNEg4MDMuMTc1VjQzLjUwOEg4MDAuNDI3VjQ1LjM1Nkg4MDMuNTM1VjQ3SDc5OC4zNzVWMzguNTc2SDgwMy41MzVWNDAuMjJIODAwLjQyN1pNODExLjM5NCA0Ny4wODRDODEwLjYwMiA0Ny4wODQgODA5Ljg3NCA0Ni45IDgwOS4yMSA0Ni41MzJDODA4LjU1NCA0Ni4xNjQgODA4LjAzIDQ1LjY1MiA4MDcuNjM4IDQ0Ljk5NkM4MDcuMjU0IDQ0LjMzMiA4MDcuMDYyIDQzLjU4OCA4MDcuMDYyIDQyLjc2NEM4MDcuMDYyIDQxLjk0IDgwNy4yNTQgNDEuMiA4MDcuNjM4IDQwLjU0NEM4MDguMDMgMzkuODg4IDgwOC41NTQgMzkuMzc2IDgwOS4yMSAzOS4wMDhDODA5Ljg3NCAzOC42NCA4MTAuNjAyIDM4LjQ1NiA4MTEuMzk0IDM4LjQ1NkM4MTIuMTg2IDM4LjQ1NiA4MTIuOTEgMzguNjQgODEzLjU2NiAzOS4wMDhDODE0LjIzIDM5LjM3NiA4MTQuNzUgMzkuODg4IDgxNS4xMjYgNDAuNTQ0QzgxNS41MSA0MS4yIDgxNS43MDIgNDEuOTQgODE1LjcwMiA0Mi43NjRDODE1LjcwMiA0My41ODggODE1LjUxIDQ0LjMzMiA4MTUuMTI2IDQ0Ljk5NkM4MTQuNzQyIDQ1LjY1MiA4MTQuMjIyIDQ2LjE2NCA4MTMuNTY2IDQ2LjUzMkM4MTIuOTEgNDYuOSA4MTIuMTg2IDQ3LjA4NCA4MTEuMzk0IDQ3LjA4NFpNODExLjM5NCA0NS4yMTJDODEyLjA2NiA0NS4yMTIgODEyLjYwMiA0NC45ODggODEzLjAwMiA0NC41NEM4MTMuNDEgNDQuMDkyIDgxMy42MTQgNDMuNSA4MTMuNjE0IDQyLjc2NEM4MTMuNjE0IDQyLjAyIDgxMy40MSA0MS40MjggODEzLjAwMiA0MC45ODhDODEyLjYwMiA0MC41NCA4MTIuMDY2IDQwLjMxNiA4MTEuMzk0IDQwLjMxNkM4MTAuNzE0IDQwLjMxNiA4MTAuMTcgNDAuNTM2IDgwOS43NjIgNDAuOTc2QzgwOS4zNjIgNDEuNDE2IDgwOS4xNjIgNDIuMDEyIDgwOS4xNjIgNDIuNzY0QzgwOS4xNjIgNDMuNTA4IDgwOS4zNjIgNDQuMTA0IDgwOS43NjIgNDQuNTUyQzgxMC4xNyA0NC45OTIgODEwLjcxNCA0NS4yMTIgODExLjM5NCA0NS4yMTJaTTgyMi4zMjggMzguNTc2VjQwLjIySDgxOC44OTZWNDEuOTk2SDgyMS40NjRWNDMuNTkySDgxOC44OTZWNDdIODE2Ljg0NFYzOC41NzZIODIyLjMyOFpNODI5LjEwNSAzOC41NzZDODI5Ljk5MyAzOC41NzYgODMwLjc2OSAzOC43NTIgODMxLjQzMyAzOS4xMDRDODMyLjA5NyAzOS40NTYgODMyLjYwOSAzOS45NTIgODMyLjk2OSA0MC41OTJDODMzLjMzNyA0MS4yMjQgODMzLjUyMSA0MS45NTYgODMzLjUyMSA0Mi43ODhDODMzLjUyMSA0My42MTIgODMzLjMzNyA0NC4zNDQgODMyLjk2OSA0NC45ODRDODMyLjYwOSA0NS42MjQgODMyLjA5MyA0Ni4xMiA4MzEuNDIxIDQ2LjQ3MkM4MzAuNzU3IDQ2LjgyNCA4MjkuOTg1IDQ3IDgyOS4xMDUgNDdIODI1Ljk0OVYzOC41NzZIODI5LjEwNVpNODI4Ljk3MyA0NS4yMjRDODI5Ljc0OSA0NS4yMjQgODMwLjM1MyA0NS4wMTIgODMwLjc4NSA0NC41ODhDODMxLjIxNyA0NC4xNjQgODMxLjQzMyA0My41NjQgODMxLjQzMyA0Mi43ODhDODMxLjQzMyA0Mi4wMTIgODMxLjIxNyA0MS40MDggODMwLjc4NSA0MC45NzZDODMwLjM1MyA0MC41NDQgODI5Ljc0OSA0MC4zMjggODI4Ljk3MyA0MC4zMjhIODI4LjAwMVY0NS4yMjRIODI4Ljk3M1pNODM2LjcyIDQwLjIyVjQxLjkyNEg4MzkuNDY4VjQzLjUwOEg4MzYuNzJWNDUuMzU2SDgzOS44MjhWNDdIODM0LjY2OFYzOC41NzZIODM5LjgyOFY0MC4yMkg4MzYuNzJaTTg0My4yMTIgNDUuNDE2SDg0NS45VjQ3SDg0MS4xNlYzOC41NzZIODQzLjIxMlY0NS40MTZaTTg0OC44OTUgMzguNTc2VjQzLjYxNkM4NDguODk1IDQ0LjEyIDg0OS4wMTkgNDQuNTA4IDg0OS4yNjcgNDQuNzhDODQ5LjUxNSA0NS4wNTIgODQ5Ljg3OSA0NS4xODggODUwLjM1OSA0NS4xODhDODUwLjgzOSA0NS4xODggODUxLjIwNyA0NS4wNTIgODUxLjQ2MyA0NC43OEM4NTEuNzE5IDQ0LjUwOCA4NTEuODQ3IDQ0LjEyIDg1MS44NDcgNDMuNjE2VjM4LjU3Nkg4NTMuODk5VjQzLjYwNEM4NTMuODk5IDQ0LjM1NiA4NTMuNzM5IDQ0Ljk5MiA4NTMuNDE5IDQ1LjUxMkM4NTMuMDk5IDQ2LjAzMiA4NTIuNjY3IDQ2LjQyNCA4NTIuMTIzIDQ2LjY4OEM4NTEuNTg3IDQ2Ljk1MiA4NTAuOTg3IDQ3LjA4NCA4NTAuMzIzIDQ3LjA4NEM4NDkuNjU5IDQ3LjA4NCA4NDkuMDYzIDQ2Ljk1NiA4NDguNTM1IDQ2LjdDODQ4LjAxNSA0Ni40MzYgODQ3LjYwMyA0Ni4wNDQgODQ3LjI5OSA0NS41MjRDODQ2Ljk5NSA0NC45OTYgODQ2Ljg0MyA0NC4zNTYgODQ2Ljg0MyA0My42MDRWMzguNTc2SDg0OC44OTVaTTg1OC4zODggNDcuMDg0Qzg1Ny43NzIgNDcuMDg0IDg1Ny4yMiA0Ni45ODQgODU2LjczMiA0Ni43ODRDODU2LjI0NCA0Ni41ODQgODU1Ljg1MiA0Ni4yODggODU1LjU1NiA0NS44OTZDODU1LjI2OCA0NS41MDQgODU1LjExNiA0NS4wMzIgODU1LjEgNDQuNDhIODU3LjI4NEM4NTcuMzE2IDQ0Ljc5MiA4NTcuNDI0IDQ1LjAzMiA4NTcuNjA4IDQ1LjJDODU3Ljc5MiA0NS4zNiA4NTguMDMyIDQ1LjQ0IDg1OC4zMjggNDUuNDRDODU4LjYzMiA0NS40NCA4NTguODcyIDQ1LjM3MiA4NTkuMDQ4IDQ1LjIzNkM4NTkuMjI0IDQ1LjA5MiA4NTkuMzEyIDQ0Ljg5NiA4NTkuMzEyIDQ0LjY0OEM4NTkuMzEyIDQ0LjQ0IDg1OS4yNCA0NC4yNjggODU5LjA5NiA0NC4xMzJDODU4Ljk2IDQzLjk5NiA4NTguNzg4IDQzLjg4NCA4NTguNTggNDMuNzk2Qzg1OC4zOCA0My43MDggODU4LjA5MiA0My42MDggODU3LjcxNiA0My40OTZDODU3LjE3MiA0My4zMjggODU2LjcyOCA0My4xNiA4NTYuMzg0IDQyLjk5MkM4NTYuMDQgNDIuODI0IDg1NS43NDQgNDIuNTc2IDg1NS40OTYgNDIuMjQ4Qzg1NS4yNDggNDEuOTIgODU1LjEyNCA0MS40OTIgODU1LjEyNCA0MC45NjRDODU1LjEyNCA0MC4xOCA4NTUuNDA4IDM5LjU2OCA4NTUuOTc2IDM5LjEyOEM4NTYuNTQ0IDM4LjY4IDg1Ny4yODQgMzguNDU2IDg1OC4xOTYgMzguNDU2Qzg1OS4xMjQgMzguNDU2IDg1OS44NzIgMzguNjggODYwLjQ0IDM5LjEyOEM4NjEuMDA4IDM5LjU2OCA4NjEuMzEyIDQwLjE4NCA4NjEuMzUyIDQwLjk3Nkg4NTkuMTMyQzg1OS4xMTYgNDAuNzA0IDg1OS4wMTYgNDAuNDkyIDg1OC44MzIgNDAuMzRDODU4LjY0OCA0MC4xOCA4NTguNDEyIDQwLjEgODU4LjEyNCA0MC4xQzg1Ny44NzYgNDAuMSA4NTcuNjc2IDQwLjE2OCA4NTcuNTI0IDQwLjMwNEM4NTcuMzcyIDQwLjQzMiA4NTcuMjk2IDQwLjYyIDg1Ny4yOTYgNDAuODY4Qzg1Ny4yOTYgNDEuMTQgODU3LjQyNCA0MS4zNTIgODU3LjY4IDQxLjUwNEM4NTcuOTM2IDQxLjY1NiA4NTguMzM2IDQxLjgyIDg1OC44OCA0MS45OTZDODU5LjQyNCA0Mi4xOCA4NTkuODY0IDQyLjM1NiA4NjAuMiA0Mi41MjRDODYwLjU0NCA0Mi42OTIgODYwLjg0IDQyLjkzNiA4NjEuMDg4IDQzLjI1NkM4NjEuMzM2IDQzLjU3NiA4NjEuNDYgNDMuOTg4IDg2MS40NiA0NC40OTJDODYxLjQ2IDQ0Ljk3MiA4NjEuMzM2IDQ1LjQwOCA4NjEuMDg4IDQ1LjhDODYwLjg0OCA0Ni4xOTIgODYwLjQ5NiA0Ni41MDQgODYwLjAzMiA0Ni43MzZDODU5LjU2OCA0Ni45NjggODU5LjAyIDQ3LjA4NCA4NTguMzg4IDQ3LjA4NFpNODY0Ljc3NSAzOC41NzZWNDdIODYyLjcyM1YzOC41NzZIODY0Ljc3NVpNODcwLjI0NiA0Ny4wODRDODY5LjQ1NCA0Ny4wODQgODY4LjcyNiA0Ni45IDg2OC4wNjIgNDYuNTMyQzg2Ny40MDYgNDYuMTY0IDg2Ni44ODIgNDUuNjUyIDg2Ni40OSA0NC45OTZDODY2LjEwNiA0NC4zMzIgODY1LjkxNCA0My41ODggODY1LjkxNCA0Mi43NjRDODY1LjkxNCA0MS45NCA4NjYuMTA2IDQxLjIgODY2LjQ5IDQwLjU0NEM4NjYuODgyIDM5Ljg4OCA4NjcuNDA2IDM5LjM3NiA4NjguMDYyIDM5LjAwOEM4NjguNzI2IDM4LjY0IDg2OS40NTQgMzguNDU2IDg3MC4yNDYgMzguNDU2Qzg3MS4wMzggMzguNDU2IDg3MS43NjIgMzguNjQgODcyLjQxOCAzOS4wMDhDODczLjA4MiAzOS4zNzYgODczLjYwMiAzOS44ODggODczLjk3OCA0MC41NDRDODc0LjM2MiA0MS4yIDg3NC41NTQgNDEuOTQgODc0LjU1NCA0Mi43NjRDODc0LjU1NCA0My41ODggODc0LjM2MiA0NC4zMzIgODczLjk3OCA0NC45OTZDODczLjU5NCA0NS42NTIgODczLjA3NCA0Ni4xNjQgODcyLjQxOCA0Ni41MzJDODcxLjc2MiA0Ni45IDg3MS4wMzggNDcuMDg0IDg3MC4yNDYgNDcuMDg0Wk04NzAuMjQ2IDQ1LjIxMkM4NzAuOTE4IDQ1LjIxMiA4NzEuNDU0IDQ0Ljk4OCA4NzEuODU0IDQ0LjU0Qzg3Mi4yNjIgNDQuMDkyIDg3Mi40NjYgNDMuNSA4NzIuNDY2IDQyLjc2NEM4NzIuNDY2IDQyLjAyIDg3Mi4yNjIgNDEuNDI4IDg3MS44NTQgNDAuOTg4Qzg3MS40NTQgNDAuNTQgODcwLjkxOCA0MC4zMTYgODcwLjI0NiA0MC4zMTZDODY5LjU2NiA0MC4zMTYgODY5LjAyMiA0MC41MzYgODY4LjYxNCA0MC45NzZDODY4LjIxNCA0MS40MTYgODY4LjAxNCA0Mi4wMTIgODY4LjAxNCA0Mi43NjRDODY4LjAxNCA0My41MDggODY4LjIxNCA0NC4xMDQgODY4LjYxNCA0NC41NTJDODY5LjAyMiA0NC45OTIgODY5LjU2NiA0NS4yMTIgODcwLjI0NiA0NS4yMTJaTTg4My4yMzEgNDdIODgxLjE3OUw4NzcuNzQ3IDQxLjgwNFY0N0g4NzUuNjk1VjM4LjU3Nkg4NzcuNzQ3TDg4MS4xNzkgNDMuNzk2VjM4LjU3Nkg4ODMuMjMxVjQ3WiIgZmlsbD0iIzI0MjQyNCIvPg0KPGcgb3BhY2l0eT0iMC41NiI+DQo8cGF0aCBkPSJNNDE2LjY4OCAyNy42NDM3TDQyMC42NjMgMzUuMDcwOEw0MTguODU0IDM2LjAzOTFMNDE0Ljg3OSAyOC42MTIxTDQxNi42ODggMjcuNjQzN1oiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00MjAuODUzIDI1LjQ4NDJDNDIxLjY0OSAyNS4wODk0IDQyMi40MjIgMjQuOTAyMSA0MjMuMTczIDI0LjkyMjJDNDIzLjkyNSAyNC45NDIzIDQyNC42MDQgMjUuMTU5IDQyNS4yMTEgMjUuNTcyM0M0MjUuODIxIDI1Ljk3NDggNDI2LjMxMiAyNi41NDg3IDQyNi42ODEgMjcuMjk0QzQyNy4wNDggMjguMDMyMSA0MjcuMjA4IDI4Ljc2OTYgNDI3LjE2MyAyOS41MDY0QzQyNy4xMjUgMzAuMjM5OCA0MjYuODg0IDMwLjkxMzQgNDI2LjQzOCAzMS41Mjc1QzQyNiAzMi4xMzggNDI1LjM4NiAzMi42Mzg4IDQyNC41OTggMzMuMDNMNDIxLjc3MSAzNC40MzNMNDE4LjAyNiAyNi44ODcxTDQyMC44NTMgMjUuNDg0MlpNNDIzLjY5IDMxLjQ5NzhDNDI0LjM4NiAzMS4xNTI5IDQyNC44MzIgMzAuNjk0NCA0MjUuMDMxIDMwLjEyMjZDNDI1LjIyOSAyOS41NTA4IDQyNS4xNTYgMjguOTE3MyA0MjQuODExIDI4LjIyMjJDNDI0LjQ2NiAyNy41MjcxIDQyNC4wMDQgMjcuMDgyMSA0MjMuNDI1IDI2Ljg4NzFDNDIyLjg0NiAyNi42OTIyIDQyMi4yMDkgMjYuNzY3MiA0MjEuNTE0IDI3LjExMjJMNDIwLjY0MyAyNy41NDQzTDQyMi44MiAzMS45Mjk5TDQyMy42OSAzMS40OTc4WiIgZmlsbD0iIzI0MjQyNCIvPg0KPHBhdGggZD0iTTQyOS41NDcgMjMuMTYxN0w0MzAuMjQxIDI0LjcxNzlMNDMyLjc1IDIzLjU5ODZMNDMzLjM5NSAyNS4wNDUzTDQzMC44ODYgMjYuMTY0Nkw0MzEuNjM4IDI3Ljg1MjNMNDM0LjQ3NyAyNi41ODY0TDQzNS4xNDcgMjguMDg3OEw0MzAuNDM0IDMwLjE4OTZMNDI3LjAwMyAyMi40OTZMNDMxLjcxNSAyMC4zOTQzTDQzMi4zODUgMjEuODk1N0w0MjkuNTQ3IDIzLjE2MTdaIiBmaWxsPSIjMjQyNDI0Ii8+DQo8cGF0aCBkPSJNNDQwLjgwNCAyNC4xNDU3TDQzNy44ODcgMjUuMzE3M0w0MzcuOTc0IDI2Ljg4NTlMNDM1Ljk4IDI3LjY4NjRMNDM1LjY3IDE4LjczMzNMNDM3Ljg3NSAxNy44NDc5TDQ0My44NDIgMjQuNTI5M0w0NDEuODI3IDI1LjMzODdMNDQwLjgwNCAyNC4xNDU3Wk00MzkuNzI0IDIyLjg3MjVMNDM3LjYwNiAyMC4zOTk3TDQzNy43OTggMjMuNjQ2Mkw0MzkuNzI0IDIyLjg3MjVaIiBmaWxsPSIjMjQyNDI0Ii8+DQo8cGF0aCBkPSJNNDQ1LjggMjIuMTQ0N0w0NDguMzI3IDIxLjIyODNMNDQ4Ljg2NyAyMi43MTc0TDQ0NC40MTEgMjQuMzMzM0w0NDEuNTM5IDE2LjQxNEw0NDMuNDY4IDE1LjcxNDRMNDQ1LjggMjIuMTQ0N1oiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NTMuODU5IDE5LjI2MzhMNDU3LjMxNiAxOC4xNzhMNDU3LjgyIDE5Ljc4MDhMNDUyLjE0MSAyMS41NjQxTDQ1MS42NzQgMjAuMDc1OEw0NTMuNTU1IDE0LjA1MTNMNDUwLjEyMSAxNS4xMjk5TDQ0OS42MTcgMTMuNTI3MUw0NTUuMjk2IDExLjc0MzhMNDU1Ljc2MyAxMy4yMzIxTDQ1My44NTkgMTkuMjYzOFoiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NjQuMTQgMTguMDQ1NEM0NjMuMzc2IDE4LjI1MjcgNDYyLjYyNSAxOC4yNjU2IDQ2MS44ODggMTguMDg0M0M0NjEuMTU4IDE3LjkwMDggNDYwLjUxOSAxNy41NDM4IDQ1OS45NjkgMTcuMDEzM0M0NTkuNDI0IDE2LjQ3MjkgNDU5LjA0NCAxNS44MDUxIDQ1OC44MjggMTUuMDA5OEM0NTguNjEzIDE0LjIxNDYgNDU4LjYwNCAxMy40NTAxIDQ1OC44MDMgMTIuNzE2NUM0NTkuMDEgMTEuOTgwNyA0NTkuMzgyIDExLjM0OTQgNDU5LjkxOCAxMC44MjI2QzQ2MC40NjMgMTAuMjkzNiA0NjEuMTE3IDkuOTI1NDYgNDYxLjg4MiA5LjcxODE2QzQ2Mi42NDYgOS41MTA4NiA0NjMuMzkzIDkuNDk4OTUgNDY0LjEyMyA5LjY4MjQyQzQ2NC44NiA5Ljg2Mzc5IDQ2NS40OTYgMTAuMjIxOCA0NjYuMDMgMTAuNzU2NUM0NjYuNTczIDExLjI4OTIgNDY2Ljk1MiAxMS45NTMxIDQ2Ny4xNjcgMTIuNzQ4NEM0NjcuMzgzIDEzLjU0MzcgNDY3LjM5MiAxNC4zMTIgNDY3LjE5NiAxNS4wNTMzQzQ2Ni45OTcgMTUuNzg3IDQ2Ni42MjkgMTYuNDE3MiA0NjYuMDkyIDE2Ljk0NDFDNDY1LjU1NSAxNy40NzEgNDY0LjkwNSAxNy44MzgxIDQ2NC4xNCAxOC4wNDU0Wk00NjMuNjUgMTYuMjM4NkM0NjQuMjk5IDE2LjA2MjcgNDY0Ljc1NyAxNS43MDYzIDQ2NS4wMjYgMTUuMTY5MkM0NjUuMzAzIDE0LjYzIDQ2NS4zNDUgMTQuMDA1MyA0NjUuMTUyIDEzLjI5NDlDNDY0Ljk1NyAxMi41NzY4IDQ2NC42MDUgMTIuMDU4OSA0NjQuMDk3IDExLjc0MUM0NjMuNTkzIDExLjQxMzMgNDYzLjAxNyAxMS4zMzc0IDQ2Mi4zNjkgMTEuNTEzM0M0NjEuNzEyIDExLjY5MTMgNDYxLjI0NSAxMi4wNDYgNDYwLjk2NiAxMi41Nzc1QzQ2MC42OTUgMTMuMTA2OCA0NjAuNjU4IDEzLjczNDQgNDYwLjg1NSAxNC40NjAyQzQ2MS4wNSAxNS4xNzgyIDQ2MS4zOTkgMTUuNzAxMSA0NjEuOTAyIDE2LjAyODhDNDYyLjQxMSAxNi4zNDY3IDQ2Mi45OTQgMTYuNDE2NiA0NjMuNjUgMTYuMjM4NloiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NzcuODIxIDE0LjYwOTVMNDc1LjgyIDE1LjA2MzdMNDcxLjMyMyAxMC43NTYxTDQ3Mi40NzMgMTUuODIzMkw0NzAuNDcyIDE2LjI3NzRMNDY4LjYwNyA4LjA2MjI3TDQ3MC42MDggNy42MDgxM0w0NzUuMTEgMTEuOTM5MUw0NzMuOTU1IDYuODQ4NTdMNDc1Ljk1NiA2LjM5NDQzTDQ3Ny44MjEgMTQuNjA5NVoiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00ODAuMjg5IDcuMTk2NDNMNDgwLjYxNCA4Ljg2OTEyTDQ4My4zMTIgOC4zNDQ3M0w0ODMuNjE0IDkuODk5NjNMNDgwLjkxNyAxMC40MjRMNDgxLjI2OSAxMi4yMzgxTDQ4NC4zMiAxMS42NDVMNDg0LjYzNCAxMy4yNTg4TDQ3OS41NjkgMTQuMjQzNEw0NzcuOTYxIDUuOTc0MjFMNDgzLjAyNiA0Ljk4OTU2TDQ4My4zNCA2LjYwMzM1TDQ4MC4yODkgNy4xOTY0M1oiIGZpbGw9IiMyNDI0MjQiLz4NCjwvZz4NCjxwYXRoIGQ9Ik02NDUuMjE0IDE5LjQ3MjhDNjQ1LjQ2NCAxOS4zNTQzIDY0NS41NyAxOS4wNTYxIDY0NS40NTIgMTguODA2Nkw2NDMuNTIxIDE0Ljc0MTdDNjQzLjQwMyAxNC40OTIzIDY0My4xMDUgMTQuMzg2MSA2NDIuODU1IDE0LjUwNDZDNjQyLjYwNiAxNC42MjMgNjQyLjQ5OSAxNC45MjEzIDY0Mi42MTggMTUuMTcwN0w2NDQuMzM0IDE4Ljc4NEw2NDAuNzIxIDIwLjQ5OTlDNjQwLjQ3MSAyMC42MTg0IDY0MC4zNjUgMjAuOTE2NiA2NDAuNDgzIDIxLjE2NjFDNjQwLjYwMiAyMS40MTU1IDY0MC45IDIxLjUyMTcgNjQxLjE1IDIxLjQwMzJMNjQ1LjIxNCAxOS40NzI4Wk00OTIuNDI0IDcuMzc1MzFDNDkyLjE1MSA3LjQxNzU1IDQ5MS45NjQgNy42NzMwMSA0OTIuMDA2IDcuOTQ1OTFDNDkyLjA0OCA4LjIxODggNDkyLjMwNCA4LjQwNTc4IDQ5Mi41NzYgOC4zNjM1NUw0OTIuNDI0IDcuMzc1MzFaTTU0Ni4yOTkgNC41QzU4NS44OTkgNC41IDYxOC4xMDEgOS45NzUyNyA2NDQuODMyIDE5LjQ5MjJMNjQ1LjE2OCAxOC41NTAxQzYxOC4zMDkgOC45ODgwNiA1ODUuOTkxIDMuNSA1NDYuMjk5IDMuNVY0LjVaTTQ5Mi41NzYgOC4zNjM1NUM1MDguODQyIDUuODQ2MTEgNTI2LjY2MyA0LjUgNTQ2LjI5OSA0LjVWMy41QzUyNi42MTggMy41IDUwOC43NDQgNC44NDkyMyA0OTIuNDI0IDcuMzc1MzFMNDkyLjU3NiA4LjM2MzU1WiIgZmlsbD0iI0QzRDNEMyIvPg0KPHBhdGggZD0iTTIyMC41IDI2Mi45ODZDMjIwLjQ5MyAyNjMuMjYyIDIyMC43MTIgMjYzLjQ5MSAyMjAuOTg4IDI2My40OThMMjI1LjQ4NiAyNjMuNjA4QzIyNS43NjIgMjYzLjYxNSAyMjUuOTkyIDI2My4zOTcgMjI1Ljk5OCAyNjMuMTIxQzIyNi4wMDUgMjYyLjg0NSAyMjUuNzg3IDI2Mi42MTUgMjI1LjUxMSAyNjIuNjA5TDIyMS41MTIgMjYyLjUxTDIyMS42MSAyNTguNTEyQzIyMS42MTcgMjU4LjIzNiAyMjEuMzk5IDI1OC4wMDYgMjIxLjEyMyAyNThDMjIwLjg0NyAyNTcuOTkzIDIyMC42MTcgMjU4LjIxMSAyMjAuNjExIDI1OC40ODdMMjIwLjUgMjYyLjk4NlpNNDEwLjIyNiAzNy40NDYxQzQxMC40NzIgMzcuMzIxNSA0MTAuNTcxIDM3LjAyMDYgNDEwLjQ0NiAzNi43NzQzQzQxMC4zMjEgMzYuNTI3OSA0MTAuMDIxIDM2LjQyOTIgNDA5Ljc3NCAzNi41NTM5TDQxMC4yMjYgMzcuNDQ2MVpNMjIxLjM0NSAyNjMuMzZDMjYzLjE1IDIyMy41NTggMjg5LjY4NyAxNzcuNDkyIDMxNi4xMDkgMTM2LjIwNUMzNDIuNTQ2IDk0Ljg5MjggMzY4Ljg1OSA1OC4zNzc4IDQxMC4yMjYgMzcuNDQ2MUw0MDkuNzc0IDM2LjU1MzlDMzY4LjE0MSA1Ny42MjAzIDM0MS43MDQgOTQuMzU0MiAzMTUuMjY2IDEzNS42NjZDMjg4LjgxMyAxNzcuMDA0IDI2Mi4zNSAyMjIuOTM4IDIyMC42NTUgMjYyLjYzNkwyMjEuMzQ1IDI2My4zNloiIGZpbGw9IiNEM0QzRDMiLz4NCjwvc3ZnPg0K";
31802
+ }
31673
31803
 
31674
- var StudentPressureChart = function StudentPressureChart(_ref) {
31675
- var studentPressure = _ref.studentPressure,
31676
- width = _ref.width;
31677
- var openMenuBar = useSelector(function (state) {
31678
- return state.common.menuBar;
31679
- });
31680
- var svgRef = useRef(null);
31681
- var innerWidth = !openMenuBar ? window.innerWidth - 50 : window.innerWidth - 340;
31804
+ left += 100;
31682
31805
 
31683
- if (width) {
31684
- innerWidth = width;
31685
- }
31806
+ if (left + 105 > WIDTH_PAPER) {
31807
+ left = 20;
31808
+ line = lineOptionCheckIn + 25;
31809
+ }
31686
31810
 
31687
- var chartWidth = innerWidth < 700 ? 700 : innerWidth;
31688
- var chartHeight = chartWidth / 3.12;
31689
- var colors = ["#C44140", "#81C935", "#0F9655", "#FFB04F", "#C44140"];
31690
- var data = [{
31691
- label: "BOREOUT",
31692
- value: studentPressure.boreOutStudent
31693
- }, {
31694
- label: "COMFORT",
31695
- value: studentPressure.comfortStudent
31696
- }, {
31697
- label: "STRETCH",
31698
- value: studentPressure.stretchStudent
31699
- }, {
31700
- label: "STRAIN",
31701
- value: studentPressure.strainStudent
31702
- }, {
31703
- label: "BURNOUT",
31704
- value: studentPressure.burnoutStudent
31705
- }];
31706
- var xAxistLabels = ["Low", "Moderate", "High", "Very High"];
31811
+ var _temp4 = function () {
31812
+ if (line + 150 > HEIGHT_PAPER) {
31813
+ doc.addPage();
31814
+ return Promise.resolve(createImageHeader()).then(function () {
31815
+ line = 80;
31816
+ left = 20;
31817
+ });
31818
+ }
31819
+ }();
31707
31820
 
31708
- var _useState = useState(""),
31709
- tooltipVisible = _useState[0],
31710
- setTooltipVisible = _useState[1];
31821
+ if (_temp4 && _temp4.then) return _temp4.then(function () {});
31822
+ });
31711
31823
 
31712
- var _useState2 = useState(0),
31713
- tooltipX = _useState2[0],
31714
- setTooltipX = _useState2[1];
31824
+ return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
31825
+ });
31826
+ });
31827
+ }
31828
+ }();
31715
31829
 
31716
- var _useState3 = useState(0),
31717
- tooltipY = _useState3[0],
31718
- setTooltipY = _useState3[1];
31830
+ return _temp36 && _temp36.then ? _temp36.then(_temp37) : _temp37(_temp36);
31831
+ }
31719
31832
 
31720
- var _useState4 = useState([]),
31721
- tooltipStudents = _useState4[0],
31722
- setTooltipStudents = _useState4[1];
31833
+ var doc = new jsPDF({
31834
+ orientation: "p",
31835
+ unit: "px",
31836
+ format: "a4"
31837
+ });
31838
+ var WIDTH_PAPER = doc.internal.pageSize.width;
31839
+ var HEIGHT_PAPER = doc.internal.pageSize.height;
31840
+ var heightChart = 200;
31723
31841
 
31724
- var _useState5 = useState(""),
31725
- colorTooltip = _useState5[0],
31726
- setColorTooltip = _useState5[1];
31842
+ var createImageHeader = function createImageHeader() {
31843
+ try {
31844
+ var imageLogo = document.getElementById("header-logo");
31845
+ return Promise.resolve(html2canvas(imageLogo)).then(function (imageLogoCanvas) {
31846
+ doc.addImage(imageLogoCanvas.toDataURL("image/png", 1.0), "png", 20, 20, 90, 25);
31847
+ doc.setFontSize(10);
31848
+ doc.setFont("Helvetica", "italic", "normal");
31849
+ doc.text("From: " + moment(startTime).format("DD/MM/YYYY"), 310, 40);
31850
+ doc.text("To: " + moment(endTime).format("DD/MM/YYYY"), 380, 40);
31851
+ doc.setDrawColor(128, 128, 128);
31852
+ doc.line(0, 50, WIDTH_PAPER, 50);
31853
+ doc.setLineWidth(0.1);
31854
+ });
31855
+ } catch (e) {
31856
+ return Promise.reject(e);
31857
+ }
31858
+ };
31727
31859
 
31728
- var handleDotHover = function handleDotHover(students, x, y, label, color) {
31729
- setTooltipStudents(Array.from(new Set(students)));
31730
- setTooltipX(x);
31731
- setTooltipY(y);
31732
- setTooltipVisible(label);
31733
- setColorTooltip(color);
31734
- };
31860
+ var line = 85;
31861
+ var left = 20;
31735
31862
 
31736
- var handleDotLeave = function handleDotLeave() {
31737
- setTooltipVisible("");
31738
- };
31863
+ var _temp38 = function () {
31864
+ if (selectedToPDF.includes(averageStudentSafetyName)) {
31865
+ return Promise.resolve(createImageHeader()).then(function () {
31866
+ doc.setFontSize(14);
31867
+ doc.setFont("Helvetica", "normal", "bold");
31868
+ doc.text(t(averageStudentSafetyName), left, 70);
31869
+ var chart = document.getElementById("safety");
31870
+ return Promise.resolve(html2canvas(chart)).then(function (canvas) {
31871
+ function _temp3() {
31872
+ left = 20;
31873
+ doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
31874
+ line = line + heightChart + 30;
31739
31875
 
31740
- useEffect(function () {
31741
- var svg = svgRef.current;
31876
+ if (line + 150 > HEIGHT_PAPER) {
31877
+ doc.addPage();
31878
+ line = 80;
31879
+ left = 20;
31880
+ }
31881
+ }
31742
31882
 
31743
- if (svg) {
31744
- var drawChart = function drawChart() {
31745
- try {
31746
- var _ret = function () {
31747
- var xAxis = document.createElementNS("http://www.w3.org/2000/svg", "line");
31748
- xAxis.setAttribute("x1", "50");
31749
- xAxis.setAttribute("y1", "" + chartHeight);
31750
- xAxis.setAttribute("x2", "" + (chartWidth - 30));
31751
- xAxis.setAttribute("y2", "" + chartHeight);
31752
- xAxis.setAttribute("stroke", "#D3D3D3");
31753
- svg.appendChild(xAxis);
31754
- var yAxis = document.createElementNS("http://www.w3.org/2000/svg", "line");
31755
- yAxis.setAttribute("x1", "50");
31756
- yAxis.setAttribute("y1", "50");
31757
- yAxis.setAttribute("x2", "50");
31758
- yAxis.setAttribute("y2", "" + chartHeight);
31759
- yAxis.setAttribute("stroke", "#D3D3D3");
31760
- svg.appendChild(yAxis);
31761
- var spacingLabel = (chartWidth - 60) / 3;
31883
+ var lineOptionCheckIn = line;
31884
+ doc.setFontSize(8);
31885
+ var questions = safetyData.map(function (r) {
31886
+ return r.name;
31887
+ });
31888
+ var indexCheckIn = 0;
31762
31889
 
31763
- for (var index = 0; index < xAxistLabels.length; index++) {
31764
- var label = xAxistLabels[index];
31765
- var text = document.createElementNS("http://www.w3.org/2000/svg", "text");
31766
- text.setAttribute("x", "" + (spacingLabel * index || 50));
31767
- text.setAttribute("y", "" + (chartHeight + 20));
31768
- text.setAttribute("fill", "#D3D3D3");
31769
- text.textContent = label;
31770
- svg.appendChild(text);
31771
- }
31890
+ var _temp2 = _for(function () {
31891
+ return indexCheckIn < monthsOneToOne.length;
31892
+ }, function () {
31893
+ return indexCheckIn++;
31894
+ }, function () {
31895
+ var _line = line;
31896
+ doc.setFontSize(12);
31897
+ doc.setFont("Helvetica", "normal", "bold");
31898
+ doc.text(monthsOneToOne[indexCheckIn], left, _line);
31899
+ doc.setFontSize(8);
31772
31900
 
31773
- var highText = document.createElementNS("http://www.w3.org/2000/svg", "text");
31774
- highText.setAttribute("x", "15");
31775
- highText.setAttribute("y", "60");
31776
- highText.setAttribute("fill", "#D3D3D3");
31777
- highText.textContent = "High";
31778
- svg.appendChild(highText);
31779
- var lowText = document.createElementNS("http://www.w3.org/2000/svg", "text");
31780
- lowText.setAttribute("x", "15");
31781
- lowText.setAttribute("y", "" + chartHeight);
31782
- lowText.setAttribute("fill", "#D3D3D3");
31783
- lowText.textContent = "Low";
31784
- svg.appendChild(lowText);
31785
- var performanceText = document.createElementNS("http://www.w3.org/2000/svg", "text");
31786
- performanceText.setAttribute("x", "40");
31787
- performanceText.setAttribute("y", "" + (chartHeight + 100) / 2);
31788
- performanceText.setAttribute("transform", "rotate(-90, 40, " + (chartHeight + 100) / 2 + ")");
31789
- performanceText.setAttribute("fill", "#242424");
31790
- performanceText.setAttribute("font-size", "12px");
31791
- performanceText.setAttribute("font-weight", "bold");
31792
- performanceText.textContent = "Performance";
31793
- svg.appendChild(performanceText);
31794
- var image = document.createElementNS("http://www.w3.org/2000/svg", "image");
31795
- image.setAttribute("x", "50");
31796
- image.setAttribute("y", "50");
31797
- image.setAttribute("width", "" + (chartWidth - 80));
31798
- image.setAttribute("height", "" + (chartHeight - 50));
31799
- image.setAttributeNS("http://www.w3.org/1999/xlink", "href", backgroundPressure);
31800
- svg.appendChild(image);
31801
- var circleCount = 5;
31802
- var circleSpacing = (chartWidth + 100) / (circleCount + 1);
31803
- var circleY = chartHeight - 30;
31901
+ for (var indexResult = 0; indexResult < (safetyData === null || safetyData === void 0 ? void 0 : safetyData.length); indexResult++) {
31902
+ var avg = safetyData[indexResult].data[indexCheckIn];
31804
31903
 
31805
- var _loop = function _loop(i) {
31806
- var _data3, _data3$value, _data3$value$length, _data6;
31904
+ if (avg != 0) {
31905
+ var questionText = questions[indexResult];
31807
31906
 
31808
- var circleX = circleSpacing * i;
31809
- var radius = 15;
31810
- var circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
31811
- circle.setAttribute("cx", "" + circleX);
31812
- circle.setAttribute("cy", "" + circleY);
31813
- circle.setAttribute("r", "" + radius);
31814
- circle.setAttribute("fill", colors[i - 1]);
31815
- circle.addEventListener("mouseenter", function () {
31816
- var _data, _data2;
31907
+ if (questionText != "") {
31908
+ doc.setDrawColor(0);
31909
+ doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
31910
+ doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
31911
+ doc.setFont("Helvetica", "normal", "bold");
31912
+ doc.text(questionText + ":", left + 8, _line + 10);
31913
+ doc.setFont("Helvetica", "normal", "normal");
31914
+ doc.text((avg === null || avg === void 0 ? void 0 : avg.toFixed(2)) + "%", left + (questionText === null || questionText === void 0 ? void 0 : questionText.length) * 2.5 + 20.5, _line + 10);
31915
+ }
31817
31916
 
31818
- handleDotHover((_data = data[i - 1]) === null || _data === void 0 ? void 0 : _data.value, circleX, circleY, (_data2 = data[i - 1]) === null || _data2 === void 0 ? void 0 : _data2.label, colors[i - 1]);
31819
- });
31820
- circle.addEventListener("mouseleave", handleDotLeave);
31821
- svg.appendChild(circle);
31822
- var text = document.createElementNS("http://www.w3.org/2000/svg", "text");
31823
- text.setAttribute("x", "" + circleX);
31824
- text.setAttribute("y", "" + circleY);
31825
- text.setAttribute("fill", "white");
31826
- text.setAttribute("font-weight", "bold");
31827
- text.setAttribute("font-size", "12px");
31828
- text.setAttribute("text-anchor", "middle");
31829
- text.setAttribute("dominant-baseline", "middle");
31830
- text.setAttribute("style", "cursor: default");
31831
- text.textContent = (_data3 = data[i - 1]) === null || _data3 === void 0 ? void 0 : (_data3$value = _data3.value) === null || _data3$value === void 0 ? void 0 : (_data3$value$length = _data3$value.length) === null || _data3$value$length === void 0 ? void 0 : _data3$value$length.toString();
31832
- text.addEventListener("mouseenter", function () {
31833
- var _data4, _data5;
31917
+ _line += 10;
31834
31918
 
31835
- handleDotHover((_data4 = data[i - 1]) === null || _data4 === void 0 ? void 0 : _data4.value, circleX, circleY, (_data5 = data[i - 1]) === null || _data5 === void 0 ? void 0 : _data5.label, colors[i - 1]);
31836
- });
31837
- svg.appendChild(text);
31838
- var label = (_data6 = data[i - 1]) === null || _data6 === void 0 ? void 0 : _data6.label;
31839
- var labelText = document.createElementNS("http://www.w3.org/2000/svg", "text");
31840
- labelText.setAttribute("x", "" + circleX);
31841
- labelText.setAttribute("y", "" + (circleY - radius - 12));
31842
- labelText.setAttribute("fill", "#242424");
31843
- labelText.setAttribute("font-weight", "bold");
31844
- labelText.setAttribute("font-size", "12px");
31845
- labelText.setAttribute("text-anchor", "middle");
31846
- labelText.textContent = label;
31847
- svg.appendChild(labelText);
31848
- };
31919
+ if (_line > lineOptionCheckIn) {
31920
+ lineOptionCheckIn = _line;
31921
+ }
31922
+ }
31923
+ }
31849
31924
 
31850
- for (var i = 1; i <= data.length; i++) {
31851
- _loop(i);
31852
- }
31925
+ left += 100;
31853
31926
 
31854
- return {
31855
- v: Promise.resolve()
31856
- };
31857
- }();
31927
+ if (left + 105 > WIDTH_PAPER) {
31928
+ left = 20;
31929
+ line = lineOptionCheckIn + 25;
31930
+ }
31858
31931
 
31859
- if (typeof _ret === "object") return _ret.v;
31860
- } catch (e) {
31861
- return Promise.reject(e);
31862
- }
31863
- };
31932
+ var _temp = function () {
31933
+ if (line + 150 > HEIGHT_PAPER) {
31934
+ doc.addPage();
31935
+ return Promise.resolve(createImageHeader()).then(function () {
31936
+ line = 80;
31937
+ left = 20;
31938
+ });
31939
+ }
31940
+ }();
31864
31941
 
31865
- while (svg.firstChild) {
31866
- svg.firstChild.remove();
31867
- }
31942
+ if (_temp && _temp.then) return _temp.then(function () {});
31943
+ });
31868
31944
 
31869
- drawChart();
31945
+ return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
31946
+ });
31947
+ });
31948
+ }
31949
+ }();
31950
+
31951
+ return _temp38 && _temp38.then ? _temp38.then(_temp39) : _temp39(_temp38);
31952
+ }, function (err) {
31953
+ console.log(err);
31954
+ dispatch(setAlert({
31955
+ type: "danger",
31956
+ message: err.message
31957
+ }));
31958
+ });
31959
+
31960
+ return Promise.resolve(_temp43 && _temp43.then ? _temp43.then(_temp42) : _temp42(_temp43));
31961
+ } catch (e) {
31962
+ return Promise.reject(e);
31870
31963
  }
31871
- }, [chartWidth, studentPressure]);
31872
- var lineHeight = 20;
31873
- var tooltipHeight = tooltipStudents.length * lineHeight;
31874
- var maxHeightTooltip = tooltipHeight + 30 > chartHeight - 50 ? chartHeight - 50 : tooltipHeight + 30;
31875
- return React.createElement("svg", {
31876
- ref: svgRef,
31877
- width: chartWidth,
31878
- height: chartHeight + 50
31879
- }, !!tooltipVisible && React.createElement("g", {
31880
- transform: "translate(" + (tooltipX - 100) + "," + Math.max(0, tooltipY - tooltipHeight - 80) + ")"
31881
- }, React.createElement("rect", {
31882
- width: "200",
31883
- height: maxHeightTooltip + 10,
31884
- fill: "rgba(36, 36, 36, 0.8)",
31885
- rx: "5"
31886
- }), React.createElement("text", {
31887
- x: "20",
31888
- y: "20",
31889
- fill: "#fff",
31890
- fontSize: "12px",
31891
- textAnchor: "start"
31892
- }, tooltipStudents.length + " students are " + tooltipVisible), React.createElement("foreignObject", {
31893
- x: "0",
31894
- y: "30",
31895
- width: "200",
31896
- height: maxHeightTooltip
31964
+ };
31965
+
31966
+ return React.createElement("div", null, React.createElement("div", {
31967
+ className: "" + styles$1["chart-to-canvas"]
31897
31968
  }, React.createElement("div", {
31969
+ id: "safety",
31898
31970
  style: {
31899
- overflowY: "auto",
31900
- maxHeight: maxHeightTooltip - 20 + "px",
31901
- padding: "5px 5px 5px 10px",
31902
- color: "#fff",
31903
- fontSize: "12px"
31971
+ display: "block",
31972
+ width: "45%"
31904
31973
  }
31905
- }, tooltipStudents.map(function (label, index) {
31906
- return React.createElement("div", {
31907
- key: index
31908
- }, React.createElement("span", {
31909
- style: {
31910
- display: "inline-block",
31911
- width: "4px",
31912
- height: "14px",
31913
- backgroundColor: colorTooltip,
31914
- borderRadius: "10px",
31915
- marginRight: "10px"
31916
- }
31917
- }), React.createElement("span", null, label));
31918
- })))));
31919
- };
31920
-
31921
- var BubbleChartCustom = function BubbleChartCustom(_ref) {
31922
- var data = _ref.data;
31923
-
31924
- var _useTranslation = useTranslation(),
31925
- t = _useTranslation.t;
31926
-
31927
- if (!data) return React.createElement("div", {
31928
- className: "flex justify-content-center align-items-center",
31974
+ }, React.createElement(GenerateChartData, {
31975
+ colors: ["#0F9655"],
31976
+ typeChart: TYPECHART.AREA,
31977
+ activeColumn: [true],
31978
+ series: safetyData,
31979
+ months: monthsOneToOne,
31980
+ dayOfWeek: dayOfWeekOneToOne,
31981
+ avgQuestionLastMonth: avgQuestionLastMonth,
31982
+ timeOfDay: timeOfDay
31983
+ })), React.createElement("div", {
31984
+ id: "stress",
31929
31985
  style: {
31930
- height: 450
31986
+ display: "block",
31987
+ width: "45%"
31931
31988
  }
31932
- }, React.createElement("div", null, "No Data"));
31933
- var seriesName = seriesNameBubbleChartCustom(data);
31934
- return React.createElement("div", {
31935
- className: "" + styles$1["size-100"]
31936
- }, React.createElement("div", {
31937
- className: "" + styles$1["block-header-chart"]
31938
- }, React.createElement("p", {
31939
- className: styles$1["title-chart"] + " " + styles$1["ml-10"]
31940
- }, t(studentDistribution))), React.createElement("div", {
31941
- className: "" + styles$1["bubble-chart-custom"]
31942
- }, React.createElement("div", {
31943
- className: styles$1["chart-custom"]
31944
- }, React.createElement("div", {
31945
- className: styles$1["chart-buddle"]
31946
- }, React.createElement("div", null, React.createElement("div", {
31947
- className: styles$1["legend-wrap"]
31948
- }, seriesName.map(function (i, index) {
31949
- return React.createElement("div", {
31950
- className: "" + styles$1["item"],
31951
- key: index
31952
- }, React.createElement("div", {
31953
- className: "" + styles$1["mark-custom"],
31954
- style: {
31955
- backgroundColor: COLOR_CHART_BUBBLE[index]
31956
- }
31957
- }), React.createElement("label", {
31958
- className: "" + styles$1["label-legend-custom"]
31959
- }, i));
31960
- })), React.createElement(Chart, {
31961
- options: readinesToLearnoptions(seriesName, data),
31962
- type: "scatter",
31963
- series: convertDataToSeriesBullderChart(data),
31964
- width: "100%",
31965
- height: 250
31966
- }))))));
31989
+ }, React.createElement(GenerateChartData, {
31990
+ colors: ["#C44140"],
31991
+ typeChart: TYPECHART.LINE,
31992
+ activeColumn: [true],
31993
+ series: stressData,
31994
+ months: monthsOneToOne,
31995
+ dayOfWeek: dayOfWeekOneToOne,
31996
+ avgQuestionLastMonth: avgQuestionLastMonth,
31997
+ timeOfDay: timeOfDay
31998
+ })), React.createElement("div", {
31999
+ id: "preparedness",
32000
+ style: {
32001
+ display: "block",
32002
+ width: "45%"
32003
+ }
32004
+ }, React.createElement(GenerateChartData, {
32005
+ colors: ["#169490", "#316CD9", "#FFB04F"],
32006
+ typeChart: TYPECHART.LINE,
32007
+ activeColumn: activeColumnPreparedness,
32008
+ series: preparednessData,
32009
+ months: monthsOneToOne,
32010
+ dayOfWeek: dayOfWeekOneToOne,
32011
+ avgQuestionLastMonth: avgQuestionLastMonth,
32012
+ timeOfDay: timeOfDay
32013
+ })), React.createElement("div", {
32014
+ id: "success_indicators",
32015
+ style: {
32016
+ display: "block",
32017
+ width: "45%"
32018
+ }
32019
+ }, React.createElement(GenerateChartData, {
32020
+ typeChart: TYPECHART.AREA,
32021
+ activeColumn: activeColumnSuccessIndicators,
32022
+ series: successIndicatorsData,
32023
+ avgQuestionLastMonth: avgQuestionLastMonth,
32024
+ months: monthsOneToOne,
32025
+ dayOfWeek: dayOfWeekOneToOne,
32026
+ timeOfDay: timeOfDay,
32027
+ colors: ["#73C8E5", "#FFB04F", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"]
32028
+ })), React.createElement("div", {
32029
+ id: "student_distribution",
32030
+ style: {
32031
+ display: "block",
32032
+ width: "45%"
32033
+ }
32034
+ }, React.createElement(BubbleChartCustom$1, {
32035
+ data: readinessToLearning
32036
+ })), React.createElement("div", {
32037
+ id: "student_stress_by_zone",
32038
+ style: {
32039
+ display: "block",
32040
+ width: "45%"
32041
+ }
32042
+ }, React.createElement(StudentPressureChart, {
32043
+ studentPressure: studentPressure
32044
+ })), React.createElement("div", {
32045
+ id: "learning_progress",
32046
+ style: {
32047
+ display: "block",
32048
+ width: "45%"
32049
+ }
32050
+ }, React.createElement(GenerateChartData, {
32051
+ colors: ["#73C8E5", "#F9F871", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"],
32052
+ typeChart: TYPECHART.AREA,
32053
+ activeColumn: activeColumnConference,
32054
+ series: seriesConference,
32055
+ months: monthsConference,
32056
+ dayOfWeek: dayOfWeekConference,
32057
+ avgQuestionLastMonth: avgConferenceLastMonth,
32058
+ timeOfDay: timeOfDay
32059
+ })), React.createElement("div", {
32060
+ id: "learning_strategy"
32061
+ }, React.createElement(TopLearningStrategy$1, {
32062
+ data: topLearningStrategiesData
32063
+ }))), React.createElement("div", {
32064
+ className: "" + styles$1["image-logo"],
32065
+ id: "header-logo"
32066
+ }, React.createElement("img", {
32067
+ src: headerLogo,
32068
+ alt: ""
32069
+ })), React.createElement(Button, {
32070
+ color: "success",
32071
+ onClick: function onClick() {
32072
+ selectedToPDF.length > 0 && generatePDF();
32073
+ }
32074
+ }, "Export"));
31967
32075
  };
31968
32076
 
31969
- function propsAreEqual$1(prevProps, nextProps) {
31970
- return JSON.stringify(prevProps === null || prevProps === void 0 ? void 0 : prevProps.data) === JSON.stringify(nextProps === null || nextProps === void 0 ? void 0 : nextProps.data);
31971
- }
31972
-
31973
- var BubbleChartCustom$1 = React.memo(BubbleChartCustom, propsAreEqual$1);
31974
-
31975
32077
  var Dashboard = function Dashboard() {
31976
32078
  var _useChartDatas = useChartDatas(),
31977
32079
  user = _useChartDatas.user,
@@ -32085,7 +32187,9 @@ var Dashboard = function Dashboard() {
32085
32187
  monthsConference: monthsConference,
32086
32188
  activeColumnConference: activeColumnConference,
32087
32189
  dayOfWeekConference: dayOfWeekConference,
32088
- avgConferenceLastMonth: avgConferenceLastMonth
32190
+ avgConferenceLastMonth: avgConferenceLastMonth,
32191
+ readinessToLearning: readinessToLearning,
32192
+ studentPressure: studentPressure
32089
32193
  }))), React.createElement("div", {
32090
32194
  className: "d-flex align-items-center justify-content-between"
32091
32195
  }, React.createElement("div", {
@@ -32204,7 +32308,7 @@ var Dashboard = function Dashboard() {
32204
32308
  }), React.createElement(Collapse, {
32205
32309
  isOpen: chartIsOpened[0]
32206
32310
  }, React.createElement(Row, {
32207
- className: "d-flex"
32311
+ className: chartIsOpened[0] ? "d-flex" : "d-block"
32208
32312
  }, React.createElement(Col, {
32209
32313
  md: !isExpandChart && chartIsOpened[0] ? 6 : 12
32210
32314
  }, React.createElement(GenerateChartData, {