{"version":3,"sources":["webpack:///./src/views/community/periods/Show.vue?947c","webpack:///src/components/chart/Linechart.vue","webpack:///./src/components/chart/Linechart.vue","webpack:///./src/components/chart/Linechart.vue?5bc5","webpack:///./src/components/svg/Flag.vue?ded0","webpack:///./src/components/svg/Flag.vue","webpack:///./src/components/svg/ChartHashure.vue?47d0","webpack:///src/components/svg/ChartHashure.vue","webpack:///./src/components/svg/ChartHashure.vue?d95a","webpack:///./src/components/svg/ChartHashure.vue","webpack:///src/views/community/periods/Show.vue","webpack:///./src/views/community/periods/Show.vue?5829","webpack:///./src/views/community/periods/Show.vue","webpack:///./src/views/community/periods/Show.vue?d285","webpack:///./src/components/chart/Linechart.vue?e499"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","breadcrumb","_v","directives","name","rawName","value","expression","staticStyle","downloadLoading","on","downloadStudentReport","_s","periodReport","status","pendingPeriodReportStatus","aprovePeriodReportStatus","photo","user","cycle","designation","year","attendances","frequency","workload","absence_limit_hours","time_absences","absence_limit_perc_responsible","description","notifyTutor","Period","notifyTeacher","_l","subject","key","id","class","active","subject_id","selectSubject","loadingChart","_e","chartData","modifiers","subjectTopics","length","topic","style","title","topics","item","competence_sort_order","topic_sort_order","subjectWithStatus","totalWithStatus","totalValid","notActivePeriod","staticRenderFns","flag","hashure","star","stringAno","arrayIndex","yearConfig","arrSize","drawHashure","createCachedImage","svg","type","resolve","cachedFlagImage","cachedHashureImage","cachedStarImage","isImageLoading","img","URL","Chart","beforeDatasetsDraw","ctx","beforeDraw","lineChartId","document","chart","chartArea","labels","totalItems","linePositions","shouldShowStar","imagesToLoad","Promise","startPercent","endPercent","xPos","hashureY","rangeHeight","extends","props","data","required","options","default","studentYear","defaultOptions","responsive","maintainAspectRatio","width","elements","line","tension","borderColor","borderWidth","point","radius","backgroundColor","hitRadius","scales","yAxes","gridLines","drawBorder","ticks","beginAtZero","min","max","callback","padding","xAxes","position","display","legend","tooltips","enabled","callbacks","label","dataIndex","mounted","datasets","modifiedDataset","fill","component","script","components","UiLineChart","Flag","ChartHashure","text","href","subjectList","student","activePeriod","bimontlyReportData","chartOptions","computed","mapGetters","loggedUser","studentId","get","showButtons","methods","icon","httpRda","responseType","response","url","window","link","fileName","moment","fire","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","then","result","hasReport","post","period_type","period_id","student_id","teacher_id","patch","catch","footer","getStudent","getYearAttendance","getPeriodReport","format","notification","payload","textTutor","textTeacher","getSubjectList","getTopicWithDescription","params","subjectTopicWithTitle","acc","getTopicWithStatus","count","getAllData","created"],"mappings":"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","file":"js/chunk-f82dfb28.ab226385.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-container',{staticClass:\"container-rda\"},[_c('b-row',[_c('b-col',[_c('b-breadcrumb',{attrs:{\"items\":_vm.breadcrumb}})],1)],1),_c('b-row',[_c('b-col',[_c('h2',{staticClass:\"purple bold title\"},[_vm._v(\"Aluno\")])]),_c('b-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showButtons),expression:\"showButtons\"}],staticClass:\"text-right\"},[_c('b-button',{staticStyle:{\"margin-left\":\"25px\"},attrs:{\"variant\":\"outline\",\"disabled\":_vm.downloadLoading},on:{\"click\":_vm.downloadStudentReport}},[_vm._v(\" \"+_vm._s(_vm.downloadLoading ? \"Aguarde...\" : \"Exportar\")+\" \")]),(_vm.periodReport && _vm.periodReport.status === 'approved')?_c('b-button',{staticClass:\"revert-approved-btn\",on:{\"click\":function () { return _vm.pendingPeriodReportStatus(); }}},[_vm._v(\"Reverter Liberar \")]):_c('b-button',{staticStyle:{\"margin-left\":\"25px\"},attrs:{\"variant\":\"outline\"},on:{\"click\":function () { return _vm.aprovePeriodReportStatus(); }}},[_vm._v(\"Liberar \")])],1)],1),_c('div',[_c('b-row',[_c('b-col',[_c('b-row',{staticClass:\"profile-row\"},[_c('b-col',[(_vm.photo == null || '')?_c('img',{attrs:{\"src\":require(\"@/assets/images/default-photo.png\"),\"height\":\"64\",\"width\":\"64\",\"alt\":\"\"}}):_c('img',{attrs:{\"width\":\"64\",\"height\":\"64\",\"src\":(\"\" + _vm.photo),\"alt\":\"\"}}),_c('div',{staticClass:\"content-meeting\"},[_c('div',{staticClass:\"student-detail\"},[_c('h5',[_vm._v(_vm._s(_vm.user && _vm.user.name))]),_c('p',[_vm._v(\" \"+_vm._s(_vm.cycle.designation)+\" (\"+_vm._s(_vm.year && _vm.year.designation)+\" º ano no ciclo) \"),_c('br'),_vm._v(\" Frequência total do ano: \"+_vm._s(_vm.attendances.frequency)+\"% \")])])])]),_c('b-col',[_c('div',{staticClass:\"content-meeting\"},[_c('div',{staticClass:\"column\"},[_c('p',[_c('b',[_vm._v(\"Carga horária anual\")])]),_c('p',[_vm._v(_vm._s(_vm.cycle.workload)+\"h\")])]),_c('div',{staticClass:\"column\"},[_c('p',[_c('b',[_vm._v(\"Limite permitido de faltas\")])]),_c('p',[_vm._v(_vm._s(_vm.cycle.absence_limit_hours)+\"h\")])]),_c('div',{staticClass:\"column\"},[_c('p',[_c('b',[_vm._v(\"Total de faltas/atrasos do aluno\")])]),_c('p',[_vm._v(_vm._s(_vm.attendances.time_absences ? _vm.attendances.time_absences : '0h'))])])])])],1)],1)],1),_c('div',{staticClass:\"attendance-advice\"},[_c('p',[_vm._v(\" Ao atingir 30% do limite permitido de faltas (\"+_vm._s(_vm.cycle.absence_limit_perc_responsible)+\" horas), a Escola tem obrigação legal de comunicar o Conselho Tutelar \")])])],1),_c('b-row',{staticStyle:{\"padding-top\":\"36px\"}},[_c('b-col',[_c('h3',[_vm._v(\"Tutoria\")])]),_c('b-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showButtons),expression:\"showButtons\"}],staticClass:\"text-right\"},[_c('button',{staticClass:\"notify-button\",attrs:{\"disabled\":_vm.periodReport && _vm.periodReport.description},on:{\"click\":function () { return _vm.notifyTutor(); }}},[_vm._v(\" Notificar pendência \")])])],1),_c('b-row',{staticStyle:{\"padding-top\":\"15px\"}},[_c('b-col',{staticClass:\"col-observacoes\"},[_c('div',{staticClass:\"content-meeting\"},[(_vm.periodReport && _vm.periodReport.description)?_c('div',{staticClass:\"observacao-column\"},[_c('span',{staticStyle:{\"font-size\":\"16px\",\"color\":\"#666666\"}},[_vm._v(\"Observação referente ao período \"+_vm._s(_vm.periodReport.Period.name))]),_c('p',{staticStyle:{\"font-size\":\"18px\",\"color\":\"#b23066\"}},[_vm._v(\" \"+_vm._s(_vm.periodReport.description)+\" \")])]):_c('div',{staticClass:\"observacao-column\"},[_c('p',{staticStyle:{\"font-size\":\"18px\",\"color\":\"#b23066\",\"font-weight\":\"bold\"}},[_vm._v(\" Nenhuma observação registrada. \")])])])])],1),_c('b-row',{staticStyle:{\"padding-top\":\"36px\"}},[_c('b-col',[_c('h3',[_vm._v(\"Evolução\")])]),_c('b-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showButtons),expression:\"showButtons\"}],staticClass:\"text-right\"},[_c('button',{staticClass:\"notify-button\",on:{\"click\":function () { return _vm.notifyTeacher(); }}},[_vm._v(\" Notificar pendência \")])])],1),_c('b-row',{staticStyle:{\"padding-top\":\"20px\"}},[_c('b-col',{staticClass:\"menu-sidebar knowledge-menu\",staticStyle:{\"background-color\":\"#f9f9f9\"},attrs:{\"md\":\"4\",\"lg\":\"4\"}},[_c('div',{staticClass:\"menu\"},[_c('span',{staticClass:\"menu-sidebar-title\"},[_vm._v(\" ÁREA DE CONHECIMENTO \")]),_c('ul',{staticStyle:{\"padding-left\":\"0\"}},_vm._l((_vm.subjectList),function(subject){return _c('li',{key:subject.id,staticClass:\"side-item\",class:{ active: _vm.subject_id === subject.id },on:{\"click\":function () { return _vm.selectSubject(subject.id); }}},[_c('span',[_vm._v(\" \"+_vm._s(subject.designation)+\" \")])])}),0)])]),_c('b-col',{attrs:{\"lg\":\"9\"}},[(!_vm.loadingChart)?_c('div',[_c('div',{staticClass:\"chart-container\"},[_c('h3',[_vm._v(\"Percentual de evolução do aluno\")]),_c('div',{staticClass:\"flag-wrapper\"},[_c('b-col',{staticClass:\"subtitle-container\"},[_c('span',[_c('b',[_vm._v(\"Legenda:\")])]),_c('div',{staticClass:\"flag-container\"},[_c('div',{staticClass:\"subtitle\"},[_c('div',{staticClass:\"flag-box\"},[_c('Flag')],1),_c('span',[_vm._v(\" Evolução anual \")])]),_c('div',{staticClass:\"subtitle\"},[_c('ChartHashure'),_c('span',[_vm._v(\"Estimativa para conclusão do ciclo em 3 anos\")])],1)])])],1),_c('ui-line-chart',{staticClass:\"box-chart\",attrs:{\"id\":\"myLineChart\",\"data\":_vm.chartData,\"studentYear\":_vm.year.designation}}),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],attrs:{\"title\":\"Progresso esperado\"}})],1),_c('div',{staticClass:\"register-container\"},[_c('div',{staticClass:\"register-period\"},[_c('div',{staticClass:\"title-format\"},[_c('div',[_c('span',[_vm._v(\"REGISTROS DE APRENDIZAGEM \"),_c('span',{staticStyle:{\"color\":\"#b23066\"}},[_vm._v(\"DO PERÍODO\")])])])]),(_vm.subjectTopics.length > 0)?_c('b-row',_vm._l((_vm.subjectTopics),function(topic){return _c('b-col',{key:topic.id,staticClass:\"col-status\"},[_c('div',{staticClass:\"title-status-content\"},[_c('div',{staticClass:\"status-content\",style:(topic.status === 'EE'\n                    ? 'background-color: #EF6549;'\n                    : '')},[_c('span',{staticStyle:{\"margin\":\"4px 18.5px\",\"color\":\"#fff\"}},[_vm._v(_vm._s(topic.status))])]),_c('h5',[_vm._v(_vm._s(topic.title))])])])}),1):_vm._e(),_c('b-row',_vm._l((_vm.subjectTopics),function(topic){return _c('b-col',{key:topic.id,staticClass:\"col-status\",staticStyle:{\"border\":\"none\"}},[_c('div',{staticClass:\"register-item\"},[(topic.topics.length)?_c('ul',_vm._l((topic.topics),function(item){return _c('span',{key:item.id},[_vm._v(\" \"+_vm._s(item.competence_sort_order)+\".\"+_vm._s(item.topic_sort_order)+\" \"+_vm._s(item.description)+\" \")])}),0):_c('ul',[_c('span',[_vm._v(\"Nenhum conteúdo encontrado\")])])])])}),1)],1),_c('div',{staticClass:\"register-cycle\"},[_c('div',{staticClass:\"title-format\"},[_c('div',[_c('span',[_vm._v(\"REGISTROS DE APRENDIZAGEM \"),_c('span',{staticStyle:{\"color\":\"#b23066\"}},[_vm._v(\"DO CICLO\")])])])]),(_vm.subjectWithStatus.length > 0)?_c('b-row',_vm._l((_vm.subjectWithStatus),function(topic){return _c('b-col',{key:topic.id,staticClass:\"col-status\"},[_c('div',{staticClass:\"register-cycle-item\"},[_c('div',{staticClass:\"status-content\",style:(topic.status === 'EE'\n                    ? 'background-color: #EF6549;'\n                    : '')},[_c('span',{staticStyle:{\"margin\":\"4px 18.5px\",\"color\":\"#fff\"}},[_vm._v(_vm._s(topic.status))])]),_c('span',[_vm._v(\" \"+_vm._s(topic.totalWithStatus)+\"/\"+_vm._s(topic.totalValid)+\" \")])])])}),1):_vm._e()],1)])]):_vm._e(),(_vm.loadingChart && !_vm.notActivePeriod)?_c('div',{staticClass:\"loading-spinner\"},[_c('span',{staticClass:\"spinner-border spinner-border lg\"})]):_vm._e(),(_vm.notActivePeriod)?_c('div',[_c('b-alert',{attrs:{\"variant\":\"danger\",\"show\":\"\"}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\"Período ativo não encontrado\")]),_c('p',[_vm._v(\" Não foi possível encontrar o período ativo para o aluno. \")])])],1):_vm._e()])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { Line } from \"vue-chartjs\";\nimport Chart from \"chart.js\";\n\nconst flagSvg = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect width=\"24\" height=\"24\" rx=\"5\" fill=\"#36B67D\"/>\n<path d=\"M18.5 7.50001V15C18.4996 15.0712 18.484 15.1415 18.4543 15.2061C18.4245 15.2708 18.3813 15.3284 18.3275 15.375C17.3725 16.2019 16.4594 16.5 15.5887 16.5C14.4069 16.5 13.3031 15.9538 12.2762 15.4469C10.6169 14.625 9.17438 13.9131 7.5 15.2356V18C7.5 18.1326 7.44732 18.2598 7.35355 18.3536C7.25979 18.4473 7.13261 18.5 7 18.5C6.86739 18.5 6.74021 18.4473 6.64645 18.3536C6.55268 18.2598 6.5 18.1326 6.5 18V7.50001C6.50048 7.42878 6.51617 7.35847 6.54603 7.2938C6.57589 7.22913 6.61922 7.17158 6.67313 7.12501C8.92313 5.17626 10.9425 6.17439 12.7225 7.05501C14.4375 7.90376 15.9244 8.63751 17.6725 7.12501C17.7448 7.06238 17.8335 7.02178 17.9281 7.00802C18.0227 6.99427 18.1193 7.00793 18.2064 7.0474C18.2935 7.08687 18.3674 7.15049 18.4195 7.23071C18.4715 7.31093 18.4995 7.40439 18.5 7.50001Z\" fill=\"white\"/>\n</svg>`;\n\nconst hashureSvg = `<svg width=\"24\" height=\"20\" viewBox=\"0 0 24 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <g clip-path=\"url(#clip0_5712_931)\">\n    <rect width=\"24\" height=\"20\" fill=\"#B23066\" />\n    <path d=\"M-1 -1L15 21\" stroke=\"white\" stroke-opacity=\"0.6\" stroke-width=\"2\" />\n    <path d=\"M-9 -1L7 21\" stroke=\"white\" stroke-opacity=\"0.6\" stroke-width=\"2\" />\n    <path d=\"M7 -1L23 21\" stroke=\"white\" stroke-opacity=\"0.6\" stroke-width=\"2\" />\n    <path d=\"M15 -1L31 21\" stroke=\"white\" stroke-opacity=\"0.6\" stroke-width=\"2\" />\n  </g>\n  <defs>\n    <clipPath id=\"clip0_5712_931\">\n      <rect width=\"24\" height=\"20\" fill=\"white\" />\n    </clipPath>\n  </defs>\n</svg>`;\n\nconst starSvg = `<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M7.77896 7.04424L8.20737 7.30205L7.77896 7.04424C7.74825 7.09528 7.69814 7.13168 7.6401 7.14512L1.64005 8.53475C0.744185 8.74223 0.391202 9.82861 0.994014 10.523L5.03136 15.174C5.07041 15.219 5.08955 15.2778 5.0844 15.3373L4.55189 21.4731C4.47238 22.3892 5.39651 23.0606 6.24323 22.7019L11.9142 20.2994C11.969 20.2761 12.031 20.2761 12.0858 20.2994L17.7568 22.7019C18.6035 23.0606 19.5276 22.3892 19.4481 21.4731L18.9156 15.3373C18.9104 15.2778 18.9296 15.219 18.9686 15.174L23.006 10.523C23.6088 9.8286 23.2558 8.74223 22.3599 8.53475L16.3599 7.14512C16.3019 7.13168 16.2518 7.09528 16.221 7.04424L13.0453 1.76726C12.5711 0.979361 11.4289 0.979362 10.9547 1.76726L7.77896 7.04424Z\"\n    fill=\"#FFBB00\" stroke=\"#CC9600\" />\n</svg>`;\n\nlet cachedFlagImage = null;\nlet cachedHashureImage = null;\nlet cachedStarImage = null;\nlet isImageLoading = { flag: false, hashure: false, star: false };\nlet drawHashure = false;\n\nfunction stringAno(arrayIndex, yearConfig, arrSize) {\n  if (arrSize === 1) {\n    drawHashure = false;\n    return yearConfig;\n  }\n  drawHashure = true;\n  return arrayIndex + 1\n}\n\nfunction createCachedImage(svg, type) {\n  return new Promise((resolve) => {\n    if (\n      (type === \"flag\" && cachedFlagImage) ||\n      (type === \"hashure\" && cachedHashureImage) ||\n      (type === \"star\" && cachedStarImage)\n    ) {\n      resolve(\n        type === \"flag\"\n          ? cachedFlagImage\n          : type === \"hashure\"\n            ? cachedHashureImage\n            : cachedStarImage\n      );\n      return;\n    }\n\n    if (isImageLoading[type]) {\n      resolve(null);\n      return;\n    }\n\n    isImageLoading[type] = true;\n    const img = new Image();\n    const blob = new Blob([svg], { type: \"image/svg+xml\" });\n    const url = URL.createObjectURL(blob);\n\n    img.onload = () => {\n      if (type === \"flag\") {\n        cachedFlagImage = img;\n      } else if (type === \"hashure\") {\n        cachedHashureImage = img;\n      } else {\n        cachedStarImage = img;\n      }\n      URL.revokeObjectURL(url);\n      isImageLoading[type] = false;\n      resolve(img);\n    };\n\n    img.src = url;\n  });\n}\n\nChart.plugins.register({\n  beforeDatasetsDraw: function (chart) {\n    const lineChartId = document.getElementById(\"line-chart\");\n    if (!lineChartId) {\n      return;\n    }\n    const ctx = chart.ctx;\n    const chartArea = chart.chartArea;\n    const totalItems = chart.data.labels.length;\n\n    if (cachedStarImage && totalItems >= 12) {\n      const lastXPos = chart.scales[\"x-axis-0\"].getPixelForTick(11);\n      ctx.drawImage(cachedStarImage, lastXPos - 12, chartArea.top - 12, 24, 24);\n    }\n  },\n\n  beforeDraw: async function (chart) {\n    const lineChartId = document.getElementById(\"line-chart\");\n    if (!lineChartId) {\n      return;\n    }\n    const ctx = chart.ctx;\n    const chartArea = chart.chartArea;\n    const labels = chart.data.labels;\n    const totalItems = labels.length;\n    const linePositions = [];\n    const shouldShowStar = totalItems >= 12;\n\n    if (totalItems > 0) {\n      if (totalItems >= 12) {\n        linePositions.push(3, 7, 11);\n      } else if (totalItems >= 8) {\n        linePositions.push(3, 7);\n      } else if (totalItems >= 4) {\n        linePositions.push(3);\n      }\n    }\n\n    const imagesToLoad = [\n      createCachedImage(flagSvg, \"flag\"),\n      createCachedImage(hashureSvg, \"hashure\"),\n    ];\n\n    if (shouldShowStar) {\n      imagesToLoad.push(createCachedImage(starSvg, \"star\"));\n    }\n\n    if (\n      !cachedFlagImage ||\n      !cachedHashureImage ||\n      (shouldShowStar && !cachedStarImage)\n    ) {\n      await Promise.all(imagesToLoad);\n    }\n\n    linePositions.forEach((index) => {\n      const xPos = chart.scales[\"x-axis-0\"].getPixelForTick(index);\n      ctx.save();\n      ctx.beginPath();\n      ctx.strokeStyle = \"rgba(178, 48, 102, 0.37)\";\n      ctx.lineWidth = 20;\n      ctx.moveTo(xPos, chartArea.bottom);\n      ctx.lineTo(xPos, chartArea.top);\n      ctx.stroke();\n      ctx.restore();\n    });\n\n    linePositions.forEach((index, arrayIndex) => {\n      const xPos = chart.scales[\"x-axis-0\"].getPixelForTick(index);\n      const totalHeight = chartArea.bottom - chartArea.top;\n\n      if (cachedFlagImage) {\n        const flagHeight = 20;\n        const flagY = 2;\n\n        ctx.drawImage(cachedFlagImage, xPos - 10, flagY, 20, flagHeight);\n\n        ctx.save();\n        ctx.fillStyle = \"#666666\";\n        ctx.font = \"700 12px Arial\";\n        ctx.textAlign = \"center\";\n        ctx.textBaseline = \"top\";\n        ctx.fillText(`${stringAno(arrayIndex, chart.config.data.studentYear, linePositions.length)}º Ano`, xPos, flagY + flagHeight + 5);\n        ctx.restore();\n      }\n\n      if (cachedHashureImage && (!shouldShowStar || index !== 11)) {\n        let startPercent, endPercent;\n\n        if (index === 3) {\n          startPercent = 0.2;\n          endPercent = 0.25;\n        } else if (index === 7) {\n          startPercent = 0.5;\n          endPercent = 0.55;\n        }\n\n        if (startPercent !== undefined && endPercent !== undefined && drawHashure) {\n          const hashureY = chartArea.bottom - totalHeight * endPercent;\n          const rangeHeight = (endPercent - startPercent) * totalHeight;\n\n          ctx.drawImage(\n            cachedHashureImage,\n            xPos - 10,\n            hashureY,\n            20,\n            rangeHeight\n          );\n        }\n      }\n    });\n  },\n});\n\nexport default {\n  name: \"UiLineChart\",\n  extends: Line,\n  props: {\n    data: {\n      type: Object,\n      required: true,\n    },\n    options: {\n      type: Object,\n      default: () => ({}),\n    },\n    studentYear: {\n      type: Number,\n      default: 10,\n    },\n  },\n  data() {\n    return {\n      defaultOptions: {\n        responsive: true,\n        maintainAspectRatio: false,\n        width: \"100%\",\n        elements: {\n          line: {\n            tension: 0,\n            borderColor: \"#B23066\",\n            borderWidth: 1,\n          },\n          point: {\n            radius: 1,\n            borderColor: \"#B23066\",\n            backgroundColor: \"#B23066\",\n            borderWidth: 10,\n            hitRadius: 10,\n          },\n        },\n        scales: {\n          yAxes: [\n            {\n              gridLines: {\n                drawBorder: false,\n              },\n              ticks: {\n                beginAtZero: true,\n                min: 0,\n                max: 100,\n                callback: (value) => {\n                  return `${value}%`;\n                },\n                padding: 12,\n              },\n            },\n          ],\n          xAxes: [\n            {\n              position: \"top\",\n              gridLines: {\n                display: false,\n              },\n              ticks: {\n                padding: 20,\n                callback: () => {\n                  return \"\";\n                },\n              },\n            },\n            {\n              gridLines: {\n                display: false,\n              },\n              ticks: {\n                padding: 20,\n              },\n            },\n          ],\n        },\n        legend: {\n          display: false,\n        },\n        tooltips: {\n          enabled: true,\n          callbacks: {\n            label: (tooltipItem, data) => {\n              const datasetIndex = tooltipItem.datasetIndex;\n              const dataIndex = tooltipItem.index;\n              const yValue = tooltipItem.yLabel;\n              const isLastPoint =\n                dataIndex === data.datasets[datasetIndex].data.length - 1;\n              return isLastPoint ? `Período ativo: ${yValue}%` : `${yValue}%`;\n            },\n            title: (tooltipItem, data) => {\n              return data.labels[tooltipItem[0].index];\n            },\n          },\n        },\n      },\n    };\n  },\n  mounted() {\n    const chartData = {\n      studentYear: this.studentYear,\n      labels: this.data.labels || [],\n      datasets: this.data.datasets.map((dataset, datasetIndex) => {\n        const modifiedDataset = { ...dataset };\n\n        if (datasetIndex === this.data.datasets.length - 1) {\n          modifiedDataset.pointBackgroundColor = \"#B23066\";\n          modifiedDataset.pointBorderColor = \"#B23066\";\n          modifiedDataset.pointRadius = 0.1;\n        }\n\n        return {\n          ...modifiedDataset,\n          borderColor: \"#B23066\",\n          backgroundColor: \"transparent\",\n          fill: false,\n        };\n      }),\n    };\n\n    const finalOptions = {\n      ...this.defaultOptions,\n      ...this.options,\n    };\n\n    this.renderChart(chartData, finalOptions);\n  },\n};\n</script>\n\n<style scoped>\ncanvas {\n  background-color: transparent !important;\n}\n</style>\n","var render, staticRenderFns\nimport script from \"./Linechart.vue?vue&type=script&lang=js&\"\nexport * from \"./Linechart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Linechart.vue?vue&type=style&index=0&id=44086968&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"44086968\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Linechart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Linechart.vue?vue&type=script&lang=js&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"width\":\"13\",\"height\":\"13\",\"viewBox\":\"0 0 13 13\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M12.5 1.50001V9.00001C12.4996 9.0712 12.484 9.14147 12.4543 9.20614C12.4245 9.27081 12.3813 9.32839 12.3275 9.37501C11.3725 10.2019 10.4594 10.5 9.58875 10.5C8.40687 10.5 7.30312 9.95376 6.27625 9.44689C4.61687 8.62501 3.17438 7.91314 1.5 9.23564V12C1.5 12.1326 1.44732 12.2598 1.35355 12.3536C1.25979 12.4473 1.13261 12.5 1 12.5C0.867392 12.5 0.740215 12.4473 0.646447 12.3536C0.552679 12.2598 0.5 12.1326 0.5 12V1.50001C0.500479 1.42878 0.516174 1.35847 0.546031 1.2938C0.575889 1.22913 0.619221 1.17158 0.673125 1.12501C2.92313 -0.823737 4.9425 0.174388 6.7225 1.05501C8.4375 1.90376 9.92437 2.63751 11.6725 1.12501C11.7448 1.06238 11.8335 1.02178 11.9281 1.00802C12.0227 0.994266 12.1193 1.00793 12.2064 1.0474C12.2935 1.08687 12.3674 1.15049 12.4195 1.23071C12.4715 1.31093 12.4995 1.40439 12.5 1.50001Z\",\"fill\":\"white\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./Flag.vue?vue&type=template&id=74bac6b6&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"width\":\"24\",\"height\":\"20\",\"viewBox\":\"0 0 24 20\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('g',{attrs:{\"clip-path\":\"url(#clip0_5712_931)\"}},[_c('rect',{attrs:{\"width\":\"24\",\"height\":\"20\",\"fill\":\"#B23066\"}}),_c('path',{attrs:{\"d\":\"M-1 -1L15 21\",\"stroke\":\"white\",\"stroke-opacity\":\"0.6\",\"stroke-width\":\"2\"}}),_c('path',{attrs:{\"d\":\"M-9 -1L7 21\",\"stroke\":\"white\",\"stroke-opacity\":\"0.6\",\"stroke-width\":\"2\"}}),_c('path',{attrs:{\"d\":\"M7 -1L23 21\",\"stroke\":\"white\",\"stroke-opacity\":\"0.6\",\"stroke-width\":\"2\"}}),_c('path',{attrs:{\"d\":\"M15 -1L31 21\",\"stroke\":\"white\",\"stroke-opacity\":\"0.6\",\"stroke-width\":\"2\"}})]),_c('defs',[_c('clipPath',{attrs:{\"id\":\"clip0_5712_931\"}},[_c('rect',{attrs:{\"width\":\"24\",\"height\":\"20\",\"fill\":\"white\"}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <svg width=\"24\" height=\"20\" viewBox=\"0 0 24 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <g clip-path=\"url(#clip0_5712_931)\">\r\n      <rect width=\"24\" height=\"20\" fill=\"#B23066\" />\r\n      <path d=\"M-1 -1L15 21\" stroke=\"white\" stroke-opacity=\"0.6\" stroke-width=\"2\" />\r\n      <path d=\"M-9 -1L7 21\" stroke=\"white\" stroke-opacity=\"0.6\" stroke-width=\"2\" />\r\n      <path d=\"M7 -1L23 21\" stroke=\"white\" stroke-opacity=\"0.6\" stroke-width=\"2\" />\r\n      <path d=\"M15 -1L31 21\" stroke=\"white\" stroke-opacity=\"0.6\" stroke-width=\"2\" />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"clip0_5712_931\">\r\n        <rect width=\"24\" height=\"20\" fill=\"white\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\r\n}\r\n</script>\r\n\r\n<style lang=\"sass\">\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartHashure.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChartHashure.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartHashure.vue?vue&type=template&id=bb84e6cc&\"\nimport script from \"./ChartHashure.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartHashure.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <b-container class=\"container-rda\">\n    <b-row>\n      <b-col>\n        <b-breadcrumb :items=\"breadcrumb\"></b-breadcrumb>\n      </b-col>\n    </b-row>\n\n    <b-row>\n      <b-col>\n        <h2 class=\"purple bold title\">Aluno</h2>\n      </b-col>\n\n      <b-col v-show=\"showButtons\" class=\"text-right\">\n        <b-button style=\"margin-left: 25px\" variant=\"outline\" @click=\"downloadStudentReport\"\n          :disabled=\"downloadLoading\">\n          {{ downloadLoading ? \"Aguarde...\" : \"Exportar\" }}\n        </b-button>\n        <b-button class=\"revert-approved-btn\" v-if=\"periodReport && periodReport.status === 'approved'\"\n          @click=\"() => pendingPeriodReportStatus()\">Reverter Liberar\n        </b-button>\n        <b-button style=\"margin-left: 25px\" variant=\"outline\" v-else @click=\"() => aprovePeriodReportStatus()\">Liberar\n        </b-button>\n      </b-col>\n    </b-row>\n\n    <div>\n      <b-row>\n        <b-col>\n          <b-row class=\"profile-row\">\n            <b-col>\n              <img v-if=\"photo == null || ''\" src=\"@/assets/images/default-photo.png\" height=\"64\" width=\"64\" alt />\n              <img v-else width=\"64\" height=\"64\" :src=\"`${photo}`\" alt />\n              <div class=\"content-meeting\">\n                <div class=\"student-detail\">\n                  <h5>{{ user && user.name }}</h5>\n                  <p>\n                    {{ cycle.designation }} ({{ year && year.designation }} º\n                    ano no ciclo) <br /> Frequência total do ano: {{ attendances.frequency }}%\n                  </p>\n                </div>\n              </div>\n            </b-col>\n            <b-col>\n              <div class=\"content-meeting\">\n                <div class=\"column\">\n                  <p>\n                    <b>Carga horária anual</b>\n                  </p>\n                  <p>{{ cycle.workload }}h</p>\n                </div>\n                <div class=\"column\">\n                  <p>\n                    <b>Limite permitido de faltas</b>\n                  </p>\n                  <p>{{ cycle.absence_limit_hours }}h</p>\n                </div>\n                <div class=\"column\">\n                  <p>\n                    <b>Total de faltas/atrasos do aluno</b>\n                  </p>\n                  <p>{{ attendances.time_absences ? attendances.time_absences : '0h' }}</p>\n                </div>\n              </div>\n            </b-col>\n          </b-row>\n        </b-col>\n      </b-row>\n\n      <div class=\"attendance-advice\">\n        <p>\n          Ao atingir 30% do limite permitido de faltas ({{\n          cycle.absence_limit_perc_responsible\n          }} horas), a Escola tem obrigação legal de comunicar o Conselho\n          Tutelar\n        </p>\n      </div>\n    </div>\n\n    <b-row style=\"padding-top: 36px\">\n      <b-col>\n        <h3>Tutoria</h3>\n      </b-col>\n\n      <b-col v-show=\"showButtons\" class=\"text-right\">\n        <button class=\"notify-button\" @click=\"() => notifyTutor()\" :disabled=\"periodReport && periodReport.description\">\n          Notificar pendência\n        </button>\n      </b-col>\n    </b-row>\n\n    <b-row style=\"padding-top: 15px\">\n      <b-col class=\"col-observacoes\">\n        <div class=\"content-meeting\">\n          <div class=\"observacao-column\" v-if=\"periodReport && periodReport.description\">\n            <span style=\"font-size: 16px; color: #666666\">Observação referente ao período {{ periodReport.Period.name\n              }}</span>\n            <p style=\"font-size: 18px; color: #b23066\">\n              {{ periodReport.description }}\n            </p>\n          </div>\n\n          <div class=\"observacao-column\" v-else>\n            <p style=\"font-size: 18px; color: #b23066; font-weight: bold\">\n              Nenhuma observação registrada.\n            </p>\n          </div>\n        </div>\n      </b-col>\n    </b-row>\n\n    <b-row style=\"padding-top: 36px\">\n      <b-col>\n        <h3>Evolução</h3>\n      </b-col>\n\n      <b-col v-show=\"showButtons\" class=\"text-right\">\n        <button class=\"notify-button\" @click=\"() => notifyTeacher()\">\n          Notificar pendência\n        </button>\n      </b-col>\n    </b-row>\n\n    <b-row style=\"padding-top: 20px\">\n      <b-col md=\"4\" lg=\"4\" class=\"menu-sidebar knowledge-menu\" style=\"background-color: #f9f9f9\">\n        <div class=\"menu\">\n          <span class=\"menu-sidebar-title\"> ÁREA DE CONHECIMENTO </span>\n          <ul style=\"padding-left: 0\">\n            <li class=\"side-item\" v-for=\"subject in subjectList\" :key=\"subject.id\"\n              :class=\"{ active: subject_id === subject.id }\" @click=\"() => selectSubject(subject.id)\">\n              <span>\n                {{ subject.designation }}\n              </span>\n            </li>\n          </ul>\n        </div>\n      </b-col>\n      <b-col lg=\"9\">\n        <div v-if=\"!loadingChart\">\n          <div class=\"chart-container\">\n            <h3>Percentual de evolução do aluno</h3>\n            <div class=\"flag-wrapper\">\n              <b-col class=\"subtitle-container\">\n                <span><b>Legenda:</b></span>\n                <div class=\"flag-container\">\n                  <div class=\"subtitle\">\n                    <div class=\"flag-box\">\n                      <Flag />\n                    </div>\n                    <span> Evolução anual </span>\n                  </div>\n\n                  <div class=\"subtitle\">\n                    <ChartHashure />\n                    <span>Estimativa para conclusão do ciclo em 3 anos</span>\n                  </div>\n                </div>\n              </b-col>\n            </div>\n            <ui-line-chart id=\"myLineChart\" :data=\"chartData\" :studentYear=\"year.designation\" class=\"box-chart\"></ui-line-chart>\n            <span v-b-tooltip.hover title=\"Progresso esperado\" />\n          </div>\n\n          <div class=\"register-container\">\n            <div class=\"register-period\">\n              <div class=\"title-format\">\n                <div>\n                  <span>REGISTROS DE APRENDIZAGEM <span style=\"color: #b23066\">DO PERÍODO</span></span>\n                </div>\n              </div>\n\n              <b-row v-if=\"subjectTopics.length > 0\">\n                <b-col class=\"col-status\" v-for=\"topic in subjectTopics\" :key=\"topic.id\">\n                  <div class=\"title-status-content\">\n                    <div class=\"status-content\" :style=\"topic.status === 'EE'\n                      ? 'background-color: #EF6549;'\n                      : ''\n                      \">\n                      <span style=\"margin: 4px 18.5px; color: #fff\">{{\n                        topic.status\n                        }}</span>\n                    </div>\n                    <h5>{{ topic.title }}</h5>\n                  </div>\n                </b-col>\n              </b-row>\n\n              <b-row>\n                <b-col class=\"col-status\" style=\"border: none\" v-for=\"topic in subjectTopics\" :key=\"topic.id\">\n                  <div class=\"register-item\">\n                    <ul v-if=\"topic.topics.length\">\n                      <span v-for=\"item in topic.topics\" :key=\"item.id\">\n                        {{ item.competence_sort_order }}.{{\n                        item.topic_sort_order\n                        }}\n                        {{ item.description }}\n                      </span>\n                    </ul>\n\n                    <ul v-else>\n                      <span>Nenhum conteúdo encontrado</span>\n                    </ul>\n                  </div>\n                </b-col>\n              </b-row>\n            </div>\n\n            <div class=\"register-cycle\">\n              <div class=\"title-format\">\n                <div>\n                  <span>REGISTROS DE APRENDIZAGEM <span style=\"color: #b23066\">DO CICLO</span></span>\n                </div>\n              </div>\n\n              <b-row v-if=\"subjectWithStatus.length > 0\">\n                <b-col class=\"col-status\" v-for=\"topic in subjectWithStatus\" :key=\"topic.id\">\n                  <div class=\"register-cycle-item\">\n                    <div class=\"status-content\" :style=\"topic.status === 'EE'\n                      ? 'background-color: #EF6549;'\n                      : ''\n                      \">\n                      <span style=\"margin: 4px 18.5px; color: #fff\">{{\n                        topic.status\n                        }}</span>\n                    </div>\n                    <span>\n                      {{ topic.totalWithStatus }}/{{ topic.totalValid }}\n                    </span>\n                  </div>\n                </b-col>\n              </b-row>\n            </div>\n          </div>\n        </div>\n        <div class=\"loading-spinner\" v-if=\"loadingChart && !notActivePeriod\">\n          <span class=\"spinner-border spinner-border lg\"></span>\n        </div>\n        <div v-if=\"notActivePeriod\">\n          <b-alert variant=\"danger\" show>\n            <h4 class=\"alert-heading\">Período ativo não encontrado</h4>\n            <p>\n              Não foi possível encontrar o período ativo para o aluno.\n            </p>\n          </b-alert>\n        </div>\n      </b-col>\n    </b-row>\n  </b-container>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport httpRda from \"../../../http-rda\";\nimport UiLineChart from \"@/components/chart/Linechart.vue\";\nimport Flag from \"@/components/svg/Flag.vue\";\nimport moment from \"moment-timezone\";\nimport ChartHashure from \"../../../components/svg/ChartHashure.vue\";\nexport default {\n  name: \"informe-periodico-detalhes\",\n  components: {\n    UiLineChart,\n    Flag,\n    ChartHashure,\n  },\n\n  data() {\n    return {\n      breadcrumb: [\n        {\n          text: \"Comunidade\",\n          href: \"/comunidade\",\n        },\n        {\n          text: \"Informe Periódico\",\n          href: \"/comunidade/informe-periodico\",\n        },\n        {\n          text: \"Aluno\",\n          href: \"/informe-periodico-detalhes\",\n          active: true,\n        },\n      ],\n      downloadLoading: false,\n      loadingChart: true,\n      notActivePeriod: false,\n      subjectList: [],\n      subject_id: null,\n      subjectTopics: [],\n      subjectWithStatus: [],\n      student: null,\n      user: null,\n      photo: null,\n      cycle: null,\n      year: null,\n      attendances: 0,\n      periodReport: null,\n      activePeriod: null,\n      bimontlyReportData: [],\n      chartData: {\n        labels: [],\n        datasets: [\n          {\n            data: [],\n            backgroundColor: \"transparent\",\n            borderColor: \"#B23066\",\n            fill: false,\n          },\n        ],\n      },\n      chartOptions: {\n        responsive: true,\n      },\n    };\n  },\n\n  computed: {\n    ...mapGetters({\n      loggedUser: \"auth/getAuthData\",\n    }),\n\n    studentId: {\n      get() {\n        return this.$route.params.id;\n      },\n    },\n\n    showButtons() {\n      return !this.loggedUser.role.includes(\"parent\");\n    },\n  },\n\n  methods: {\n    async downloadStudentReport() {\n      if (!this.periodReport) {\n        this.$swal.fire({\n          icon: \"error\",\n          title: \"Erro!\",\n          text: \"Relatório não encontrado.\",\n        });\n        return;\n      }\n\n      try {\n        this.downloadLoading = true;\n        const response = await httpRda.get(\n          `/bimontly-report/${this.studentId}/report`,\n          {\n            responseType: \"blob\",\n          }\n        );\n\n        const url = window.URL.createObjectURL(new Blob([response.data]));\n        const link = document.createElement(\"a\");\n\n        link.href = url;\n\n        const fileName = `relatorio-${this.user.name.replace(/\\s+/g, '')}-${this.cycle.designation.replace(/\\s+/g, '')}-${moment().format(\"DD-MM-YYYY\")}.pdf`\n\n        link.setAttribute(\n          \"download\",\n          fileName\n        );\n\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n\n        window.URL.revokeObjectURL(url);\n\n        this.downloadLoading = false;\n        this.$swal.fire({\n          icon: \"success\",\n          title: \"Sucesso!\",\n          text: \"Relatório baixado com sucesso.\",\n        });\n      } catch (error) {\n        this.downloadLoading = false;\n        this.$swal.fire({\n          icon: \"error\",\n          title: \"Erro!\",\n          text: error.response?.data?.error || \"Erro ao baixar relatório\",\n        });\n        return error;\n      }\n    },\n\n    async aprovePeriodReportStatus() {\n      if (!this.activePeriod) {\n        this.$swal.fire({\n          icon: \"error\",\n          title: \"Erro!\",\n          text: \"Período não encontrado.\",\n        });\n        return;\n      }\n\n      this.$swal\n        .fire({\n          title: \"Notificação\",\n          text: \"Deseja aprovar o relatório?\",\n          icon: \"warning\",\n          showCancelButton: true,\n          confirmButtonColor: \"#68c5b7\",\n          cancelButtonColor: \"#d33\",\n          confirmButtonText: \"Aprovar\",\n          cancelButtonText: \"Voltar\",\n        })\n        .then(async (result) => {\n          if (result.isConfirmed) {\n            try {\n              const hasReport = !!this.periodReport;\n\n              if (!hasReport) {\n                await httpRda\n                  .post(\"/period_reports\", {\n                    period_type: this.activePeriod.periodType,\n                    period_id: this.activePeriod.id,\n                    student_id: this.studentId,\n                    description: \"\",\n                    teacher_id: null,\n                    status: \"approved\",\n                  })\n                  .then(async () => {\n                    await this.getAllData();\n                    this.$swal.fire({\n                      icon: \"success\",\n                      title: \"Sucesso!\",\n                      text: \"\",\n                    });\n                  });\n              } else {\n                await httpRda\n                  .patch(\n                    `/bimontly-report/${this.studentId}/report/${this.periodReport.id}/change-period-report-status`,\n                    {\n                      status: \"approved\",\n                    }\n                  )\n                  .then(async () => {\n                    await this.getAllData();\n                    this.$swal.fire({\n                      icon: \"success\",\n                      title: \"Sucesso!\",\n                      text: \"\",\n                    });\n                  });\n              }\n            } catch (error) {\n              this.$swal.fire({\n                icon: \"error\",\n                title: \"Erro!\",\n                text: error.response.data.error,\n              });\n\n              return error;\n            }\n          }\n\n          await this.getAllData();\n        })\n        .catch((error) => {\n          this.$swal.fire({\n            icon: \"error\",\n            title: \"Oops...\",\n            text: \"Não foi possivel concluir a ação!\",\n            footer: \"Por favor, tente novamente mais tarde.\",\n          });\n\n          return error;\n        });\n    },\n\n    async pendingPeriodReportStatus() {\n      if (!this.periodReport.id) {\n        this.$swal.fire({\n          icon: \"error\",\n          title: \"Erro!\",\n          text: \"Relatório não encontrado.\",\n        });\n        return;\n      }\n\n      this.$swal\n        .fire({\n          title: \"Notificação\",\n          text: \"Deseja reverter o status do relatório para pendente?\",\n          icon: \"warning\",\n          showCancelButton: true,\n          confirmButtonColor: \"#68c5b7\",\n          cancelButtonColor: \"#d33\",\n          confirmButtonText: \"Reverter\",\n          cancelButtonText: \"Voltar\",\n        })\n        .then(async (result) => {\n          if (result.isConfirmed) {\n            try {\n              await httpRda\n                .patch(\n                  `/bimontly-report/${this.studentId}/report/${this.periodReport.id}/change-period-report-status`,\n                  {\n                    status: \"pending\",\n                  }\n                )\n                .then(async () => {\n                  await this.getAllData();\n                  this.$swal.fire({\n                    icon: \"success\",\n                    title: \"Sucesso!\",\n                    text: \"\",\n                  });\n                });\n            } catch (error) {\n              this.$swal.fire({\n                icon: \"error\",\n                title: \"Erro!\",\n                text: error.response.data.error,\n              });\n\n              return error;\n            }\n          }\n\n          await this.getAllData();\n        })\n        .catch((error) => {\n          this.$swal.fire({\n            icon: \"error\",\n            title: \"Oops...\",\n            text: \"Não foi possivel concluir a ação!\",\n            footer: \"Por favor, tente novamente mais tarde.\",\n          });\n\n          return error;\n        });\n    },\n\n    async getStudent() {\n      const response = await httpRda.get(`/students/${this.studentId}`);\n      this.student = response.data.student || null;\n      if (this.student && this.student.User) {\n        this.user = this.student.User;\n        this.photo = this.student.User.photo || \"\";\n        this.cycle = this.student.Cycle || null;\n        this.year = this.student.Year || null;\n      }\n    },\n\n    async getYearAttendance() {\n      const response = await httpRda.get(\n        `/students/${this.studentId}/attendances`\n      );\n\n      this.attendances = response.data;\n    },\n\n    getPeriodReport() {\n      httpRda\n        .get(`/period_reports/${this.studentId}`)\n        .then(response => {\n          this.periodReport = response.data.result.periodReport;\n          this.activePeriod = response.data.result.activePeriod;\n          this.notActivePeriod = false;\n\n          if (this.activePeriod) {\n            this.activePeriod.from_date = moment(\n              this.activePeriod.from_date\n            ).format(\"DD/MM/YYYY\");\n            this.activePeriod.to_date = moment(\n              this.activePeriod.to_date\n            ).format(\"DD/MM/YYYY\");\n          }\n        })\n        .catch(error => {\n          this.periodReport = null;\n          this.activePeriod = null;\n          this.loadingChart = false;\n          this.notActivePeriod = true;\n          if (error.response.data.error === 'Active period not found') {\n            this.$swal.fire({\n              icon: \"error\",\n              title: \"Erro!\",\n              text: \"Período ativo não encontrado.\",\n            });\n          } else {\n            this.$swal.fire({\n              icon: \"error\",\n              title: \"Erro!\",\n              text: error.response.data.error,\n            });\n          }\n\n        });\n    },\n\n    async notification(type, payload) {\n      const textTutor =\n        \"Parece que algumas informações estão ausentes. Gostaria de solicitar o tutor a inclusão dos dados necessários?\";\n      const textTeacher =\n        \"Parece que algumas informações estão ausentes. Gostaria de solicitar aos professores a inclusão dos dados necessários?\";\n\n      this.$swal\n        .fire({\n          title: \"Notificação\",\n          text: type === \"period_tutor\" ? textTutor : textTeacher,\n          icon: \"warning\",\n          showCancelButton: true,\n          confirmButtonColor: \"#68c5b7\",\n          cancelButtonColor: \"#d33\",\n          confirmButtonText: \"Notificar\",\n          cancelButtonText: \"Voltar\",\n        })\n        .then(async (result) => {\n          if (result.isConfirmed) {\n            try {\n              await httpRda\n                .post(\n                  `/bimontly-report/${this.studentId}/notifications`,\n                  payload\n                )\n                .then(() => {\n                  this.$swal.fire({\n                    icon: \"success\",\n                    title: \"Notificação enviada!\",\n                    text: \"Notificação enviada com sucesso.\",\n                  });\n                });\n            } catch (error) {\n              this.$swal.fire({\n                icon: \"error\",\n                title: \"Erro ao notificar!\",\n                text: error.response.data.error,\n              });\n\n              return error;\n            }\n          }\n        })\n        .catch((error) => {\n          this.$swal.fire({\n            icon: \"error\",\n            title: \"Oops...\",\n            text: \"Não foi possivel notificar!\",\n            footer: \"Por favor, tente novamente mais tarde.\",\n          });\n\n          return error;\n        });\n    },\n\n    async notifyTutor() {\n      await this.notification(\"period_tutor\", {\n        type: \"period_tutor\",\n      });\n    },\n\n    async notifyTeacher() {\n      await this.notification(\"period_teacher\", {\n        type: \"period_teacher\",\n        subject_id: this.subject_id,\n      });\n    },\n\n    async getSubjectList() {\n      const response = await httpRda.get(\n        `students/${this.studentId}/subjects?specific_order=1`\n      );\n      this.subjectList = response.data.subjects;\n\n      if (this.subjectList.length > 0) {\n        this.selectSubject(this.subjectList[0].id);\n      }\n    },\n\n    async selectSubject(subject_id) {\n      this.loadingChart = true;\n      this.subject_id = subject_id;\n      const response = await httpRda.get(\n        `/bimontly-report/${this.studentId}?subject_id=${subject_id}`\n      );\n\n      this.bimontlyReportData = response.data.results || [];\n\n      this.chartData.labels = [];\n      this.chartData.datasets[0].data = [];\n\n      this.chartData.labels = this.bimontlyReportData.map(\n        (item) => item.to_date\n      );\n      this.chartData.datasets[0].data = this.bimontlyReportData.map(\n        (item) => item.total\n      );\n\n      await this.getTopicWithDescription(subject_id);\n      await this.getTopicWithStatus(subject_id);\n\n      this.loadingChart = false;\n    },\n\n    async getTopicWithDescription(subject_id) {\n      const response = await httpRda.get(\n        `/students/${this.studentId}/get_topics_with_description`,\n        {\n          params: {\n            subject_id: subject_id,\n            status: [\"A\", \"AN\", \"EE\"],\n          },\n        }\n      );\n\n      this.subjectTopics = response.data.topics.reduce((acc, item) => {\n        let subjectTopicWithTitle = { ...item, title: \"\" };\n\n        if (item.status === \"A\") {\n          subjectTopicWithTitle.title = \"Conteúdos aprendidos\";\n          acc.push(subjectTopicWithTitle);\n        } else if (item.status === \"AN\") {\n          subjectTopicWithTitle.title = \"Conteúdos ainda não aprendidos\";\n          acc.push(subjectTopicWithTitle);\n        } else if (item.status === \"EE\") {\n          subjectTopicWithTitle.title = \"Conteúdos em estudo\";\n          acc.push(subjectTopicWithTitle);\n        }\n\n        return acc;\n      }, []);\n    },\n\n    async getTopicWithStatus(subject_id) {\n      const response = await httpRda.get(\n        `/students/${this.studentId}/get_topics_with_status`,\n        {\n          params: {\n            subject_id: subject_id,\n            status: [\"A\", \"AN\", \"EE\"],\n            count: true,\n          },\n        }\n      );\n\n      this.subjectWithStatus = response.data.topics.reduce((acc, item) => {\n        if (item.status === \"A\") {\n          acc.push(item);\n        } else if (item.status === \"AN\") {\n          acc.push(item);\n        } else if (item.status === \"EE\") {\n          acc.push(item);\n        }\n\n        return acc;\n      }, []);\n    },\n\n    async getAllData() {\n      await this.getStudent();\n      await this.getYearAttendance();\n      this.getPeriodReport();\n      await this.getSubjectList();\n    },\n  },\n\n  async created() {\n    await this.getAllData();\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n@import \"@/assets/css/variables.scss\";\n\n.center-icons {\n  display: flex;\n  justify-content: space-evenly;\n}\n\n.title {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  .tags_count {\n    background-color: #68c5b7;\n    font-size: 18px;\n    border-radius: 3px;\n    color: #fff;\n    margin-left: 10px;\n    padding: 3px 10px;\n    height: max-content;\n  }\n}\n\n.list-top {\n  margin-top: 30px;\n  margin-bottom: 30px;\n}\n\n.list-teacher {\n  background-color: $white;\n  border: 1px solid $grey5;\n  border-radius: 10px;\n  margin-bottom: 15px;\n  min-height: 80px;\n\n  &:hover {\n    border-color: transparent;\n    background-image: linear-gradient($white, $white),\n      radial-gradient(circle at top left, $orange, $purple);\n    background-origin: border-box;\n    background-clip: content-box, border-box;\n  }\n\n  p {\n    margin: 0;\n  }\n\n  .disciplines {\n    .name {\n      display: inline-block;\n      line-height: 22px;\n\n      .comma {\n        margin-right: 4px;\n      }\n\n      &:last-child {\n        .comma {\n          display: none;\n        }\n      }\n    }\n  }\n\n  .cycles {\n    display: flex;\n    flex-wrap: wrap;\n\n    .tags {\n      background-color: $blue;\n      border-radius: 5px;\n      color: $white;\n      font-weight: $bold;\n      line-height: 28px;\n      margin: 3px 12px 3px 0;\n      max-width: 58px;\n      padding: 0 3px;\n      text-align: center;\n      vertical-align: middle;\n    }\n  }\n}\n\n.outline {\n  color: #fff !important;\n  background: transparent;\n  max-width: 220px !important;\n  margin-right: 20px;\n\n  &:hover {\n    color: #68c5b7 !important;\n  }\n}\n\n.col {\n  display: flex;\n  align-items: center;\n\n  img {\n    margin-right: 40px;\n  }\n\n  .content-meeting {\n    display: flex;\n    flex-direction: row;\n    gap: 32px;\n    width: 100%;\n\n\n    h5 {\n      font-size: 18px;\n      white-space: nowrap;\n      margin: 0;\n    }\n\n    .observacao-column {\n      display: flex;\n      flex-direction: column;\n      align-self: center;\n      justify-self: center;\n      gap: 8px;\n\n      p {\n        margin: 0;\n        line-break: anywhere;\n        font-size: 18px;\n      }\n    }\n\n    .column {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n      justify-content: flex-start;\n      gap: 4px;\n      width: 100%;\n\n      p {\n        margin: 0;\n        font-weight: 400;\n        white-space: nowrap;\n        font-size: 18px;\n\n        @media (max-width: 1300px) {\n          font-size: 14px;\n        }\n      }\n\n      &.two {\n        min-width: 650px;\n      }\n    }\n\n\n\n    .student-detail {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      width: 100%;\n\n      @media (max-width: 1310px) {\n        max-width: 300px;\n      }\n\n      p {\n        font-size: 18px;\n        white-space: nowrap;\n        margin: 0;\n      }\n    }\n  }\n}\n\n.profile-row {\n  background: -webkit-linear-gradient(left, #36b67d, #6883c5);\n  border-radius: 10px;\n  color: $white;\n  margin-top: 30px;\n  padding: 28px 10px;\n  position: relative;\n  width: 100%;\n  flex-wrap: nowrap;\n\n  &:after {\n    content: none;\n    right: 0;\n    pointer-events: none;\n    position: absolute;\n    top: -5px;\n  }\n\n\n\n  .col {\n    display: flex;\n    align-items: center;\n\n    img {\n      margin-right: 40px;\n    }\n  }\n}\n\n.attendance-advice {\n  background-color: #ef6549;\n  border-bottom-right-radius: 10px;\n  border-bottom-left-radius: 10px;\n  padding: 10px 10px;\n\n  display: flex;\n  align-self: center;\n  justify-self: center !important;\n\n  p {\n    color: #fff;\n    margin: 0;\n    font-weight: 400;\n    font-size: 14px;\n    letter-spacing: 1px;\n  }\n}\n\n.outline {\n  color: #68c5b7 !important;\n  background: transparent;\n\n  &:hover {\n    color: #fff !important;\n  }\n}\n\n.col-observacoes {\n  border-radius: 10px;\n  padding: 15px 20px 15px 20px;\n  background-color: #fff;\n}\n\n.center-itens {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n\n.flag-box {\n  width: 24px;\n  height: 24px;\n  background-color: #36b67d;\n  border-radius: 5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n}\n\n.subtitle-container {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 0;\n}\n\n.flag-container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n  font-size: 16px;\n\n  .subtitle {\n    display: flex;\n    flex-direction: row;\n    gap: 12px;\n  }\n}\n\n.status-content {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #68c5b7;\n  widows: 48px;\n  height: 28px;\n  border-radius: 5px;\n  max-width: 48px;\n}\n\n.register-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 0;\n\n  .title-status-content {\n    display: flex;\n    flex-direction: column;\n    font-size: 20px;\n    font-weight: 700;\n    gap: 8px;\n    border-bottom: 1px solid #b3b3b3;\n    width: 100%;\n\n    h5 {\n      white-space: nowrap;\n    }\n  }\n\n  .title-format {\n    padding-top: 56px;\n    font-size: 20px;\n    font-weight: 700;\n    color: #666666;\n  }\n\n  .register-period {\n    display: flex;\n    width: 100%;\n    gap: 24px;\n    flex-direction: column;\n\n    ul {\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n      max-width: 340px;\n    }\n\n    .register-item {\n      align-self: flex-start;\n      padding-right: 20px;\n    }\n  }\n\n  .register-cycle {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n\n    .register-cycle-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 20px;\n      width: 100%;\n\n      & span:first-child {\n        font-weight: 700;\n      }\n    }\n  }\n}\n\n.chart-container {\n  display: flex;\n  flex-direction: column;\n\n  h3 {\n    font-weight: 700;\n    padding-bottom: 16px;\n    font-size: 20px;\n    color: #666666;\n  }\n\n  .flag-percentage {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    color: #666666;\n\n    &:last-child {\n      margin-right: 50px;\n\n      .flag-box:before {\n        content: \"\";\n        width: 1px;\n      }\n    }\n\n    .flag-box:before {\n      content: \"\";\n      height: 342px;\n      width: 5px;\n      background-color: #b230665e;\n      top: 32px;\n      position: absolute;\n    }\n  }\n\n  .flag-wrapper {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    padding-bottom: 24px;\n  }\n}\n\n.revert-approved-btn {\n  margin-left: 25px;\n  color: #fff !important;\n  background: transparent;\n  max-width: 220px !important;\n  margin-right: 20px;\n  border: solid 1px #ef6549;\n  background-color: #ef6549;\n\n  &:hover {\n    color: #ef6549 !important;\n    border: solid 1px #ef6549 !important;\n  }\n}\n\n.loading-spinner {\n  span {\n    color: #b23066;\n  }\n\n  display: flex;\n  height: 100vh;\n  width: 100%;\n  justify-content: center;\n  align-items: flex-start;\n}\n\n.knowledge-menu {\n  padding-left: 10px;\n\n  .menu-sidebar-title {\n    padding-bottom: 16px;\n    font-weight: 600;\n    color: #b3b3b3;\n    font-size: 14px !important;\n  }\n\n  .side-item,\n  .menu-sidebar-title {\n    padding: 8px 12px !important;\n\n    span {\n      padding: 0px !important;\n    }\n\n    white-space: nowrap;\n    font-size: 18px;\n\n    &.active {\n      &:after {\n        content: \"\";\n        background: $gradient1;\n        border-radius: 10px;\n        display: block;\n        height: 24px;\n        position: absolute;\n        left: 0;\n        bottom: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n        width: 4px;\n      }\n\n      &:before {\n        all: unset !important;\n      }\n\n      background-color: transparent !important;\n    }\n\n    &:hover {\n      background-color: transparent !important;\n\n      &:after {\n        content: \"\";\n        border-radius: 10px;\n        display: block;\n        position: absolute;\n        height: 24px;\n        left: 0;\n        bottom: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n        width: 4px;\n        background-color: #b3b3b3 !important;\n      }\n\n      &:before {\n        all: unset !important;\n      }\n    }\n  }\n}\n\n.notify-button {\n  background-color: transparent !important;\n  text-decoration: underline;\n  display: inline-block;\n  color: #68c5b7;\n  font-weight: 700;\n  border: 0;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Show.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Show.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Show.vue?vue&type=template&id=9fce85a2&scoped=true&\"\nimport script from \"./Show.vue?vue&type=script&lang=js&\"\nexport * from \"./Show.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Show.vue?vue&type=style&index=0&id=9fce85a2&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"9fce85a2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Show.vue?vue&type=style&index=0&id=9fce85a2&scoped=true&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Linechart.vue?vue&type=style&index=0&id=44086968&scoped=true&lang=css&\""],"sourceRoot":""}