{"version":3,"sources":["webpack:///./node_modules/primevue/inlinemessage/inlinemessage.esm.js","webpack:///./src/components/Audit/AuditDetailModal/EditAnswer.vue","webpack:///./src/components/Audit/AuditDetailModal/EditAnswer.vue?8efe","webpack:///./src/components/Audit/Modals/ImageModal.vue","webpack:///./src/components/Audit/Modals/ImageModal.vue?8194","webpack:///./src/views/audit/pages/AuditDetails.vue","webpack:///./src/views/audit/pages/AuditDetails.vue?fc6e","webpack:///./src/views/audit/pages/AuditDetails.vue?3629","webpack:///./src/core/helpers/dom.ts","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["script","name","props","severity","type","String","default","timeout","visible","this","sticky","setTimeout","life","computed","$slots","_hoisted_1","class","_hoisted_2","render","_ctx","_cache","$props","$setup","$data","$options","containerClass","iconClass","styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","css_248z","t","te","translate","text","store","auditId","newTargetModalRef","block","controllerAnswer","question","id","description","questionText","questionInfoText","answers","checklistQuestionId","required","sendQuestionObj","answerId","answerValueIds","answerText","closeModal","isResponse","emit","value","dispatch","then","response","QuestionId","QuestionText","QuestionInfoText","Description","IsRequired","ChecklistQuestionId","Answers","length","forEach","answer","modelAnswer","questionId","selected","answerValues","Id","Type","Selected","AnswerText","date","Date","yyyy","getFullYear","mm","getMonth","dd","getDate","newDate","AnswerValues","modelValue","valueText","AnswerId","ValueText","push","getAuditDetails","sendAnswer","selectedAnswerId","selectedAnswerValues","checkedAnswer","getElementById","checked","item","checkedAnswerValue","answerValue0","answerTypeController","emptyControl","clearButton","getElementsByName","answerValue","typeList","questionAnswers","status","index","some","x","clearForm","addEventListener","__exports__","controlVideo","path","a","middlePath","substring","removeImg","imgId","obj","confirm","hideModalFunction","onDownload","async","url","window","open","videoPause","vid","imgObj","pause","currentTime","locale","route","msgConfirm","parseInt","params","summary","Departments","loading","sections","loadingBtn","approvalButton","Url","modalId","sectionsLoading","summaryLoading","detailsLoading","answerLoading","getAuditSummary","departmentList","categoryList","refDepChart","refCatChart","getSections","departmentItem","listIndex","findIndex","department","DepartmentId","EarnedScore","Count","DepartmentName","AvailableScore","parseFloat","DepartmentChart","options","xaxis","categories","map","series","data","CategoryChart","slice","CategoryName","categoryChartSeries","selectedIdList","answerGroupList","Categories","category","Questions","AnswerTemplateId","answerGroupIndex","answerTemp","count","sendApprove","payload","require","target","event","currentTarget","message","icon","acceptLabel","rejectLabel","acceptClass","rejectClass","accept","getAudit","reject","modalClosed","reportPdf","URL","createObjectURL","openImgModal","img","StatusValue","chart","height","width","toolbar","show","dataLabels","enabled","plotOptions","radar","size","tooltip","y","formatter","val","markers","hover","labels","trim","len","yaxis","i","stroke","legend","position","colors","noData","align","verticalAlign","offsetX","offsetY","color","undefined","fontSize","fontFamily","onChangeCheckbox","departmentId","filter","newCategories","element","includes","hideModal","modalEl","myModal","getInstance","hide","removeModalBackdrop","querySelectorAll","remove","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","SET_BREADCRUMB_ACTION","title","pageBreadcrumbPath"],"mappings":"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","file":"js/chunk-173afbb7.b6d9508e.js","sourcesContent":["import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode } from 'vue';\n\nvar script = {\n    name: 'InlineMessage',\n    props: {\n        severity: {\n            type: String,\n            default: 'error'\n        }\n    },\n    timeout: null,\n    data() {\n        return {\n            visible: true\n        }\n    },\n    mounted() {\n        if (!this.sticky) {\n            setTimeout(() => {\n                this.visible = false;\n            }, this.life);\n        }\n    },\n    computed: {\n        containerClass() {\n            return ['p-inline-message p-component p-inline-message-' + this.severity, {'p-inline-message-icon-only': !this.$slots.default}];\n        },\n        iconClass() {\n            return ['p-inline-message-icon pi', {\n                'pi-info-circle': this.severity === 'info',\n                'pi-check': this.severity === 'success',\n                'pi-exclamation-triangle': this.severity === 'warn',\n                'pi-times-circle': this.severity === 'error'\n            }];\n        }\n    }\n};\n\nconst _hoisted_1 = { class: \"p-inline-message-text\" };\nconst _hoisted_2 = /*#__PURE__*/createTextVNode(\" \");\n\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n  return (openBlock(), createElementBlock(\"div\", {\n    \"aria-live\": \"polite\",\n    class: normalizeClass($options.containerClass)\n  }, [\n    createElementVNode(\"span\", {\n      class: normalizeClass($options.iconClass)\n    }, null, 2),\n    createElementVNode(\"span\", _hoisted_1, [\n      renderSlot(_ctx.$slots, \"default\", {}, () => [\n        _hoisted_2\n      ])\n    ])\n  ], 2))\n}\n\nfunction styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nvar css_248z = \"\\n.p-inline-message {\\n    display: -webkit-inline-box;\\n    display: -ms-inline-flexbox;\\n    display: inline-flex;\\n    -webkit-box-align: center;\\n        -ms-flex-align: center;\\n            align-items: center;\\n    -webkit-box-pack: center;\\n        -ms-flex-pack: center;\\n            justify-content: center;\\n    vertical-align: top;\\n}\\n.p-inline-message-icon-only .p-inline-message-text {\\n    visibility: hidden;\\n    width: 0;\\n}\\n.p-fluid .p-inline-message {\\n    display: -webkit-box;\\n    display: -ms-flexbox;\\n    display: flex;\\n}\\n\";\nstyleInject(css_248z);\n\nscript.render = render;\n\nexport { script as default };\n","<template>\n  <div\n    class=\"modal fade\"\n    tabindex=\"-1\"\n    ref=\"newTargetModalRef\"\n    id=\"update-answer-modal\"\n    aria-hidden=\"true\"\n  >\n    <div class=\"modal-dialog modal-dialog-centered mw-850px h-500px\">\n      <div class=\"modal-content rounded\">\n        <div class=\"modal-header\">\n          <h5 class=\"modal-title\">{{ translate(\"edit_answer\") }}</h5>\n          <a\n            class=\"btn btn-icon btn-sm btn-active-light-primary text-dark\"\n            aria-label=\"Close\"\n            @click=\"closeModal\"\n          >\n            <i class=\"bi bi-x-lg\"></i>\n          </a>\n        </div>\n\n        <div\n          class=\"modal-body rounded\"\n          style=\"background: #fbfbfb\"\n        >\n          <BlockUI\n            :loading=\"block\"\n            class=\"position-relative\"\n          />\n          <!-- ? Question Text -->\n          <div\n            class=\"d-flex justify-content-between mx-8\"\n            clear\n          >\n            <div class=\"my-2 fs-6 fw-bold\">\n              {{ question.questionText }}\n            </div>\n            <a\n              v-if=\"question.required\"\n              :title=\"translate('audit_detail_required_answer')\"\n            >\n              <i class=\"bi bi-exclamation-circle-fill fs-2 text-primary\"></i\n            ></a>\n          </div>\n\n          <!--  ! 1'Den Fazla Cevap Varsa -->\n          <div\n            v-if=\"question.answers.length > 1\"\n            class=\"px-8 py-4\"\n          >\n            <!-- ? Answers -->\n            <div class=\"d-flex justify-content-between\">\n              <div class=\"d-flex flex-wrap justify-content-between\">\n                <div\n                  v-for=\"answer in question.answers\"\n                  :key=\"`answer-div-${answer.id}`\"\n                  class=\"mb-2\"\n                >\n                  <div class=\"form-check form-check-custom\">\n                    <input\n                      v-model=\"answer.id\"\n                      name=\"answer\"\n                      class=\"form-check-input h-20px w-20px\"\n                      type=\"radio\"\n                      @click=\"visible = answer.id\"\n                      :id=\"`answer-${answer.id}`\"\n                      :checked=\"answer.selected\"\n                      :value=\"answer.id\"\n                    />\n                    <label\n                      class=\"form-check-label not-text-copy ms-2 me-10\"\n                      :for=\"`answer-${answer.id}`\"\n                    >\n                      {{ answer.answerText }}\n                    </label>\n                  </div>\n                </div>\n              </div>\n\n              <!--  ? Clear Button -->\n              <button\n                class=\"btn btn-sm btn-light-primary\"\n                @click=\"clearButton\"\n              >\n                {{ translate(\"Clear\") }}\n              </button>\n            </div>\n\n            <!--  ? Cevap zorunlu uyarısı -->\n            <transition\n              name=\"component-fade\"\n              mode=\"out-in\"\n            >\n              <div v-show=\"controllerAnswer\">\n                <InlineMessage class=\"fs-7 text-gray-800 bg-light-danger\">\n                  {{ translate(\"audit_detail_required_answer\") }}\n                </InlineMessage>\n              </div>\n            </transition>\n\n            <!-- ? Answer Values -->\n            <div\n              v-for=\"answer in question.answers\"\n              :key=\"`answer-div-value-${answer.id}`\"\n            >\n              <div\n                v-if=\"answer.answerValues.length > 0 && visible === answer.id\"\n                class=\"py-2\"\n              >\n                <h6 class=\"text-gray-500 fw-lighter mt-4 ps-0\">\n                  {{ translate(\"question_component_modal_multi_language_sub_answers\") }}\n                </h6>\n                <div v-if=\"answer.type === 'Radio'\">\n                  <div\n                    v-for=\"value in answer.answerValues\"\n                    :key=\"value.id\"\n                    class=\"mb-2\"\n                  >\n                    <div class=\"form-check form-check-custom\">\n                      <input\n                        v-model=\"value.selected\"\n                        name=\"value\"\n                        class=\"form-check-input h-20px w-20px\"\n                        type=\"radio\"\n                        :id=\"`role-${value.id}`\"\n                        value=\"true\"\n                      />\n                      <label\n                        class=\"form-check-label not-text-copy\"\n                        :for=\"`role-${value.id}`\"\n                      >\n                        {{ value.valueText }}\n                      </label>\n                    </div>\n                  </div>\n                </div>\n                <div v-if=\"answer.type === 'Multiple'\">\n                  <div\n                    v-for=\"value in answer.answerValues\"\n                    :key=\"value.id\"\n                    class=\"mb-2\"\n                    style=\"display: block\"\n                  >\n                    <div class=\"form-check form-check-custom\">\n                      <input\n                        v-model=\"value.selected\"\n                        name=\"value\"\n                        class=\"form-check-input h-20px w-20px\"\n                        type=\"checkbox\"\n                        :id=\"`role-${value.id}`\"\n                      />\n                      <label\n                        class=\"form-check-label not-text-copy\"\n                        :for=\"`role-${value.id}`\"\n                      >\n                        {{ value.valueText }}\n                      </label>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <!-- ? Description -->\n\n            <h6 class=\"text-gray-500 fw-lighter mt-4 ps-0\">\n              {{ translate(\"question_component_answer_modal_evidence_options_notes\") }}\n            </h6>\n            <textarea\n              name=\"info\"\n              v-model=\"question.description\"\n              :placeholder=\"t('question_component_answer_modal_evidence_options_notes')\"\n              class=\"form-control fs-6\"\n            ></textarea>\n          </div>\n\n          <!-- ! 1 Adet Cevap Varsa ve Info sorusu değil ise -->\n          <div\n            v-else-if=\"question.answers.length === 1 && !answerTypeController(question.answers)\"\n            class=\"px-8 py-4\"\n          >\n            <!-- ? Multiple Type-->\n            <div v-if=\"question.answers[0].type === 'Multiple'\">\n              <div\n                v-for=\"value in question.answers[0].answerValues\"\n                :key=\"value.id\"\n                class=\"mb-2\"\n              >\n                <div class=\"form-check form-check-custom mb-2\">\n                  <input\n                    v-model=\"value.selected\"\n                    class=\"form-check-input h-20px w-20px\"\n                    type=\"checkbox\"\n                    :id=\"`role-${value.id}`\"\n                  />\n                  <label\n                    class=\"form-check-label not-text-copy\"\n                    :for=\"`role-${value.id}`\"\n                  >\n                    {{ value.valueText }}\n                  </label>\n                </div>\n              </div>\n            </div>\n\n            <!--  ? Radio Type -->\n            <div v-if=\"question.answers[0].type === 'Radio'\">\n              <div\n                v-for=\"value in question.answers[0].answerValues\"\n                :key=\"value.id\"\n                class=\"mb-2\"\n              >\n                <div class=\"form-check form-check-custom\">\n                  <input\n                    v-model=\"value.selected\"\n                    name=\"value\"\n                    class=\"form-check-input h-20px w-20px\"\n                    type=\"radio\"\n                    :id=\"`role-${value.id}`\"\n                    :checked=\"value.selected\"\n                    :value=\"value.id\"\n                  />\n                  <label\n                    class=\"form-check-label not-text-copy\"\n                    :for=\"`role-${value.id}`\"\n                  >\n                    {{ value.valueText }}\n                  </label>\n                </div>\n              </div>\n\n              <div :class=\"controllerAnswer === true ? 'justify-content-between' : 'justify-content-end'\">\n                <transition\n                  name=\"component-fade\"\n                  mode=\"out-in\"\n                >\n                  <div\n                    v-show=\"controllerAnswer\"\n                    class=\"align-items-center\"\n                  >\n                    <InlineMessage class=\"fs-7 text-gray-800 bg-light-danger\">\n                      {{ translate(\"audit_detail_required_answer\") }}\n                    </InlineMessage>\n                  </div>\n                </transition>\n              </div>\n            </div>\n\n            <!--  ? Single Type -->\n            <div\n              v-if=\"question.answers[0].type === 'Single'\"\n              class=\"mb-2\"\n            >\n              <div class=\"form-check form-check-custom\">\n                <input\n                  v-model=\"question.answers[0].selected\"\n                  name=\"answer\"\n                  class=\"form-check-input h-20px w-20px\"\n                  type=\"checkbox\"\n                  :id=\"`answer-${question.answers[0].id}`\"\n                />\n                <label\n                  class=\"form-check-label not-text-copy\"\n                  :for=\"`answer-${question.answers[0].id}`\"\n                >\n                  {{ question.answers[0].answerText }}\n                </label>\n              </div>\n            </div>\n\n            <!-- ? Description -->\n            <h6 class=\"text-gray-500 fw-lighter mt-10 ps-0\">\n              {{ translate(\"question_component_answer_modal_evidence_options_notes\") }}\n            </h6>\n            <textarea\n              name=\"info\"\n              v-model=\"question.description\"\n              :placeholder=\"t('question_component_answer_modal_evidence_options_notes')\"\n              class=\"form-control fs-6\"\n            ></textarea>\n          </div>\n\n          <!--  ! 1 Adet Cevap Varsa ve Info Sorusu ise -->\n          <div\n            v-else-if=\"answerTypeController(question.answers)\"\n            class=\"px-8 py-4\"\n          >\n            <h6 class=\"text-gray-500 fw-lighter mb-3\">\n              {{ t(\"question_component_button_answer\") }}\n            </h6>\n\n            <!--  ? Text Type-->\n            <textarea\n              v-if=\"question.answers[0].type === 'Text'\"\n              class=\"form-control\"\n              v-model=\"question.answers[0].answerText\"\n              :placeholder=\"t('question_component_button_answer')\"\n            ></textarea>\n\n            <!--  ? Signature Type-->\n            <input\n              v-if=\"question.answers[0].type === 'Signature'\"\n              type=\"text\"\n              :placeholder=\"t('user_modal_label_full_name')\"\n              class=\"form-control\"\n              v-model=\"question.answers[0].answerText\"\n            />\n\n            <!--  ? Phone Type-->\n            <input\n              v-if=\"question.answers[0].type === 'Phone'\"\n              type=\"tel\"\n              :placeholder=\"t('PhoneNumber')\"\n              class=\"form-control mw-450px\"\n              v-model=\"question.answers[0].answerText\"\n            />\n\n            <!--  ? Location Type-->\n            <textarea\n              v-if=\"question.answers[0].type === 'Location'\"\n              class=\"form-control\"\n              :placeholder=\"t('audit_report_summary_location')\"\n              v-model=\"question.answers[0].answerText\"\n            ></textarea>\n\n            <!--  ? Date Type-->\n            <input\n              v-if=\"question.answers[0].type == 'DateTime'\"\n              type=\"date\"\n              class=\"form-control mw-450px\"\n              v-model=\"question.answers[0].answerText\"\n            />\n\n            <!-- ? Cevap zorunlu uyarısı -->\n            <transition\n              name=\"component-fade\"\n              mode=\"out-in\"\n              class=\"mt-3\"\n            >\n              <div\n                v-show=\"controllerAnswer\"\n                class=\"align-items-center\"\n              >\n                <InlineMessage class=\"fs-7 text-gray-800 bg-light-danger\">\n                  {{ translate(\"audit_detail_required_answer\") }}\n                </InlineMessage>\n              </div>\n            </transition>\n          </div>\n\n          <div class=\"d-flex justify-content-end\">\n            <a\n              class=\"btn btn-sm btn-white mt-4 border me-2\"\n              @click=\"closeModal\"\n              >{{ translate(\"Cancel\") }}</a\n            >\n            <a\n              @click=\"sendAnswer(question)\"\n              class=\"btn btn-sm btn-primary mt-4\"\n            >\n              {{ translate(\"Save\") }}\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { hideModal } from \"@/core/helpers/dom\";\nimport { ref, defineEmits, defineProps, watch, reactive, inject, onMounted } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useStore } from \"vuex\";\nimport InlineMessage from \"primevue/inlinemessage\";\n\nconst { t, te } = useI18n();\nconst translate = (text) => {\n  if (te(text)) {\n    return t(text);\n  } else {\n    return text;\n  }\n};\n\nconst store = useStore();\nconst props = defineProps({ id: Number });\nconst emit = defineEmits([\"propsNull\"]);\nconst auditId = inject(\"auditId\");\n\nconst newTargetModalRef = ref(null);\nconst visible = ref(null);\nconst block = ref(true);\nconst controllerAnswer = ref(false);\n\nconst question = reactive({\n  id: 0,\n  description: null,\n  questionText: null,\n  questionInfoText: null,\n  answers: [],\n  checklistQuestionId: 0,\n  required: false,\n});\n\nconst sendQuestionObj = reactive({\n  id: 0,\n  answerId: 0,\n  answerValueIds: [],\n  description: null,\n  answerText: null,\n});\n\nconst closeModal = (isResponse) => {\n  emit(\"propsNull\");\n  hideModal(newTargetModalRef.value);\n};\n\nwatch(props, () => {\n  question.answers = [];\n\n  if (props.id != 0) {\n    block.value = true;\n    store.dispatch(\"AuditReportModule/GET_ANSWER_DETAIL\", props.id).then((response) => {\n      question.id = response.QuestionId;\n      question.questionText = response.QuestionText;\n      question.questionInfoText = response.QuestionInfoText;\n      question.description = response.Description;\n      question.required = response.IsRequired;\n      question.checklistQuestionId = response.ChecklistQuestionId;\n\n      if (response.Answers.length > 0) {\n        response.Answers.forEach((answer) => {\n          let modelAnswer = {\n            id: 0,\n            questionId: 0,\n            answerText: null,\n            type: null,\n            selected: false,\n            answerValues: [],\n          };\n          modelAnswer.id = answer.Id;\n          modelAnswer.questionId = props.id;\n          modelAnswer.type = answer.Type;\n          modelAnswer.selected = answer.Selected;\n          modelAnswer.answerValues = [];\n          if (answer.Selected) {\n            visible.value = answer.Id;\n          }\n\n          if (modelAnswer.type == \"DateTime\") {\n            modelAnswer.answerText = answer.AnswerText;\n            let date = new Date(answer.AnswerText);\n            const yyyy = date.getFullYear();\n            let mm = date.getMonth() + 1;\n            let dd = date.getDate();\n\n            if (dd < 10) dd = \"0\" + dd;\n            if (mm < 10) mm = \"0\" + mm;\n            let newDate = yyyy + \"-\" + mm + \"-\" + dd;\n\n            modelAnswer.answerText = newDate;\n          } else {\n            modelAnswer.answerText = answer.AnswerText;\n          }\n\n          //Answer Values\n          if (answer.AnswerValues.length > 0) {\n            answer.AnswerValues.forEach((value) => {\n              let modelValue = {\n                id: 0,\n                answerId: 0,\n                valueText: null,\n                selected: false,\n              };\n\n              modelValue.id = value.Id;\n              modelValue.answerId = value.AnswerId;\n              modelValue.valueText = value.ValueText;\n              modelValue.selected = value.Selected;\n\n              modelAnswer.answerValues.push(modelValue);\n            });\n          }\n          question.answers.push(modelAnswer);\n        });\n      }\n      block.value = false;\n    });\n  } else {\n    block.value = false;\n  }\n});\n\nconst getAuditDetails = (Id) => {\n  store.dispatch(\"AuditReportModule/GET_REPORT_DETAILS\", Id);\n};\n\nconst sendAnswer = (question) => {\n  sendQuestionObj.id = props.id;\n  sendQuestionObj.description = question.description;\n  sendQuestionObj.answerValueIds = [];\n\n  const answers = question.answers;\n\n  //  Cevap sayısı 1'den fazla  ise\n  if (answers.length > 1) {\n    let selectedAnswerId = 0;\n    let selectedAnswerValues = [];\n\n    answers.forEach((answer) => {\n      //Checked olan cevanbın idsini alındı\n      let checkedAnswer = document.getElementById(`answer-${answer.id}`).checked;\n      if (checkedAnswer) {\n        selectedAnswerId = answer.id;\n\n        //Alt cevaplardan seçili olanın idsini alındı\n        if (answer.answerValues.length > 0) {\n          answer.answerValues.forEach((item) => {\n            let checkedAnswerValue = document.getElementById(`role-${item.id}`).checked;\n            if (checkedAnswerValue) {\n              selectedAnswerValues.push(item.id);\n            }\n          });\n        }\n      } else {\n        return;\n      }\n    });\n\n    sendQuestionObj.answerId = selectedAnswerId;\n    sendQuestionObj.answerValues = selectedAnswerValues;\n  }\n\n  //Cevap sayısı 1 ise\n  if (answers.length == 1) {\n    const answerValue0 = answers[0].answerValues;\n    sendQuestionObj.answerId = answers[0].id;\n\n    //info ise\n    if (answerTypeController(answers)) {\n      sendQuestionObj.answerText = answers[0].answerText;\n    }\n\n    //info değil ise\n    else {\n      if (answerValue0.length > 0) {\n        answerValue0.forEach((item) => {\n          const checkedAnswerValue = document.getElementById(`role-${item.id}`).checked;\n          if (checkedAnswerValue) {\n            sendQuestionObj.answerValueIds.push(item.id);\n          }\n        });\n      }\n    }\n  }\n\n  let emptyControl = sendQuestionObj.answerText == \"\" || sendQuestionObj.answerId == 0;\n\n  if (question.required && emptyControl) {\n    controllerAnswer.value = true;\n\n    setTimeout(() => {\n      controllerAnswer.value = false;\n    }, 2000);\n  } else {\n    store.dispatch(\"AuditReportModule/UPDATE_ANSWER\", sendQuestionObj).then((response) => {\n      if (response) {\n        getAuditDetails(auditId);\n      }\n      closeModal(true);\n    });\n  }\n};\n\nconst clearButton = () => {\n  const answer = document.getElementsByName(\"answer\");\n  answer.forEach((item) => {\n    if (item.checked) {\n      item.checked = false;\n    }\n  });\n\n  const answerValue = document.getElementsByName(\"value\");\n  answerValue.forEach((item) => {\n    if (item.checked) {\n      item.checked = false;\n    }\n  });\n};\n\nlet typeList = [\"Text\", \"DateTime\", \"Phone\", \"Signature\", \"Location\"];\n\nconst answerTypeController = (questionAnswers) => {\n  let status = false;\n  for (let index = 0; index < questionAnswers.length; index++) {\n    let answer = questionAnswers[index];\n    if (!status) {\n      status = typeList.some((x) => x === answer.type);\n    } else break;\n  }\n  return status;\n};\n\nconst clearForm = () => {\n  setTimeout(() => {\n    question.id = 0;\n    question.questionText = null;\n    question.questionInfoText = null;\n    question.answers = [];\n    question.checklistQuestionId = 0;\n    question.description = null;\n  }, 300);\n};\n\nonMounted(() => {\n  document.getElementById(\"update-answer-modal\").addEventListener(\"hide.bs.modal\", function () {\n    clearForm();\n    emit(\"propsNull\", true);\n  });\n});\n</script>\n\n<style></style>\n","import script from \"./EditAnswer.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./EditAnswer.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\r\n  <div\r\n    ref=\"newTargetModalRef\"\r\n    class=\"modal fade\"\r\n    id=\"add-img-modal\"\r\n    tabindex=\"-1\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <div\r\n      class=\"modal-dialog modal-dialog-centered\"\r\n      style=\"max-width: 450px\"\r\n    >\r\n      <div\r\n        class=\"modal-content\"\r\n        style=\"background: transparent; box-shadow: none\"\r\n      >\r\n        <div class=\"h-550px\">\r\n          <img\r\n            id=\"image\"\r\n            v-if=\"!controlVideo(props.imgObj.Url)\"\r\n            :src=\"imgObj.Url\"\r\n            alt=\"image\"\r\n            style=\"\r\n              border-radius: 10px 10px 0 0;\r\n              height: 100%;\r\n              width: 100%;\r\n              background-color: white;\r\n              object-fit: cover;\r\n            \"\r\n          />\r\n          <video\r\n            v-else\r\n            :id=\"`video-${props.imgObj.Id}`\"\r\n            controls\r\n            style=\"height: 100%; width: 100%; object-fit: cover; background-color: black\"\r\n          >\r\n            <source :src=\"props.imgObj.Url\" />\r\n          </video>\r\n        </div>\r\n\r\n        <div\r\n          class=\"m-0 d-flex bg-white\"\r\n          style=\"border-radius: 0 0 10px 10px !important\"\r\n        >\r\n          <button\r\n            class=\"btn btn-danger col-lg-6 rounded-0 w-50\"\r\n            style=\"border-radius: 0 0 0 10px !important ; flex: 1/2\"\r\n            @click=\"removeImg(imgObj.Id)\"\r\n          >\r\n            <i class=\"bi bi-trash-fill fs-5 text-white\"></i>\r\n            {{\r\n              !controlVideo(props.imgObj.Url)\r\n                ? translate(\"audit_report_delete_photo\")\r\n                : translate(\"audit_report_delete_video\")\r\n            }}\r\n          </button>\r\n\r\n          <button\r\n            @click=\"onDownload(props.imgObj.Url)\"\r\n            class=\"btn btn-light col-lg-6 rounded-0 w-50\"\r\n            style=\"border-radius: 0 0 10px 0 !important ; flex: 1/2\"\r\n          >\r\n            <i class=\"fw-bolder bi bi-arrow-right fs-5 text-dark\"></i>\r\n            <span class=\"text-dark\">\r\n              {{\r\n                !controlVideo(props.imgObj.Url)\r\n                  ? translate(\"edit_answer_open_photo\")\r\n                  : translate(\"edit_answer_open_video\")\r\n              }}</span\r\n            >\r\n          </button>\r\n        </div>\r\n\r\n        <button\r\n          @click=\"hideModalFunction()\"\r\n          class=\"position-absolute bottom-90 start-100 translate-middle badge bg-white rounded-circle p-3 border shadow-sm\"\r\n        >\r\n          <i class=\"bi bi-x-lg text-gray-700 fs-3\"></i>\r\n        </button>\r\n\r\n        <!-- <canvas id=\"canvas\"></canvas> -->\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, computed, provide, onMounted, watch, defineProps, defineEmits } from \"vue\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useStore } from \"vuex\";\r\nimport { hideModal } from \"@/core/helpers/dom\";\r\nimport axios from \"axios\";\r\n\r\nconst store = useStore();\r\n\r\nconst props = defineProps({ imgObj: Object, auditId: Number });\r\nconst emit = defineEmits([\"removeImg\"]);\r\nconst newTargetModalRef = ref(null);\r\n\r\n//Çoklu dil tanımalamas\r\nconst { t, te } = useI18n();\r\nconst translate = (text) => {\r\n  if (te(text)) {\r\n    return t(text);\r\n  } else {\r\n    return text;\r\n  }\r\n};\r\n\r\n//Video olup olmadığı kontrolü\r\nconst controlVideo = (path, a) => {\r\n  if (path != null) {\r\n    const middlePath = path.substring(path.length - 3);\r\n    if (middlePath == \"mp4\") {\r\n      return true;\r\n    } else {\r\n      return false;\r\n    }\r\n  }\r\n};\r\n\r\n//Fotoğraf Silme\r\nconst removeImg = (imgId) => {\r\n  const obj = {\r\n    imgId: imgId,\r\n    auditId: props.auditId,\r\n  };\r\n  if (confirm(translate(\"confirm_message_img\"))) {\r\n    store.dispatch(\"AuditReportModule/REMOVE_IMG\", obj).then((response) => {\r\n      hideModalFunction();\r\n      emit(\"removeImg\");\r\n    });\r\n  }\r\n};\r\n\r\nconst onDownload = async (url) => {\r\n  window.open(url, \"_blank\");\r\n};\r\n\r\nconst getimgBase64 = (url, callback) => {\r\n  var xhr = new XMLHttpRequest();\r\n  xhr.onload = function () {\r\n    var reader = new FileReader();\r\n    reader.onloadend = function () {\r\n      callback(reader.result);\r\n    };\r\n    reader.readAsDataURL(xhr.response);\r\n  };\r\n  xhr.open(\"GET\", url);\r\n  xhr.responseType = \"blob\";\r\n  xhr.send();\r\n};\r\n\r\n//Image Modal gizleme\r\nconst hideModalFunction = () => {\r\n  hideModal(newTargetModalRef.value);\r\n};\r\n\r\nconst videoPause = () => {\r\n  const vid = document.getElementById(`video-${props.imgObj.Id}`);\r\n  if (vid) {\r\n    vid.pause();\r\n    vid.currentTime = 0;\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  document.getElementById(\"add-img-modal\").addEventListener(\"hide.bs.modal\", function () {\r\n    videoPause();\r\n  });\r\n});\r\n</script>\r\n","import script from \"./ImageModal.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ImageModal.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\r\n  <div class=\"card p-10\">\r\n    <!--KÜNYE-->\r\n    <ConfirmPopup class=\"confirmZ\"></ConfirmPopup>\r\n    <ImageModal\r\n      :imgObj=\"imgObj\"\r\n      :auditId=\"auditId\"\r\n      @removeImg=\"removeImg\"\r\n    />\r\n\r\n    <!-- ? Onay Butonu -->\r\n    <div\r\n      v-if=\"approvalButton\"\r\n      class=\"d-flex justify-content-end\"\r\n    >\r\n      <button\r\n        @click=\"sendApprove(auditId)\"\r\n        class=\"btn btn-sm btn-success mb-2\"\r\n      >\r\n        <i class=\"bi bi-check-circle-fill fs-4\"></i>\r\n        <div\r\n          v-if=\"loadingBtn\"\r\n          class=\"spinner-border spinner-border-sm mx-1\"\r\n        ></div>\r\n        {{ translate(\"send_approve\") }}\r\n      </button>\r\n    </div>\r\n\r\n    <!-- ! KÜNYE -->\r\n    <button\r\n      class=\"accordion-button btn btn-primary collapsed ps-3 pt-5 pb-5 text-gray-700 rounded\"\r\n      type=\"button\"\r\n      data-bs-toggle=\"collapse\"\r\n      data-bs-target=\"#info-body-1\"\r\n      aria-expanded=\"false\"\r\n      aria-controls=\"info-body-1\"\r\n    >\r\n      <span class=\"fw-bold text-white fs-6 mx-5\"\r\n        ><i class=\"bi bi-info-circle fs-3 me-1\"> </i> {{ translate(\"audit_report_main_title_informations\") }}</span\r\n      >\r\n    </button>\r\n\r\n    <div\r\n      id=\"info-body-1\"\r\n      class=\"card accordion-collapse collapse show mt-10 min-h-100px\"\r\n    >\r\n      <BlockUI\r\n        :loading=\"summaryLoading\"\r\n        class=\"h-200px position-relative\"\r\n      />\r\n      <div\r\n        v-if=\"summary\"\r\n        class=\"card-body\"\r\n      >\r\n        <div class=\"row mt-5\">\r\n          <span class=\"text-dark fw-bolder fs-6 col-sm mb-2\">\r\n            {{ translate(\"audit_report_summary_location\") }}\r\n          </span>\r\n\r\n          <span class=\"text-dark fw-bolder text-muted fs-6 col-sm mb-2\">\r\n            {{ summary.LocationName }}\r\n          </span>\r\n\r\n          <span class=\"text-dark fw-bolder fs-6 col-sm mb-2\">\r\n            {{ translate(\"audit_report_summary_audit_date\") }}\r\n          </span>\r\n\r\n          <span class=\"text-dark fw-bolder text-muted d-block fs-6 col-sm mb-2\">\r\n            {{ summary.BeginDate }}\r\n          </span>\r\n        </div>\r\n        <div class=\"row mt-3\">\r\n          <div class=\"col-sm d-flex justify-content-start mb-2\">\r\n            <span class=\"text-dark fw-bolder fs-6\">\r\n              {{ translate(\"audit_report_summary_appropriate_answer_count\") }}\r\n            </span>\r\n          </div>\r\n\r\n          <div class=\"col-sm mb-2\">\r\n            <span class=\"text-dark fw-bolder text-muted fs-6\">\r\n              {{ summary.AppropriateAnswerCount }}\r\n            </span>\r\n          </div>\r\n\r\n          <div class=\"col-sm mb-2 d-flex justify-content-start\">\r\n            <span class=\"text-dark fw-bolder fs-6 mt-1\">\r\n              {{ translate(\"audit_report_summary_inappropriate_answer_count\") }}\r\n            </span>\r\n          </div>\r\n\r\n          <div class=\"col-sm mb-2\">\r\n            <span class=\"text-dark fw-bolder text-muted d-block fs-6\">\r\n              {{ summary.InAppropriateAnswerCount }}\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <div class=\"row mt-3\">\r\n          <div class=\"col-sm mb-2 d-flex justify-content-start\">\r\n            <span class=\"text-dark fw-bolder fs-6\">\r\n              {{ translate(\"audit_report_summary_TotalEarnedScore\") }}\r\n            </span>\r\n          </div>\r\n\r\n          <div class=\"col-sm mb-2\">\r\n            <span class=\"text-dark fw-bolder text-muted fs-6\">\r\n              {{ summary.TotalEarnedScore }}\r\n            </span>\r\n          </div>\r\n\r\n          <div class=\"col-sm mb-2 d-flex justify-content-start\">\r\n            <span class=\"text-dark fw-bolder fs-6\">\r\n              {{ translate(\"audit_report_summary_total_available_score\") }}\r\n            </span>\r\n          </div>\r\n\r\n          <div class=\"col-sm mb-2\">\r\n            <span class=\"text-dark fw-bolder text-muted d-block fs-6\">\r\n              {{ summary.TotalAvailableScore }}\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <div class=\"row mt-3\">\r\n          <div class=\"col-sm mb-2 d-flex justify-content-start\">\r\n            <span class=\"text-dark fw-bolder fs-6\">\r\n              {{ translate(\"audit_report_summary_auditer\") }}\r\n            </span>\r\n          </div>\r\n\r\n          <div class=\"col-sm mb-2\">\r\n            <span class=\"text-dark fw-bolder text-muted fs-6\">{{ summary.AuditerName }}</span>\r\n          </div>\r\n\r\n          <div class=\"col-sm mb-2\">\r\n            <div class=\"d-flex justify-content-start\">\r\n              <span class=\"text-dark fw-bolder fs-6\">\r\n                {{ translate(\"audit_report_summary_achievement_score\") }}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"col-sm mb-2\">\r\n            <span class=\"text-dark fw-bolder text-muted d-block fs-6\">\r\n              %{{ summary.AchievementPoint.toString().substr(0, 4) }}\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <div class=\"row mt-3\">\r\n          <div class=\"col-sm mb-2 d-flex justify-content-start\">\r\n            <span class=\"text-dark fw-bolder fs-6\"> {{ translate(\"audit_report_summary_achievement_level\") }}</span>\r\n          </div>\r\n\r\n          <div class=\"col-sm mb-2\">\r\n            <span class=\"text-dark fw-bolder text-muted fs-6\">{{ summary.AchievementLevel }}</span>\r\n          </div>\r\n          <div class=\"col-lg-6\"></div>\r\n        </div>\r\n        <div\r\n          v-if=\"summary\"\r\n          class=\"row mt-5\"\r\n        >\r\n          <div class=\"col-sm mb-2\">\r\n            <span\r\n              ><a\r\n                @click=\"reportPdf(auditId)\"\r\n                class=\"btn btn-sm btn-light-primary h-30px mb-2\"\r\n              >\r\n                <div\r\n                  v-if=\"loading\"\r\n                  class=\"spinner-border spinner-border-sm mx-1\"\r\n                ></div>\r\n                <span class=\"indicator-label mb-3\">\r\n                  {{ translate(\"audit_report_pdf_reportt\") }}\r\n                </span>\r\n              </a>\r\n            </span>\r\n          </div>\r\n          <div class=\"col-lg-9\"></div>\r\n        </div>\r\n      </div>\r\n      <span\r\n        v-else-if=\"!summaryLoading\"\r\n        class=\"text-center\"\r\n        >{{ translate(\"audit_report_summary_not_avaliable\") }}</span\r\n      >\r\n    </div>\r\n\r\n    <!-- ! BÖLÜMLER-->\r\n    <div\r\n      class=\"accordion-header mt-10\"\r\n      id=\"info-1\"\r\n    >\r\n      <!--Bölümler accordion-->\r\n      <button\r\n        class=\"accordion-button btn btn-primary collapsed ps-3 pt-5 pb-5 text-gray-700 rounded\"\r\n        type=\"button\"\r\n        data-bs-toggle=\"collapse\"\r\n        data-bs-target=\"#info-body-2\"\r\n        aria-expanded=\"false\"\r\n        aria-controls=\"info-body-1\"\r\n      >\r\n        <span class=\"fw-bold text-white fs-5 mx-5\">\r\n          <i class=\"bi bi-border-width fs-3 me-1\"></i>\r\n          {{ translate(\"audit_report_main_title_sections\") }}</span\r\n        >\r\n      </button>\r\n      <!--Bölümler div-->\r\n\r\n      <div\r\n        id=\"info-body-2\"\r\n        class=\"card mt-10 accordion-collapse collapse show min-h-200px p-5\"\r\n      >\r\n        <BlockUI\r\n          :loading=\"sectionsLoading\"\r\n          class=\"position-relative h-200px\"\r\n        />\r\n        <div\r\n          v-if=\"sections.length > 0\"\r\n          class=\"card-body\"\r\n        >\r\n          <!-- ? Genel Bölüm Bilgisi -->\r\n          <table class=\"table table-row-dashed table-row-gray-300 align-middle mb-20\">\r\n            <thead>\r\n              <tr\r\n                style=\"vertical-align: middle\"\r\n                class=\"fw-bolder text-muted\"\r\n              >\r\n                <th class=\"col-lg-2\">\r\n                  <span class=\"ms-5\">{{ translate(\"audit_report_section_department\") }}</span>\r\n                </th>\r\n                <th class=\"col-lg-2 text-center\">\r\n                  {{ translate(\"audit_report_section_category\") }}\r\n                </th>\r\n                <th class=\"col-lg-2 text-center\">\r\n                  {{ translate(\"audit_report_section_available_score\") }}\r\n                </th>\r\n                <th class=\"col-lg-2 text-center\">\r\n                  {{ translate(\"audit_report_section_received_score\") }}\r\n                </th>\r\n                <th class=\"col-lg-2 text-center\">\r\n                  {{ translate(\"audit_report_section_success_rate\") }}\r\n                </th>\r\n              </tr>\r\n            </thead>\r\n            <!--begin::Table body-->\r\n            <tbody>\r\n              <template\r\n                v-for=\"(item, index) in sections\"\r\n                :key=\"index\"\r\n              >\r\n                <tr style=\"vertical-align: middle\">\r\n                  <td class=\"col-lg-2\">\r\n                    <span\r\n                      class=\"fw-bolder fs-6\"\r\n                      :class=\"` ${item.DepartmentName ? 'ms-0' : 'ms-5'}`\"\r\n                    >\r\n                      {{ item.DepartmentName ? item.DepartmentName : \"—\" }}\r\n                    </span>\r\n                  </td>\r\n\r\n                  <td class=\"col-lg-2 text-center\">\r\n                    <span class=\"fw-bolder fs-6\">{{ item.CategoryName }}</span>\r\n                  </td>\r\n\r\n                  <td class=\"col-lg-2 text-center\">\r\n                    <span class=\"text-gray-800 fw-bolder fs-6\">{{ item.AvailableScore }}</span>\r\n                  </td>\r\n\r\n                  <td class=\"col-lg-2 text-center\">\r\n                    <span class=\"text-gray-800 fw-bolder text-muted d-block fs-6\">{{ item.EarnedScore }}</span>\r\n                  </td>\r\n\r\n                  <td class=\"col-lg-2 text-center\">\r\n                    <span class=\"text-gray-800 fw-bolder text-muted d-block fs-6\">{{ item.AchievementScore }}</span>\r\n                  </td>\r\n                </tr>\r\n              </template>\r\n            </tbody>\r\n            <!--end::Table body-->\r\n          </table>\r\n          <span\r\n            class=\"fs-3 text-gray-800 ms-5 fw-bolder\"\r\n            v-if=\"departmentList.length > 0\"\r\n          >\r\n            {{ translate(\"audit_report_department_chart\") }}\r\n          </span>\r\n          <!-- ? Departman Skor Grafiği -->\r\n          <div class=\"row\">\r\n            <div class=\"col-lg-5 mt-20\">\r\n              <div\r\n                v-for=\"item in departmentList\"\r\n                :key=\"item.id\"\r\n                class=\"px-5\"\r\n              >\r\n                <div class=\"d-flex align-items-center\">\r\n                  <div class=\"flex-grow-1 me-2\">\r\n                    <span class=\"text-gray-800 text-hover-primary fs-6 fw-bold\">{{\r\n                      item.DepartmentName ? item.DepartmentName : translate(\"Other\")\r\n                    }}</span>\r\n                  </div>\r\n                  <div class=\"badge p-3 fs-8 fw-bold badge-light\">\r\n                    {{ parseInt(item.EarnedScore / item.Count) }} {{ translate(\"question_component_input_point\") }}\r\n                  </div>\r\n                </div>\r\n                <div class=\"separator separator-dashed my-2\"></div>\r\n              </div>\r\n            </div>\r\n\r\n            <div\r\n              class=\"col-lg-7 d-flex justify-content-start\"\r\n              style=\"padding-left: 12%\"\r\n            >\r\n              <apexchart\r\n                ref=\"refDepChart\"\r\n                v-if=\"DepartmentChart.series.length > 0\"\r\n                type=\"radar\"\r\n                height=\"350\"\r\n                :options=\"DepartmentChart.options\"\r\n                :series=\"DepartmentChart.series\"\r\n              ></apexchart>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- ?Kategori Skor Grafiği -->\r\n          <div\r\n            v-if=\"sections.length > 0\"\r\n            class=\"py-3 row\"\r\n          >\r\n            <span class=\"ms-5 fs-3 text-gray-800 fw-bolder\">{{ translate(\"audit_report_category_chart\") }}</span>\r\n\r\n            <div class=\"col-lg-5 mt-15\">\r\n              <div\r\n                v-for=\"item in sections\"\r\n                :key=\"item.id\"\r\n                class=\"px-5\"\r\n              >\r\n                <div class=\"d-flex align-items-center\">\r\n                  <div class=\"flex-grow-1 me-2\">\r\n                    <span class=\"text-gray-800 text-hover-primary fs-6 fw-bold\">{{\r\n                      item.CategoryName ? item.CategoryName : translate(\"Other\")\r\n                    }}</span>\r\n                  </div>\r\n                  <div class=\"badge p-3 fs-8 fw-bold badge-light\">\r\n                    {{ item.EarnedScore }} {{ translate(\"question_component_input_point\") }}\r\n                  </div>\r\n                </div>\r\n                <div class=\"separator separator-dashed my-2\"></div>\r\n              </div>\r\n            </div>\r\n\r\n            <div\r\n              class=\"d-flex align-items-center justify-content-center col-lg-7\"\r\n              style=\"overflow: auto\"\r\n            >\r\n              <apexchart\r\n                ref=\"refCatChart\"\r\n                v-if=\"CategoryChart.series.length > 0\"\r\n                class=\"me-6\"\r\n                height=\"350\"\r\n                width=\"350\"\r\n                type=\"radar\"\r\n                :options=\"CategoryChart.options\"\r\n                :series=\"CategoryChart.series\"\r\n              ></apexchart>\r\n              <div>\r\n                <div\r\n                  v-for=\"department in departmentList\"\r\n                  :key=\"department.DepartmentId\"\r\n                >\r\n                  <div class=\"form-check form-check-custom form-check-solid mb-2\">\r\n                    <input\r\n                      class=\"form-check-input\"\r\n                      type=\"checkbox\"\r\n                      :id=\"`check-${department.DepartmentId}`\"\r\n                      @change=\"onChangeCheckbox($event, department.DepartmentId)\"\r\n                      :checked=\"selectedIdList.some((id) => id === department.DepartmentId)\"\r\n                    />\r\n                    <div class=\"d-flex flex-column position-relative w-100\">\r\n                      <label\r\n                        class=\"form-check-label col-form-label fw-bold p-0\"\r\n                        :for=\"`check-${department.DepartmentId}`\"\r\n                        >{{ department.DepartmentName }}</label\r\n                      >\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <span\r\n          v-else-if=\"!sectionsLoading\"\r\n          class=\"text-center p-5 mt-20\"\r\n        >\r\n          {{ translate(\"audit_report_section_not_avaliable\") }}</span\r\n        >\r\n      </div>\r\n    </div>\r\n\r\n    <EditAnswer\r\n      :id=\"id\"\r\n      @propsNull=\"modalClosed\"\r\n    />\r\n\r\n    <!-- ! CEVAP DAĞILIMI  -->\r\n\r\n    <div\r\n      class=\"accordion-header mt-10\"\r\n      id=\"info-4\"\r\n    >\r\n      <!--Bölümler accordion-->\r\n      <button\r\n        class=\"accordion-button btn btn-primary collapsed ps-3 pt-5 pb-5 text-gray-700 rounded\"\r\n        type=\"button\"\r\n        data-bs-toggle=\"collapse\"\r\n        data-bs-target=\"#info-body-4\"\r\n        aria-expanded=\"false\"\r\n        aria-controls=\"info-body-4\"\r\n      >\r\n        <span class=\"fw-bold text-white fs-5 mx-5\">\r\n          <i class=\"bi bi-border-width fs-3 me-1\"></i>\r\n          ANSWERS</span\r\n        >\r\n      </button>\r\n      <!--Bölümler div-->\r\n\r\n      <div\r\n        id=\"info-body-4\"\r\n        class=\"card p-5 mt-10 accordion-collapse collapse show min-h-100px\"\r\n      >\r\n        <BlockUI\r\n          :loading=\"answerLoading\"\r\n          class=\"position-relative h-200px\"\r\n        />\r\n        <div\r\n          v-if=\"answerGroupList.length > 0\"\r\n          class=\"row mb-10\"\r\n        >\r\n          <span class=\"fs-3 fw-bolder ms-10 mb-10\">{{ translate(\"audit_report_answer_distribution\") }}</span>\r\n\r\n          <div\r\n            v-for=\"answerGroup in answerGroupList\"\r\n            :key=\"answerGroup.id\"\r\n            class=\"col-lg-6 px-20\"\r\n          >\r\n            <div class=\"d-flex align-items-center\">\r\n              <div class=\"flex-grow-1 me-2\">\r\n                <span class=\"text-gray-800 text-hover-primary fs-6 fw-bold\">{{ answerGroup.name }}</span>\r\n              </div>\r\n              <div class=\"badge p-3 fs-8 fw-bold badge-light\">\r\n                {{ answerGroup.count }} {{ translate(\"analysis_count\") }}\r\n              </div>\r\n            </div>\r\n            <div class=\"separator separator-dashed my-2\"></div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          v-else-if=\"!answerLoading\"\r\n          class=\"d-flex justify-content-center align-items-center\"\r\n        >\r\n          <span>{{ translate(\"audit_report_answer_not_avaliable\") }}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- ! DENETİM DETAY-->\r\n    <div\r\n      class=\"accordion-header mt-10\"\r\n      id=\"info-1\"\r\n    >\r\n      <button\r\n        class=\"accordion-button btn btn-primary collapsed ps-3 pt-5 pb-5 text-gray-700 rounded\"\r\n        type=\"button\"\r\n        data-bs-toggle=\"collapse\"\r\n        data-bs-target=\"#info-body-3\"\r\n        aria-expanded=\"false\"\r\n        aria-controls=\"info-body-1\"\r\n      >\r\n        <span class=\"fw-bold text-white fs-5 mx-5\">\r\n          <i class=\"bi bi-globe fs-3 me-2\"></i>{{ translate(\"audit_report_main_title_audit_detail\") }}</span\r\n        >\r\n      </button>\r\n\r\n      <!-- ? Body-->\r\n      <div\r\n        id=\"info-body-3\"\r\n        class=\"card mt-10 accordion-collapse collapse show min-w-200px\"\r\n      >\r\n        <div class=\"card-body py-3\">\r\n          <BlockUI\r\n            :loading=\"detailsLoading\"\r\n            class=\"h-300px position-relative\"\r\n          />\r\n          <template\r\n            v-for=\"(item, index) in Departments\"\r\n            :key=\"index\"\r\n          >\r\n            <div\r\n              class=\"accordion position-relative\"\r\n              id=\"department-info-department\"\r\n            >\r\n              <div class=\"accordion-item mb-2 p-0\">\r\n                <h2\r\n                  class=\"accordion-header\"\r\n                  id=\"header-department-info-department\"\r\n                >\r\n                  <!-- ? Departman Button-->\r\n                  <button\r\n                    class=\"accordion-button collapsed pt-5 pb-5 fw-bold text-gray-600 bg-white !important\"\r\n                    type=\"button\"\r\n                    data-bs-toggle=\"collapse\"\r\n                    :data-bs-target=\"`#info-body--${item.DepartmentId}`\"\r\n                    aria-expanded=\"false\"\r\n                    aria-controls=\"info-body-1\"\r\n                  >\r\n                    <td class=\"col-lg-3\">\r\n                      <div class=\"d-flex align-items-center\">\r\n                        <div class=\"d-flex justify-content-start\">\r\n                          <span\r\n                            v-if=\"item.DepartmentName\"\r\n                            class=\"text-dark fw-bolder fs-6\"\r\n                          >\r\n                            {{ item.DepartmentName }}\r\n                          </span>\r\n                          <span\r\n                            v-else\r\n                            class=\"text-dark fw-bolder fs-6\"\r\n                          >\r\n                            {{ translate(\"audit_report_details_information_questions\") }}\r\n                          </span>\r\n                        </div>\r\n                      </div>\r\n                    </td>\r\n                  </button>\r\n                </h2>\r\n              </div>\r\n            </div>\r\n            <!-- ? Departman Body-->\r\n            <div\r\n              :id=\"`info-body--${item.DepartmentId}`\"\r\n              class=\"accordion-collapse show\"\r\n            >\r\n              <template\r\n                v-for=\"(itemC, index) in item.Categories\"\r\n                :key=\"index\"\r\n              >\r\n                <div\r\n                  class=\"accordion position-relative py-1\"\r\n                  id=\"department-info-category\"\r\n                >\r\n                  <div class=\"accordion-item border border-solid\">\r\n                    <h2\r\n                      class=\"accordion-header\"\r\n                      id=\"header-department-info-category\"\r\n                    >\r\n                      <!-- ? Kategori Button-->\r\n                      <button\r\n                        class=\"accordion-button btn btn-light collapsed bg-secondary\"\r\n                        type=\"button\"\r\n                        data-bs-toggle=\"collapse\"\r\n                        :data-bs-target=\"`#info-body-${item.DepartmentId}-${itemC.CategoryId}`\"\r\n                        aria-expanded=\"false\"\r\n                        :aria-controls=\"`info-body-${item.DepartmentId}-${itemC.CategoryId}`\"\r\n                      >\r\n                        <span class=\"bullet bullet-vertical h-30px bg-primary me-5 ms-0\"></span>\r\n                        <tr>\r\n                          <td class=\"col-lg-3\">\r\n                            <div class=\"d-flex align-items-center\">\r\n                              <div class=\"d-flex justify-content-start\">\r\n                                <span\r\n                                  v-if=\"itemC.CategoryName\"\r\n                                  class=\"text-dark fw-bolder fs-6\"\r\n                                >\r\n                                  {{ itemC.CategoryName }}\r\n                                </span>\r\n                                <span\r\n                                  v-else\r\n                                  class=\"text-dark fw-bolder fs-6\"\r\n                                >\r\n                                  {{ translate(\"audit_report_details_information_question\") }}\r\n                                </span>\r\n                              </div>\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                      </button>\r\n                    </h2>\r\n                  </div>\r\n                </div>\r\n                <!-- ? Kategori Body-->\r\n                <div\r\n                  class=\"card accordion-collapse collapse show p-0 shadow-none\"\r\n                  :id=\"`info-body-${item.DepartmentId}-${itemC.CategoryId}`\"\r\n                >\r\n                  <!--begin::Table container-->\r\n                  <div class=\"table-responsive px-3 border-solid\">\r\n                    <!--begin::Table-->\r\n                    <table class=\"table table-row-dashed table-row-gray-300 align-middle\">\r\n                      <thead\r\n                        class=\"border-1 bg-light border-secondary\"\r\n                        style=\"font-size: small\"\r\n                      >\r\n                        <tr\r\n                          class=\"fw-bolder\"\r\n                          style=\"text-align: center\"\r\n                        >\r\n                          <th\r\n                            class=\"col-lg-1 py-3 ps-3 fs-6\"\r\n                            style=\"vertical-align: middle\"\r\n                          >\r\n                            {{ translate(\"question_component_input_code\") }}\r\n                          </th>\r\n                          <th\r\n                            class=\"col-lg-3 text-center py-3 fs-6\"\r\n                            style=\"vertical-align: middle\"\r\n                          >\r\n                            {{ translate(\"question_component_name\") }}\r\n                          </th>\r\n                          <th\r\n                            class=\"col-lg-1 text-center py-3 fs-6\"\r\n                            style=\"vertical-align: middle\"\r\n                          >\r\n                            {{ translate(\"question_component_modal_label_answer_score\") }}\r\n                          </th>\r\n                          <th\r\n                            class=\"col-lg-1 text-center py-3 fs-6\"\r\n                            style=\"vertical-align: middle\"\r\n                          >\r\n                            {{ translate(\"question_component_button_answer\") }}\r\n                          </th>\r\n                          <th\r\n                            class=\"col-lg-2 text-center py-3 fs-6\"\r\n                            style=\"vertical-align: middle\"\r\n                          >\r\n                            {{ translate(\"audit_report_details_non_conformity\") }}\r\n                          </th>\r\n                          <th\r\n                            class=\"col-lg-3 text-center py-3 fs-6\"\r\n                            style=\"vertical-align: middle\"\r\n                          >\r\n                            {{ translate(\"audit_report_details_evidence\") }}\r\n                          </th>\r\n                          <th\r\n                            class=\"col-lg-1 text-center py-3 pe-3 fs-6\"\r\n                            style=\"vertical-align: middle\"\r\n                          >\r\n                            {{ translate(\"audit_report_details_process\") }}\r\n                          </th>\r\n                        </tr>\r\n                      </thead>\r\n                      <!--begin::Table body-->\r\n                      <tbody>\r\n                        <template\r\n                          v-for=\"(item, index) in itemC.Questions\"\r\n                          :key=\"index\"\r\n                        >\r\n                          <tr\r\n                            class=\"h-100px\"\r\n                            style=\"vertical-align: middle\"\r\n                          >\r\n                            <td class=\"col-lg-1 fw-bolder fs-7 text-center\">\r\n                              {{ item.Code }}\r\n                            </td>\r\n\r\n                            <td class=\"col-lg-3 fw-bolder fs-7 text-center\">\r\n                              {{ item.QuestionText }}\r\n                            </td>\r\n\r\n                            <td class=\"col-lg-1 fw-bolder fs-7 text-center\">\r\n                              <span v-if=\"item.IsInfo == false\">\r\n                                {{ item.Score }}\r\n                              </span>\r\n                            </td>\r\n\r\n                            <td class=\"col-lg-2 fw-bolder fs-7 text-center\">\r\n                              {{ item.AnswerText }}\r\n                            </td>\r\n                            <td class=\"col-lg-1 fw-bolder fs-7 text-center\">\r\n                              {{ item.AnswerValue }}\r\n                            </td>\r\n                            <td class=\"col-lg-3\">\r\n                              <div class=\"d-flex flex-wrap\">\r\n                                <a\r\n                                  type=\"button\"\r\n                                  id=\"imageDiv\"\r\n                                  v-for=\"img in item.Pictures\"\r\n                                  :key=\"img.Id\"\r\n                                  class=\"m-1\"\r\n                                  @click=\"openImgModal(img)\"\r\n                                  data-bs-toggle=\"modal\"\r\n                                  data-bs-target=\"#add-img-modal\"\r\n                                >\r\n                                  <img\r\n                                    v-if=\"!controlVideo(img.Url)\"\r\n                                    :src=\"img.Url\"\r\n                                    alt=\"image\"\r\n                                    class=\"h-50px w-50px\"\r\n                                    style=\"background-color: white; object-fit: cover\"\r\n                                  />\r\n                                  <div\r\n                                    v-else\r\n                                    class=\"position-relative\"\r\n                                  >\r\n                                    <img\r\n                                      src=\"https://iphone7papers.com/wp-content/uploads/papers.co-sb15-wallpaper-vanishing-line-blur-33-iphone6-wallpaper-250x444.jpg\"\r\n                                      class=\"h-50px w-50px d-block\"\r\n                                    />\r\n                                    <i\r\n                                      style=\"bottom: 25%; left: 25%\"\r\n                                      class=\"bi bi-play-fill position-absolute text-white fs-1\"\r\n                                    ></i>\r\n                                  </div>\r\n                                </a>\r\n                              </div>\r\n                            </td>\r\n\r\n                            <td\r\n                              style=\"vertical-align: middle\"\r\n                              class=\"text-center\"\r\n                            >\r\n                              <a\r\n                                class=\"btn btn-icon btn-bg-primary btn-color-white btn-sm me-1\"\r\n                                data-bs-toggle=\"modal\"\r\n                                data-bs-target=\"#update-answer-modal\"\r\n                                @click=\"modalId(item.Id)\"\r\n                              >\r\n                                <span class=\"svg-icon svg-icon-3\">\r\n                                  <inline-svg src=\"media/icons/duotune/art/art005.svg\" />\r\n                                </span>\r\n                              </a>\r\n                            </td>\r\n                          </tr>\r\n                        </template>\r\n                      </tbody>\r\n                      <!--end::Table body-->\r\n                    </table>\r\n                    <!--end::Table-->\r\n                  </div>\r\n\r\n                  <!--end::Table container-->\r\n                </div>\r\n              </template>\r\n            </div>\r\n          </template>\r\n        </div>\r\n        <div\r\n          v-if=\"!detailsLoading && Departments.length == 0\"\r\n          class=\"d-flex justify-content-center\"\r\n        >\r\n          <span>{{ translate(\"audit_report_detail_not_avaliable\") }}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, provide, onMounted, watch } from \"vue\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { useStore } from \"vuex\";\r\nimport EditAnswer from \"@/components/Audit/AuditDetailModal/EditAnswer.vue\";\r\nimport { useConfirm } from \"primevue/useconfirm\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport ImageModal from \"@/components/Audit/Modals/ImageModal.vue\";\r\n\r\n//Çoklu dil tanımalamas\r\nconst { t, te, locale } = useI18n();\r\nconst translate = (text) => {\r\n  if (te(text)) {\r\n    return t(text);\r\n  } else {\r\n    return text;\r\n  }\r\n};\r\n\r\nconst store = useStore();\r\nconst route = useRoute();\r\nconst msgConfirm = useConfirm();\r\nconst auditId = parseInt(route.params.id);\r\nprovide(\"auditId\", auditId);\r\n\r\nconst summary = ref(null);\r\nconst Departments = ref([]);\r\nconst loading = ref(false);\r\nconst sections = ref([]);\r\nconst loadingBtn = ref(false);\r\nconst approvalButton = ref(false);\r\nconst id = ref(0);\r\n\r\nconst imgObj = ref({\r\n  Id: 0,\r\n  Url: null,\r\n});\r\n\r\n//props gönderme\r\nconst modalId = (Id) => {\r\n  id.value = Id;\r\n};\r\n\r\nconst sectionsLoading = ref(true);\r\nconst summaryLoading = ref(true);\r\nconst detailsLoading = ref(true);\r\nconst answerLoading = ref(true);\r\n\r\n//Denetim Künye Bilgileri\r\nconst getAuditSummary = () => {\r\n  store.dispatch(\"AuditReportModule/GET_REPORT_SUMMARY\", auditId).then((response) => {\r\n    summary.value = response;\r\n    summaryLoading.value = false;\r\n  });\r\n};\r\n\r\nconst departmentList = ref([]);\r\nconst categoryList = ref([]);\r\nconst refDepChart = ref(null);\r\nconst refCatChart = ref(null);\r\n\r\n//Denetim Bölüm Bilgileri\r\nconst getSections = (auditId) => {\r\n  store.dispatch(\"AuditReportModule/GET_REPORT_DEPARTMENT\", auditId).then((response) => {\r\n    sections.value = response;\r\n\r\n    // response kategoriye göre ayrıldığı için departmanlar gruplandı\r\n\r\n    response.forEach((departmentItem) => {\r\n      let listIndex = departmentList.value.findIndex(\r\n        (department) => department.DepartmentId === departmentItem.DepartmentId\r\n      );\r\n      if (listIndex > -1) {\r\n        departmentList.value[listIndex].EarnedScore += parseInt(departmentItem.EarnedScore);\r\n        departmentList.value[listIndex].Count += 1;\r\n      } else {\r\n        let obj = {\r\n          DepartmentId: departmentItem.DepartmentId,\r\n          DepartmentName: departmentItem.DepartmentName ? departmentItem.DepartmentName : translate(\"Other\"),\r\n          AvailableScore: departmentItem.AvailableScore,\r\n          EarnedScore: parseFloat(departmentItem.EarnedScore),\r\n          Count: 1,\r\n        };\r\n\r\n        departmentList.value.push(obj);\r\n      }\r\n    });\r\n\r\n    // Gruplanan departmanlar charta eklendi\r\n    DepartmentChart.value.options.xaxis.categories = departmentList.value.map((item) =>\r\n      item.DepartmentName ? item.DepartmentName : translate(\"Other\")\r\n    );\r\n    DepartmentChart.value.series = [\r\n      {\r\n        name: \"Score\",\r\n        data: departmentList.value.map((item) => parseInt(item.EarnedScore / item.Count)),\r\n      },\r\n    ];\r\n\r\n    // Gruplanan kategoriler charta eklendi\r\n    categoryList.value = response;\r\n    CategoryChart.value.options.xaxis.categories = categoryList.value.slice(0, 10).map((item) => item.CategoryName);\r\n\r\n    // radarChart series array şeklinde kabul edildiği için\r\n    let categoryChartSeries = [\r\n      {\r\n        name: \"Score\",\r\n        data: categoryList.value.slice(0, 10).map((item) => item.EarnedScore),\r\n      },\r\n    ];\r\n    CategoryChart.value.series = categoryChartSeries;\r\n\r\n    selectedIdList.value.push(departmentList.value[0].DepartmentId);\r\n    sectionsLoading.value = false;\r\n  });\r\n};\r\n\r\nconst answerGroupList = ref([]);\r\n//Denetim Detay Bilgileri\r\nconst getAuditDetails = (Id) => {\r\n  answerGroupList.value = [];\r\n  store.dispatch(\"AuditReportModule/GET_REPORT_DETAILS\", Id).then((response) => {\r\n    if (response) {\r\n      Departments.value = response;\r\n      response.forEach((department) => {\r\n        department.Categories.forEach((category) => {\r\n          category.Questions.forEach((question) => {\r\n            if (question.AnswerTemplateId != 0) {\r\n              const answerGroupIndex = answerGroupList.value.findIndex(\r\n                (answerTemp) => answerTemp.id === question.AnswerTemplateId\r\n              );\r\n\r\n              if (answerGroupIndex > -1) {\r\n                answerGroupList.value[answerGroupIndex].count += 1;\r\n              } else {\r\n                let obj = {\r\n                  name: question.AnswerText,\r\n                  count: 1,\r\n                  id: question.AnswerTemplateId,\r\n                };\r\n                answerGroupList.value.push(obj);\r\n              }\r\n            }\r\n          });\r\n        });\r\n      });\r\n      answerLoading.value = false;\r\n      detailsLoading.value = false;\r\n    } else {\r\n      answerLoading.value = false;\r\n      detailsLoading.value = false;\r\n    }\r\n  });\r\n};\r\nloadingBtn;\r\n//Onay gönderme\r\nconst sendApprove = (payload) => {\r\n  msgConfirm.require({\r\n    target: event.currentTarget,\r\n    message: translate(\"audit_approve_message\"),\r\n    icon: \"pi pi-exclamation-triangle\",\r\n    acceptLabel: translate(\"customer_location_confirm_acceptLabel\"),\r\n    rejectLabel: translate(\"customer_location_confirm_rejectLabel\"),\r\n    acceptClass: \"btn btn-sm btn-primary\",\r\n    rejectClass: \"btn btn-sm btn-light\",\r\n    accept: () => {\r\n      loadingBtn.value = true;\r\n      store.dispatch(\"AuditReportModule/APPROVE_AUDIT\", payload).then((response) => {\r\n        loadingBtn.value = false;\r\n\r\n        setTimeout(() => {\r\n          getAudit();\r\n        }, 500);\r\n      });\r\n    },\r\n    reject: () => {\r\n      return;\r\n    },\r\n  });\r\n};\r\n\r\n// Alt komponentte watch kontrolü yapmak için id sıfırlama\r\nconst modalClosed = (isResponse) => {\r\n  id.value = 0;\r\n  if (isResponse) {\r\n    getAuditDetails(auditId);\r\n  }\r\n};\r\n\r\n//Pdf indirme\r\nconst reportPdf = (payload) => {\r\n  loading.value = true;\r\n  store.dispatch(\"AuditReportModule/REPORT_PDF\", payload).then((response) => {\r\n    loading.value = false;\r\n    window.open(URL.createObjectURL(response));\r\n  });\r\n};\r\n\r\n//Image Modal Click\r\nconst openImgModal = (img) => {\r\n  (imgObj.value.Id = img.Id), (imgObj.value.Url = img.Url);\r\n};\r\n\r\n//Video olup olmadığı kontrolü\r\nconst controlVideo = (path, a) => {\r\n  if (path != null) {\r\n    const middlePath = path.substring(path.length - 3);\r\n    if (middlePath == \"mp4\") {\r\n      return true;\r\n    } else {\r\n      return false;\r\n    }\r\n  }\r\n};\r\n\r\n//Denetimin durumu kontrolü\r\nconst getAudit = () => {\r\n  store.dispatch(\"AuditPlanningModule/GET_AUDIT_PLANNING\", auditId).then((response) => {\r\n    if (response.StatusValue == 30) {\r\n      approvalButton.value = true;\r\n    } else {\r\n      approvalButton.value = false;\r\n    }\r\n  });\r\n};\r\n\r\nconst removeImg = () => {\r\n  getAuditDetails(auditId);\r\n};\r\n\r\nconst DepartmentChart = ref({\r\n  options: {\r\n    chart: {\r\n      height: 150,\r\n      width: 150,\r\n\r\n      type: \"radar\",\r\n      toolbar: {\r\n        show: false,\r\n      },\r\n    },\r\n    dataLabels: {\r\n      enabled: true,\r\n    },\r\n    plotOptions: {\r\n      radar: {\r\n        size: 120,\r\n      },\r\n    },\r\n    tooltip: {\r\n      y: {\r\n        formatter: function (val) {\r\n          return val;\r\n        },\r\n      },\r\n    },\r\n    markers: {\r\n      size: 3,\r\n      hover: {\r\n        size: 10,\r\n      },\r\n    },\r\n    xaxis: {\r\n      categories: [],\r\n      labels: {\r\n        trim: true,\r\n        formatter: (value) => {\r\n          var len = value.length;\r\n          return len > 25 ? value.substring(0, 22) + \"...\" : value;\r\n        },\r\n      },\r\n    },\r\n    yaxis: {\r\n      labels: {\r\n        formatter: function (val, i) {\r\n          if (i % 2 === 0) {\r\n            return val;\r\n          } else {\r\n            return \"\";\r\n          }\r\n        },\r\n        labels: {\r\n          trim: true,\r\n          style: {},\r\n          width: \"10px\",\r\n        },\r\n      },\r\n    },\r\n    stroke: {\r\n      width: 1,\r\n    },\r\n    legend: {\r\n      position: \"right\",\r\n      width: 1,\r\n    },\r\n    colors: [\"red\"],\r\n    noData: {\r\n      text: translate(\"analysis_no_data_criterie\"),\r\n      align: \"center\",\r\n      verticalAlign: \"middle\",\r\n      offsetX: 0,\r\n      offsetY: 0,\r\n      style: {\r\n        color: undefined,\r\n        fontSize: \"13px\",\r\n        fontFamily: undefined,\r\n        height: \"400px\",\r\n      },\r\n    },\r\n  },\r\n  series: [],\r\n});\r\n\r\n//Kategorideki son iki denetim karşılaştırması radarChart\r\nconst CategoryChart = ref({\r\n  options: {\r\n    chart: {\r\n      height: 150,\r\n      width: 150,\r\n      type: \"radar\",\r\n      toolbar: {\r\n        show: false,\r\n      },\r\n    },\r\n    markers: {\r\n      size: 3,\r\n      hover: {\r\n        size: 10,\r\n      },\r\n    },\r\n    dataLabels: {\r\n      enabled: true,\r\n    },\r\n    plotOptions: {\r\n      radar: {\r\n        size: 120,\r\n      },\r\n    },\r\n    tooltip: {\r\n      y: {\r\n        formatter: function (val) {\r\n          return val;\r\n        },\r\n      },\r\n    },\r\n    xaxis: {\r\n      categories: [],\r\n      labels: {\r\n        trim: true,\r\n        formatter: (value) => {\r\n          var len = value.length;\r\n          return len > 15 ? value.substring(0, 10) + \"...\" : value;\r\n        },\r\n      },\r\n    },\r\n    yaxis: {\r\n      labels: {\r\n        formatter: function (val, i) {\r\n          if (i % 2 === 0) {\r\n            return val;\r\n          } else {\r\n            return \"\";\r\n          }\r\n        },\r\n        labels: {\r\n          trim: true,\r\n          style: {},\r\n          width: \"10px\",\r\n        },\r\n      },\r\n    },\r\n    stroke: {\r\n      width: 1,\r\n    },\r\n    legend: {\r\n      position: \"right\",\r\n      width: 1,\r\n    },\r\n    noData: {\r\n      text: translate(\"analysis_no_data_criterie\"),\r\n      align: \"center\",\r\n      verticalAlign: \"middle\",\r\n      offsetX: 0,\r\n      offsetY: 0,\r\n      style: {\r\n        color: undefined,\r\n        fontSize: \"13px\",\r\n        fontFamily: undefined,\r\n        height: \"400px\",\r\n      },\r\n    },\r\n  },\r\n  series: [],\r\n});\r\nconst selectedIdList = ref([]);\r\nconst onChangeCheckbox = (event, departmentId) => {\r\n  if (event.target.checked) {\r\n    selectedIdList.value.push(departmentId);\r\n  } else {\r\n    selectedIdList.value = selectedIdList.value.filter((id) => id != departmentId);\r\n  }\r\n  let newCategories = sections.value.filter((element) => selectedIdList.value.includes(element.DepartmentId));\r\n\r\n  CategoryChart.value.options.xaxis.categories = newCategories.map((category) => category.CategoryName);\r\n  CategoryChart.value.series = [\r\n    {\r\n      name: \"Category\",\r\n      data: newCategories.map((category) => category.EarnedScore),\r\n    },\r\n  ];\r\n};\r\n\r\ngetAudit();\r\ngetAuditSummary(auditId);\r\n\r\n//bölümleri çağırma\r\ngetSections(auditId);\r\n\r\n// detayı çağırma\r\ngetAuditDetails(auditId);\r\n\r\nwatch(locale, () => {\r\n  setCurrentPageBreadcrumbs(t(\"Menu_Audit_Details\"), []);\r\n});\r\n\r\nonMounted(() => {\r\n  setCurrentPageBreadcrumbs(t(\"Menu_Audit_Details\"), []);\r\n});\r\n</script>\r\n<style>\r\n.accordion-button.collapsed::after {\r\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\r\n}\r\n\r\n#imageDiv:hover {\r\n  cursor: pointer;\r\n}\r\n.confirmZ {\r\n  z-index: 1050 !important ;\r\n}\r\n</style>\r\n","import script from \"./AuditDetails.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AuditDetails.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AuditDetails.vue?vue&type=style&index=0&id=00070254&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--1-1!./AuditDetails.vue?vue&type=style&index=0&id=00070254&lang=css\"","import { Modal } from \"bootstrap\";\r\n\r\nconst hideModal = (modalEl: HTMLElement | null): void => {\r\n  if (!modalEl) {\r\n    return;\r\n  }\r\n\r\n  const myModal = Modal.getInstance(modalEl);\r\n  myModal.hide();\r\n};\r\n\r\nconst removeModalBackdrop = (): void => {\r\n  if (document.querySelectorAll(\".modal-backdrop.fade.show\").length) {\r\n    document.querySelectorAll(\".modal-backdrop.fade.show\").forEach((item) => {\r\n      item.remove();\r\n    });\r\n  }\r\n};\r\n\r\nexport { removeModalBackdrop, hideModal };\r\n","import store from \"@/store\";\r\nimport { Actions } from \"@/store/enums/StoreEnums\";\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} pageTitle Current page title\r\n * @param {Array<string>} breadcrumbs Current page breadcrumbs\r\n */\r\nexport const setCurrentPageBreadcrumbs = (\r\n  pageTitle: string,\r\n  breadcrumbs: Array<string>\r\n): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: pageTitle,\r\n    pageBreadcrumbPath: breadcrumbs,\r\n  });\r\n};\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} title Current page title name\r\n */\r\nexport const setCurrentPageTitle = (title: string): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: title,\r\n  });\r\n};\r\n"],"sourceRoot":""}