{"version":3,"sources":["webpack:///./src/views/admin/templates/template-item/NewQuestionPage.vue?5148","webpack:///./src/components/Audit/QuestionTemplate/TemplateList.vue","webpack:///./src/components/Audit/QuestionTemplate/TemplateList.vue?0ef1","webpack:///./src/views/admin/templates/template-item/NewQuestionPage.vue","webpack:///./src/views/admin/templates/template-item/NewQuestionPage.vue?1d2b","webpack:///./src/components/Audit/QuestionTemplate/TemplateList.vue?fb09","webpack:///./src/store/utils/templateService.ts","webpack:///./src/core/helpers/dom.ts","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["t","te","translate","text","data","show","confirm","editValue","selectedEditItem","selectEdit","id","value","editTemplate","index","name","JSON","stringify","selectTemplate","$event","forEach","template","checked","deleteAll","event","require","group","target","currentTarget","message","icon","acceptLabel","rejectLabel","acceptClass","rejectClass","accept","reject","deleteTemplate","filter","item","closeList","setTimeout","emit","parse","__exports__","store","platform","state","router","description","loading","dispatch","page","pageSize","answersTemplates","getters","dynamicAnswerTemplateList","addAnswerTemplate","question","answerTemplate","answerButton","type","Date","getTime","answerText","score","displayOrder","answers","length","notScorable","answerValues","answerValuesScore","answerTemplateId","actionRequired","proofRequired","noteProofRequired","mediaProofRequired","replaceAnswerFound","push","locale","categoryList","actions","GET_COMMON_CATEGORY","then","response","questionValidator","shape","title","nullable","required","answerValidator","answerTitle","questionList","checkedQuestionCount","i","addQuestion","categoryId","questionText","questionInfoText","code","infoOnly","isRequired","deleteQuestion","questionId","postQuestionList","postObject","templateQuestions","templateCategoryId","answer","templateAnswerTemplateId","answerTypeController2","answerValue","subOptions","templateAnswerId","valueText","lastMenuId","controllerAnswer","notAnswerFound","controlerAnswerFound","status","some","confirmQuestion","x","answerMenuShow","answerOptions","color","selectedAnswer","lastDisplayOrder","lastAnswerValue","saveAnswer","answerSaved","hideModalFunction","saveAnswerTypeInput","addAnswer","answerType","deleteAnswer","document","getElementById","removeEventListener","answerModalClose","displayChange","sort","a","b","parseInt","typeList","answerTypeController","questionAnswers","addSubOption","answerId","deleteSubOption","addEventModal","Object","keys","key","subAnswer","addEventListener","closeModal","modal","querySelector","questionDivClick","answerMenu","composedPath","includes","changeQuestionInfoStatus","howTemplate","listActive","templateModal","templateForm","selectedTemplateQuestion","templateValidator","closeTemplateList","onSubmitTamplate","values","templates","templateArray","object","resetForm","firstData","to","from","next","header","ID_TEMPLATE_KEY","getTemplate","window","localStorage","getItem","saveTemplate","setItem","destroyTemplate","removeItem","returnChekedTemplate","list","isThereRecord","hideModal","modalEl","myModal","getInstance","hide","removeModalBackdrop","querySelectorAll","remove","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","SET_BREADCRUMB_ACTION","pageBreadcrumbPath"],"mappings":"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","file":"js/chunk-c7b3c482.851f93fb.js","sourcesContent":["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!./NewQuestionPage.vue?vue&type=style&index=0&id=2c8f638a&scoped=true&lang=css\"","<template>\r\n  <transition name=\"component-fade\" mode=\"out-in\">\r\n    <div v-if=\"show\" class=\"list-container\" @click=\"closeList\"></div>\r\n  </transition>\r\n  <transition name=\"list-fade\" mode=\"in-out\">\r\n    <div v-if=\"show\" class=\"card bg-white shadow-sm pt-5 c-xf\">\r\n      <div\r\n        class=\"\r\n          d-flex\r\n          justify-content-between\r\n          align-items-center\r\n          border-bottom\r\n          pb-3\r\n        \"\r\n        style=\"padding-right: 1.5rem\"\r\n      >\r\n        <div>\r\n          <h5 class=\"d-flex align-items-start flex-column m-0 p-6\">\r\n            {{ translate(\"question_comp_tepmlate_list_title\") }}\r\n            <span class=\"text-muted mt-1 fs-8\"\r\n              >{{ data.length }} {{ translate(\"Records_Found\") }}</span\r\n            >\r\n          </h5>\r\n        </div>\r\n        <div\r\n          class=\"btn btn-icon btn-sm btn-active-light-primary ms-2 text-dark\"\r\n          @click=\"closeList\"\r\n          aria-label=\"Close\"\r\n        >\r\n          <i class=\"bi bi-x-lg\"></i>\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"\r\n          d-flex\r\n          align-items-center\r\n          justify-content-end\r\n          pt-4\r\n          pe-4\r\n          pb-4\r\n          border-bottom\r\n          position-relative\r\n        \"\r\n        style=\"padding-left: 2.4rem !important\"\r\n      >\r\n        <div class=\"form-check form-check-custom form-check-solid\">\r\n          <button\r\n            class=\"btn btn-sm btn-white text-danger\"\r\n            @click=\"deleteAll($event)\"\r\n          >\r\n            {{ translate(\"delete_all\") }}\r\n          </button>\r\n        </div>\r\n        <div class=\"d-flex align-items-center justify-content-end\"></div>\r\n      </div>\r\n\r\n      <ul id=\"all-location\" class=\"locations-list mt-2 pt-7 ps-3\">\r\n        <div\r\n          v-for=\"(item, index) in data\"\r\n          :key=\"index\"\r\n          class=\"\r\n            d-flex\r\n            align-items-center\r\n            mb-1\r\n            me-2\r\n            border\r\n            rounded\r\n            pt-2\r\n            pb-2\r\n            ps-2\r\n          \"\r\n        >\r\n          <!--begin::Bullet-->\r\n          <span class=\"bullet bullet-vertical h-40px bg-primary\"></span>\r\n          <!--end::Bullet-->\r\n\r\n          <!--begin::Checkbox-->\r\n          <div class=\"form-check form-check-custom form-check-solid mx-5\">\r\n            <input\r\n              class=\"form-check-input\"\r\n              type=\"checkbox\"\r\n              :id=\"`template-${item.id}`\"\r\n              v-model=\"item.checked\"\r\n              @change=\"selectTemplate($event, item.id)\"\r\n            />\r\n          </div>\r\n          <!--end::Checkbox-->\r\n\r\n          <!--begin::Description-->\r\n          <div class=\"flex-grow-1\">\r\n            <div\r\n              v-if=\"selectedEditItem !== item.id\"\r\n              class=\"d-flex flex-column position-relative w-100\"\r\n            >\r\n              <label\r\n                class=\"\r\n                  form-check-label\r\n                  col-form-label\r\n                  fw-bold\r\n                  p-0\r\n                  user-select-none\r\n                \"\r\n                :for=\"`template-${item.id}`\"\r\n                :class=\"\r\n                  selectedEditItem !== item.id ? '' : 'align-items-center'\r\n                \"\r\n              >\r\n                {{ item.name }}\r\n              </label>\r\n            </div>\r\n            <div v-else>\r\n              <div class=\"input-group border-0 pe-2\">\r\n                <input\r\n                  type=\"text\"\r\n                  class=\"form-control\"\r\n                  aria-label=\"Sizing example input\"\r\n                  aria-describedby=\"inputGroup-sizing-sm\"\r\n                  :placeholder=\"item.name\"\r\n                  v-model.trim=\"editValue\"\r\n                  @keyup.enter=\"editTemplate(index)\"\r\n                />\r\n                <a\r\n                  class=\"input-group-text\"\r\n                  id=\"inputGroup-sizing-sm\"\r\n                  style=\"cursor: pointer\"\r\n                  @click=\"editTemplate(index)\"\r\n                  ><i class=\"bi bi-check-lg text-primary\"></i\r\n                ></a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!--end::Description-->\r\n          <div\r\n            class=\"btn btn-icon btn-sm btn-active-light-primary me-2\"\r\n            @click=\"selectEdit(item.id)\"\r\n          >\r\n            <i class=\"bi bi-pencil\"></i>\r\n          </div>\r\n          <div\r\n            class=\"btn btn-icon btn-sm btn-active-light-danger me-2\"\r\n            @click=\"deleteTemplate($event, item.id)\"\r\n          >\r\n            <i class=\"bi bi-trash\"></i>\r\n          </div>\r\n        </div>\r\n      </ul>\r\n      <ConfirmPopup group=\"deleteTemplate\"></ConfirmPopup>\r\n    </div>\r\n  </transition>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, defineEmits, onMounted } from \"vue\";\r\nimport { useConfirm } from \"primevue/useconfirm\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport {\r\n  saveTemplate,\r\n  getTemplate,\r\n  destroyTemplate,\r\n  returnChekedTemplate,\r\n} from \"@/store/utils/templateService\";\r\n\r\n// Multi Language\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\nconst emit = defineEmits([\"closeList\"]);\r\nconst data = ref([]);\r\nconst show = ref(false);\r\n\r\n//Confirm Message\r\nconst confirm = useConfirm();\r\n\r\n//Edit Template\r\nconst editValue = ref(null);\r\nconst selectedEditItem = ref(null);\r\nconst selectEdit = (id) => {\r\n  if (selectedEditItem.value !== id) selectedEditItem.value = id;\r\n  else selectedEditItem.value = null;\r\n\r\n  editValue.value = null;\r\n};\r\nconst editTemplate = (index) => {\r\n  if (editValue.value !== \"\" && editValue.value !== null) {\r\n    data.value[index].name = editValue.value;\r\n    saveTemplate(JSON.stringify(data.value));\r\n  }\r\n  selectedEditItem.value = null;\r\n  editValue.value = null;\r\n};\r\n\r\n// Select Template\r\nconst selectTemplate = ($event, id) => {\r\n  data.value.forEach((template) => {\r\n    if (template.id !== id) template.checked = false;\r\n  });\r\n  saveTemplate(JSON.stringify(data.value));\r\n};\r\n\r\n// Delete Template\r\nconst deleteAll = (event) => {\r\n  confirm.require({\r\n    group: \"deleteTemplate\",\r\n    target: event.currentTarget,\r\n    message: translate(\"question_comp_tepmlate_list_confirm_delete_all_msg\"),\r\n    icon: \"bi bi-exclamation-lg\",\r\n    acceptLabel: translate(\"customer_location_confirm_acceptLabel\"),\r\n    rejectLabel: translate(\"customer_location_confirm_rejectLabel\"),\r\n    acceptClass: \"btn btn-sm btn-light-primary\",\r\n    rejectClass: \"btn btn-sm btn-light\",\r\n    accept: () => {\r\n      data.value = [];\r\n      destroyTemplate();\r\n    },\r\n    reject: () => {\r\n      return;\r\n    },\r\n  });\r\n};\r\n\r\nconst deleteTemplate = (event, id) => {\r\n  confirm.require({\r\n    group: \"deleteTemplate\",\r\n    target: event.currentTarget,\r\n    message: translate(\"question_comp_tepmlate_list_confirm_delete_msg\"),\r\n    icon: \"bi bi-exclamation-lg\",\r\n    acceptLabel: translate(\"customer_location_confirm_acceptLabel\"),\r\n    rejectLabel: translate(\"customer_location_confirm_rejectLabel\"),\r\n    acceptClass: \"btn btn-sm btn-light-primary\",\r\n    rejectClass: \"btn btn-sm btn-light\",\r\n    accept: () => {\r\n      data.value = data.value.filter((item) => item.id !== id);\r\n      saveTemplate(JSON.stringify(data.value));\r\n    },\r\n    reject: () => {\r\n      return;\r\n    },\r\n  });\r\n};\r\n\r\nconst closeList = () => {\r\n  show.value = false;\r\n  setTimeout(() => {\r\n    emit(\"closeList\");\r\n  }, 500);\r\n};\r\n\r\ndata.value = getTemplate() === null ? [] : JSON.parse(getTemplate());\r\nonMounted(() => {\r\n  returnChekedTemplate();\r\n  setTimeout(() => {\r\n    show.value = true;\r\n  }, 30);\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n.list-fade-enter-active,\r\n.list-fade-leave-active {\r\n  transition: all 0.5s ease;\r\n}\r\n.list-fade-enter-from,\r\n.list-fade-leave-to {\r\n  transform: translateX(500px);\r\n}\r\n\r\n.component-fade-enter-active,\r\n.component-fade-leave-active {\r\n  transition: opacity 0.5s ease;\r\n}\r\n\r\n.component-fade-enter-from,\r\n.component-fade-leave-to {\r\n  opacity: 0;\r\n}\r\n.list-container {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background: rgba(0, 0, 0, 0.219);\r\n  z-index: 100;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n}\r\n.c-xf {\r\n  position: fixed;\r\n  width: 500px;\r\n  height: 100vh;\r\n  top: 0px;\r\n  right: 0;\r\n  z-index: 101;\r\n  border-radius: 5px 0 0 5px;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n}\r\n@media only screen and (max-width: 600px) {\r\n  .c-xf {\r\n    width: 100%;\r\n    border-radius: 0;\r\n  }\r\n}\r\n.locations-list {\r\n  padding: 0%;\r\n  background: white;\r\n  width: 100%;\r\n  max-height: 100vh;\r\n  overflow: scroll;\r\n  overflow-x: hidden;\r\n}\r\n</style>\r\n","import script from \"./TemplateList.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./TemplateList.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./TemplateList.vue?vue&type=style&index=0&id=ca059a74&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Projects\\\\git\\\\Fornax-Software\\\\audittick.frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-ca059a74\"]])\n\nexport default __exports__","<template>\r\n  <div class=\"question-list w-100 h-100\" @click=\"questionDivClick($event)\">\r\n    <div\r\n      :title=\"translate('question_component_button_add_question')\"\r\n      class=\"btn btn-icon btn-white w-40px h-40px pulse pulse-dark shadow-sm position-fixed top-50 mt-10 end-0 transform-90 rounded-0 rounded-bottom\"\r\n      style=\"z-index: 5 !important\"\r\n      @click=\"addQuestion\"\r\n    >\r\n      <span class=\"svg-icon svg-icon-3\">\r\n        <inline-svg src=\"media/icons/duotune/arrows/arr075.svg\" />\r\n      </span>\r\n      <span class=\"pulse-ring\"></span>\r\n    </div>\r\n\r\n    <div class=\"card\">\r\n      <div\r\n        class=\"row d-flex justify-content-between align-items-center border-bottom p-5\"\r\n      >\r\n        <div class=\"d-flex justify-content-between align-items-center\">\r\n          <h4 class=\"ms-2 text-gray-800 m-0\">\r\n            {{ translate(\"question_component_page_title_h4\") }}\r\n            <i\r\n              class=\"fas fa-exclamation-circle ms-1 fs-3\"\r\n              @click=\"description = !description\"\r\n              style=\"cursor: pointer\"\r\n            ></i>\r\n          </h4>\r\n          <div\r\n            class=\"btn btn-icon btn-sm btn-active-light border\"\r\n            :title=\"translate('question_component_button_backto_list')\"\r\n            @click=\"router.push({ name: 'admin-template-questions-list' })\"\r\n          >\r\n            <span class=\"svg-icon svg-icon-2\">\r\n              <inline-svg src=\"media/icons/duotune/arrows/arr077.svg\" />\r\n            </span>\r\n          </div>\r\n        </div>\r\n        <transition name=\"component-fade\" mode=\"out-in\">\r\n          <div\r\n            v-if=\"description\"\r\n            class=\"d-flex justify-content-start align-items-center\"\r\n          >\r\n            <p class=\"text-gray-600 p-5 pb-0\">\r\n              {{ translate(\"question_component_description\") }}\r\n            </p>\r\n          </div>\r\n        </transition>\r\n        <div class=\"d-flex justify-content-end w-100 mt-5\">\r\n          <div>\r\n            <button\r\n              v-if=\"howTemplate\"\r\n              class=\"btn btn-white btn-sm border border-gray-300 text-gray-800 position-relative me-2\"\r\n              @click=\"listActive = true\"\r\n            >\r\n              {{ translate(\"question_comp_input_btn_select_template\") }}\r\n            </button>\r\n            <button\r\n              class=\"btn btn-white btn-sm border border-gray-300 text-gray-800 position-relative me-2\"\r\n              @click=\"addQuestion\"\r\n            >\r\n              {{ translate(\"question_component_button_add_question\") }}\r\n            </button>\r\n            <button\r\n              class=\"btn btn-white btn-sm border border-gray-300 text-gray-800 position-relative\"\r\n              :disabled=\"checkedQuestionCount === 0 ? true : false\"\r\n              @click=\"postQuestionList\"\r\n            >\r\n              <div\r\n                v-if=\"loading\"\r\n                class=\"spinner-border spinner-border-sm mx-2\"\r\n              ></div>\r\n              <span class=\"indicator-label\">\r\n                {{ translate(\"question_component_button_questions_save\") }}\r\n              </span>\r\n\r\n              <span\r\n                v-show=\"checkedQuestionCount > 0\"\r\n                class=\"position-absolute top-0 start-100 translate-middle badge badge-circle badge-primary\"\r\n                >{{ checkedQuestionCount }}</span\r\n              >\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <ConfirmPopup></ConfirmPopup>\r\n    <ConfirmDialog group=\"exitPage\"></ConfirmDialog>\r\n    <!-- Question Item Start -->\r\n    <transition-group name=\"component-fade\" mode=\"out-in\" tag=\"div\">\r\n      <div v-for=\"(question, index) in questionList\" :key=\"question.id\">\r\n        <!-- Question Confirm True -->\r\n\r\n        <div\r\n          v-if=\"question.checked\"\r\n          class=\"card p-4 ps-8 pe-0 mt-4 position-relative justify-content-center\"\r\n          style=\"height: 60px\"\r\n        >\r\n          <div class=\"row\">\r\n            <div class=\"confim-div\">\r\n              <a> {{ index + 1 }} </a>\r\n            </div>\r\n\r\n            <div class=\"row align-items-center\">\r\n              <div\r\n                class=\"col-lg-9 overflow-hidden fw-bold text-gray-800\"\r\n                style=\"max-height: 39px !important\"\r\n              >\r\n                {{ question.questionText }}\r\n              </div>\r\n              <div class=\"col-lg-3 align-items-center\">\r\n                <div class=\"d-flex justify-content-end\">\r\n                  <a\r\n                    class=\"btn btn-icon btn-bg-white border btn-active-color-primary btn-sm me-1\"\r\n                    :title=\"translate('Edit')\"\r\n                    @click=\"question.checked = false\"\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                  <a\r\n                    class=\"btn btn-icon btn-bg-white border btn-active-color-danger btn-sm\"\r\n                    :title=\"translate('Delete')\"\r\n                    @click=\"deleteQuestion($event, question.id)\"\r\n                  >\r\n                    <span class=\"svg-icon svg-icon-3\">\r\n                      <inline-svg\r\n                        src=\"media/icons/duotune/general/gen027.svg\"\r\n                      />\r\n                    </span>\r\n                  </a>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Question Confirm False -->\r\n        <div v-else class=\"card p-4 ps-0 pe-0 mt-4 position-relative\">\r\n          <div\r\n            class=\"d-flex justify-content-between align-items-center border-bottom p-5 pt-3\"\r\n          >\r\n            <div class=\"d-flex justify-content-start align-items-center w-100\">\r\n              <div class=\"ques-index-div\">\r\n                <a> {{ index + 1 }} </a>\r\n              </div>\r\n              <h5\r\n                class=\"ms-2 text-gray-800 m-0 d-flex justify-content-between align-items-center w-100\"\r\n              >\r\n                {{ translate(\"question_component_h3_content_title\") }}\r\n\r\n                <a\r\n                  class=\"btn btn-sm btn-link btn-color-info btn-active-color-primary\"\r\n                  data-bs-toggle=\"modal\"\r\n                  data-bs-target=\"#add-template-modal\"\r\n                  @click=\"selectTemplate(question)\"\r\n                  >{{ translate(\"question_comp_input_btn_save_template\") }}</a\r\n                >\r\n              </h5>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- Question Type Checkbox / Is Required  Checkbox-->\r\n          <div class=\"d-flex justify-content-end mt-6 px-5 py-1 gap-2\">\r\n            <div\r\n              class=\"form-check form-check-custom form-check-solid pe-2 border border-2 border-top-0 border-bottom-0 border-start-0\"\r\n              :title=\"translate('question_component_checkbox_required_title')\"\r\n            >\r\n              <input\r\n                class=\"form-check-input\"\r\n                type=\"checkbox\"\r\n                :id=\"'isRequired-' + question.id\"\r\n                v-model.trim=\"question.isRequired\"\r\n              />\r\n              <label\r\n                class=\"form-check-label user-select-none text-gray-800 fw-bold\"\r\n                :for=\"'isRequired-' + question.id\"\r\n              >\r\n                {{ translate(\"question_component_checkbox_required\") }}\r\n              </label>\r\n            </div>\r\n            <div class=\"form-check form-check-custom form-check-solid\">\r\n              <input\r\n                class=\"form-check-input\"\r\n                type=\"checkbox\"\r\n                :id=\"'check-' + question.id\"\r\n                v-model.trim=\"question.infoOnly\"\r\n                @change=\"changeQuestionInfoStatus($event, question)\"\r\n              />\r\n              <label\r\n                class=\"form-check-label user-select-none text-gray-800 fw-bold\"\r\n                :for=\"'check-' + question.id\"\r\n              >\r\n                {{ translate(\"question_component_checkbox_label_info\") }}\r\n                <i\r\n                  class=\"fas fa-exclamation-circle ms-1 fs-7\"\r\n                  :title=\"\r\n                    translate(\r\n                      'question_component_checkbox_label_info_icon_title'\r\n                    )\r\n                  \"\r\n                ></i>\r\n              </label>\r\n            </div>\r\n          </div>\r\n          <Form\r\n            v-slot=\"{ errors }\"\r\n            class=\"form p-5 pb-2 rounded-bottom\"\r\n            novalidate=\"novalidate\"\r\n            @submit=\"confirmQuestion(question)\"\r\n            :validation-schema=\"questionValidator\"\r\n          >\r\n            <!-- Questions Elements Start-->\r\n\r\n            <!-- Question Categorys -->\r\n            <div v-show=\"!question.infoOnly\" class=\"row mt-2\">\r\n              <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n                translate(\"question_component_input_categoryId\")\r\n              }}</label>\r\n              <div class=\"col-lg-8 fv-row d-v-container\">\r\n                <Dropdown\r\n                  class=\"mb-3\"\r\n                  :filter=\"!platform\"\r\n                  :emptyFilterMessage=\"translate('No_Records')\"\r\n                  v-model=\"question.categoryId\"\r\n                  :options=\"categoryList\"\r\n                  optionLabel=\"Value\"\r\n                  optionValue=\"Id\"\r\n                  :placeholder=\"\r\n                    translate('question_component_input_select_category')\r\n                  \"\r\n                  style=\"padding: 3px !important\"\r\n                  appendTo=\"self\"\r\n                >\r\n                  <template v-slot:indicator>\r\n                    <div\r\n                      class=\"p-dropdown-trigger\"\r\n                      role=\"button\"\r\n                      aria-haspopup=\"listbox\"\r\n                      aria-expanded=\"false\"\r\n                    >\r\n                      <span\r\n                        class=\"p-dropdown-trigger-icon pi pi-chevron-down\"\r\n                      ></span>\r\n                    </div>\r\n\r\n                    <i\r\n                      v-if=\"question.categoryId === 0 ? false : true\"\r\n                      class=\"p-dropdown-clear-icon pi pi-times\"\r\n                      @click=\"question.categoryId = 0\"\r\n                    ></i>\r\n                  </template>\r\n                </Dropdown>\r\n              </div>\r\n            </div>\r\n            <!-- Question Text  -->\r\n            <div class=\"row mt-2\">\r\n              <label class=\"col-lg-4 col-form-label fw-bold fs-6 required\">{{\r\n                translate(\"question_component_input_title\")\r\n              }}</label>\r\n\r\n              <div class=\"col-lg-8 fv-row d-v-container\">\r\n                <div class=\"fv-plugins-message-container d-v-s-content\">\r\n                  <div class=\"fv-help-block ms-2 v-element\">\r\n                    <ErrorMessage name=\"title\" />\r\n                  </div>\r\n                </div>\r\n                <Field\r\n                  type=\"text\"\r\n                  name=\"title\"\r\n                  class=\"form-control fs-6\"\r\n                  :class=\"errors['title'] !== undefined ? 'v-invalid' : ''\"\r\n                  :placeholder=\"translate('question_component_input_title')\"\r\n                  v-model.trim=\"question.questionText\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <!--  Qustion İnfo Text -->\r\n            <div class=\"row mt-5\">\r\n              <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n                translate(\"question_component_input_info\")\r\n              }}</label>\r\n              <div class=\"col-lg-8\">\r\n                <textarea\r\n                  name=\"info\"\r\n                  v-model.trim=\"question.questionInfoText\"\r\n                  :placeholder=\"translate('question_component_input_info')\"\r\n                  class=\"form-control fs-6\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <!-- Question Code / Qusetion Score -->\r\n            <div class=\"row mt-5\">\r\n              <label class=\"col-lg-4 col-form-label fw-bold fs-6\"\r\n                ><span>\r\n                  {{ translate(\"question_component_input_code\") }}\r\n                </span>\r\n\r\n                <span v-show=\"!question.infoOnly\">\r\n                  / {{ translate(\"question_component_input_score\") }}\r\n                </span>\r\n              </label>\r\n              <!-- Question Code -->\r\n              <div class=\"col-lg-4 mb-5\">\r\n                <input\r\n                  type=\"text\"\r\n                  name=\"code\"\r\n                  v-model.trim=\"question.code\"\r\n                  :placeholder=\"translate('question_component_input_code')\"\r\n                  class=\"form-control fs-6\"\r\n                />\r\n              </div>\r\n\r\n              <!-- Qusetion Score -->\r\n              <div v-show=\"!question.infoOnly\" class=\"col-lg-4 fv-row mb-5\">\r\n                <input\r\n                  :disabled=\"answerTypeController(question.answers)\"\r\n                  type=\"number\"\r\n                  min=\"0\"\r\n                  name=\"questionScore\"\r\n                  onkeydown=\"return event.keyCode !== 69\"\r\n                  @blur=\"\r\n                    question.score < 0 ? (question.score = 0) : question.score\r\n                  \"\r\n                  :class=\"\r\n                    errors['questionScore'] !== undefined ? 'v-invalid' : ''\r\n                  \"\r\n                  v-model.number=\"question.score\"\r\n                  :placeholder=\"translate('question_component_input_score')\"\r\n                  class=\"form-control fs-6\"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <!-- Question Answer Templete  -->\r\n            <div v-show=\"!question.infoOnly\" class=\"row mb-5\">\r\n              <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n                translate(\"question_component_answer_template\")\r\n              }}</label>\r\n              <div class=\"col-lg-8\">\r\n                <div class=\"d-flex align-items-center\">\r\n                  <MultiSelect\r\n                    v-model=\"dynamicAnswerTemplateList[`list${question.id}`]\"\r\n                    :options=\"answersTemplates\"\r\n                    optionLabel=\"answerText\"\r\n                    :placeholder=\"\r\n                      translate('question_component_answer_template_select')\r\n                    \"\r\n                    style=\"padding: 3px !important\"\r\n                    :disabled=\"answerTypeController(question.answers)\"\r\n                  >\r\n                  </MultiSelect>\r\n                  <a\r\n                    :class=\"\r\n                      answerTypeController(question.answers) ? 'disabled' : ''\r\n                    \"\r\n                    class=\"btn btn-sm btn-success ms-2\"\r\n                    @click=\"addAnswerTemplate(question)\"\r\n                    >{{ translate(\"Add\") }}</a\r\n                  >\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <!-- Select Answer Type and Answers -->\r\n            <div class=\"row mb-8 mt-10 position-relative\">\r\n              <!-- Answer Type List  -->\r\n              <div class=\"col-lg-4\">\r\n                <a\r\n                  :id=\"`btn-answer-list-${question.id}`\"\r\n                  class=\"btn btn-sm btn-success\"\r\n                  :class=\"\r\n                    answerTypeController(question.answers) ? 'disabled' : ''\r\n                  \"\r\n                  @click=\"answerMenuShow(question.id)\"\r\n                  >{{ translate(\"question_component_button_add_answer\") }}</a\r\n                >\r\n                <ul\r\n                  v-show=\"lastMenuId === question.id\"\r\n                  :id=\"`answer-list-${question.id}`\"\r\n                  class=\"answer-list\"\r\n                >\r\n                  <div\r\n                    v-for=\"(answerOption, index) in answerOptions\"\r\n                    :key=\"index\"\r\n                  >\r\n                    <li\r\n                      v-if=\"question.infoOnly\"\r\n                      @click=\"addAnswer(answerOption.type, question)\"\r\n                    >\r\n                      <i\r\n                        :class=\"answerOption.icon\"\r\n                        class=\"me-3 fs-5\"\r\n                        :style=\"`color:${answerOption.color}`\"\r\n                      ></i>\r\n                      <span>\r\n                        {{\r\n                          translate(\r\n                            `question_component_li_answer_type_${answerOption.type}`\r\n                          )\r\n                        }}\r\n                      </span>\r\n                    </li>\r\n                    <li\r\n                      v-else-if=\"\r\n                        answerOption.type !== 'Single' &&\r\n                        answerOption.type !== 'Radio' &&\r\n                        answerOption.type !== 'Multiple'\r\n                      \"\r\n                      :style=\"\r\n                        index === 3\r\n                          ? 'border-top: none; border-radius: 5px 5px 0 0;'\r\n                          : ''\r\n                      \"\r\n                      @click=\"addAnswer(answerOption.type, question)\"\r\n                    >\r\n                      <i\r\n                        :class=\"answerOption.icon\"\r\n                        class=\"me-3 fs-5\"\r\n                        :style=\"`color:${answerOption.color}`\"\r\n                      ></i>\r\n                      <span>\r\n                        {{\r\n                          translate(\r\n                            `question_component_li_answer_type_${answerOption.type}`\r\n                          )\r\n                        }}\r\n                      </span>\r\n                    </li>\r\n                  </div>\r\n                </ul>\r\n              </div>\r\n              <!-- Answer Type List  End-->\r\n\r\n              <!-- Answer Buttons -->\r\n              <div class=\"col-lg-8\">\r\n                <label\r\n                  v-if=\"controlerAnswerFound(question.id)\"\r\n                  class=\"ms-3 fs-8\"\r\n                  style=\"color: #f31f0cd5\"\r\n                  >{{\r\n                    translate(\"question_component_answer_select_valid\")\r\n                  }}</label\r\n                >\r\n                <div class=\"d-flex flex-wrap gap-10\">\r\n                  <div\r\n                    class=\"d-inline\"\r\n                    v-for=\"(answer, inx) in question.answers\"\r\n                    :key=\"answer.id\"\r\n                  >\r\n                    <Form\r\n                      v-slot=\"{ errors }\"\r\n                      class=\"form p-0 m-0\"\r\n                      novalidate=\"novalidate\"\r\n                      @submit=\"saveAnswer(question, answer)\"\r\n                      :validation-schema=\"answerValidator\"\r\n                    >\r\n                      <!-- Answer Buttons Start -->\r\n                      <div\r\n                        :id=\"`btn-answer-${answer.id}`\"\r\n                        :class=\"` position-relative\r\n                          btn\r\n                          btn-sm\r\n                          btn-outline\r\n                          btn-outline-dashed\r\n    ${\r\n      answer.answerText === ''\r\n        ? 'btn-outline-danger btn-active-light-danger'\r\n        : 'btn-outline-primary btn-active-light-primary'\r\n    }`\"\r\n                      >\r\n                        <span\r\n                          v-if=\"!answerTypeController2(answer.type)\"\r\n                          class=\"ps-4 pe-4\"\r\n                        >\r\n                          {{\r\n                            answer.answerText === null ||\r\n                            answer.answerText === \"\"\r\n                              ? `${translate(\r\n                                  \"question_component_button_answer\"\r\n                                )} - ${inx + 1}`\r\n                              : answer.answerText\r\n                          }}\r\n                        </span>\r\n                        <div\r\n                          v-else\r\n                          class=\"d-flex align-items-center ps-4 pe-4 fs-6\"\r\n                        >\r\n                          <i\r\n                            v-if=\"answer.type === 'Text'\"\r\n                            class=\"bi bi-fonts me-1\"\r\n                            style=\"color: #214cc5\"\r\n                          ></i>\r\n                          <i\r\n                            v-if=\"answer.type === 'DateTime'\"\r\n                            class=\"bi bi-calendar me-1\"\r\n                            style=\"color: #214cc5\"\r\n                          ></i>\r\n                          <i\r\n                            v-if=\"answer.type === 'Phone'\"\r\n                            class=\"bi bi-telephone me-1\"\r\n                            style=\"color: #214cc5\"\r\n                          ></i>\r\n                          <i\r\n                            v-if=\"answer.type === 'Signature'\"\r\n                            class=\"bi bi-pencil-square me-1\"\r\n                            style=\"color: #214cc5\"\r\n                          ></i>\r\n                          <i\r\n                            v-if=\"answer.type === 'Location'\"\r\n                            class=\"bi bi-geo-alt me-1\"\r\n                            style=\"color: #214cc5\"\r\n                          ></i>\r\n\r\n                          <span>\r\n                            {{\r\n                              translate(\r\n                                `question_component_li_answer_type_${answer.type}`\r\n                              )\r\n                            }}\r\n                          </span>\r\n                        </div>\r\n\r\n                        <span\r\n                          data-bs-toggle=\"modal\"\r\n                          :data-bs-target=\"`#answer-modal-${answer.id}`\"\r\n                          @click=\"addEventModal(answer)\"\r\n                          class=\"position-absolute top-0 start-100 translate-middle badge badge-primary rounded-circle p-2 border shadow-sm\"\r\n                          ><i class=\"bi bi-pencil-fill fs-5 p-0 text-white\"></i\r\n                        ></span>\r\n\r\n                        <span\r\n                          class=\"position-absolute top-100 start-100 translate-middle badge badge-primary rounded-circle p-2 border shadow-sm\"\r\n                          @click=\"deleteAnswer(answer.id, question)\"\r\n                        >\r\n                          <i class=\"bi bi-x-lg fs-6 p-0 text-white\"></i\r\n                        ></span>\r\n                      </div>\r\n                      <!-- Answer Buttons End -->\r\n\r\n                      <!-- Answer Modal -->\r\n\r\n                      <!-- İf Answer Type not Input -->\r\n                      <div\r\n                        v-if=\"!answerTypeController2(answer.type)\"\r\n                        class=\"modal fade\"\r\n                        tabindex=\"-1\"\r\n                        :id=\"`answer-modal-${answer.id}`\"\r\n                        ref=\"newTargetModalRef\"\r\n                        aria-hidden=\"true\"\r\n                      >\r\n                        <div\r\n                          class=\"modal-dialog modal-dialog-centered mw-750px\"\r\n                        >\r\n                          <div class=\"modal-content rounded\">\r\n                            <!-- Answer Modal Header -->\r\n                            <div class=\"modal-header\">\r\n                              <h5 class=\"modal-title\">\r\n                                {{\r\n                                  translate(\r\n                                    \"question_component_modal_h5_content_title\"\r\n                                  )\r\n                                }}\r\n                              </h5>\r\n\r\n                              <!--begin::Close-->\r\n                              <div\r\n                                class=\"btn btn-icon btn-sm btn-active-light-primary ms-2 text-dark\"\r\n                                @click=\"closeModal\"\r\n                                aria-label=\"Close\"\r\n                              >\r\n                                <i class=\"bi bi-x-lg\"></i>\r\n                              </div>\r\n                              <!--end::Close-->\r\n                            </div>\r\n\r\n                            <!-- Answer Modal Body -->\r\n                            <div class=\"modal-body rounded\">\r\n                              <!-- Answer Text -->\r\n                              <div class=\"row mt-2\">\r\n                                <label\r\n                                  class=\"col-lg-4 col-form-label fw-bold fs-6 required\"\r\n                                  >{{\r\n                                    translate(\r\n                                      \"question_component_modal_label_answer_title\"\r\n                                    )\r\n                                  }}</label\r\n                                >\r\n\r\n                                <div class=\"col-lg-8 fv-row d-v-container\">\r\n                                  <div\r\n                                    class=\"fv-plugins-message-container d-v-s-content\"\r\n                                  >\r\n                                    <div class=\"fv-help-block ms-2 v-element\">\r\n                                      <ErrorMessage name=\"answerTitle\" />\r\n                                    </div>\r\n                                  </div>\r\n                                  <Field\r\n                                    :disabled=\"\r\n                                      answer.answerTemplateId > 0 ? true : false\r\n                                    \"\r\n                                    type=\"text\"\r\n                                    name=\"answerTitle\"\r\n                                    class=\"form-control fs-6\"\r\n                                    :class=\"\r\n                                      errors['answerTitle'] !== undefined\r\n                                        ? 'v-invalid'\r\n                                        : ''\r\n                                    \"\r\n                                    :placeholder=\"\r\n                                      translate(\r\n                                        'question_component_modal_label_answer_title'\r\n                                      )\r\n                                    \"\r\n                                    v-model.trim=\"answer.answerText\"\r\n                                  />\r\n                                </div>\r\n                              </div>\r\n\r\n                              <!-- Answer Score / Answer View Order -->\r\n                              <div class=\"row mt-2\">\r\n                                <label\r\n                                  class=\"col-lg-4 col-form-label fw-bold fs-6\"\r\n                                >\r\n                                  <span\r\n                                    v-show=\"\r\n                                      !answer.notScorable && !question.infoOnly\r\n                                    \"\r\n                                    >{{\r\n                                      translate(\r\n                                        \"question_component_modal_label_answer_score\"\r\n                                      )\r\n                                    }}\r\n                                    /\r\n                                  </span>\r\n\r\n                                  <span>\r\n                                    {{\r\n                                      translate(\r\n                                        \"question_component_modal_label_answer_orderBy\"\r\n                                      )\r\n                                    }}\r\n                                  </span></label\r\n                                >\r\n                                <!-- Answer Score -->\r\n                                <div\r\n                                  class=\"col-lg-4 mb-4\"\r\n                                  v-show=\"\r\n                                    !answer.notScorable && !question.infoOnly\r\n                                  \"\r\n                                >\r\n                                  <div class=\"d-flex align-items-center\">\r\n                                    <input\r\n                                      type=\"number\"\r\n                                      name=\"code\"\r\n                                      onkeydown=\"return event.keyCode !== 69\"\r\n                                      :max=\"question.score\"\r\n                                      @blur=\"\r\n                                        answer.score > question.score\r\n                                          ? (answer.score = question.score)\r\n                                          : null\r\n                                      \"\r\n                                      v-model.number=\"answer.score\"\r\n                                      :placeholder=\"\r\n                                        translate(\r\n                                          'question_component_modal_label_answer_score'\r\n                                        )\r\n                                      \"\r\n                                      :class=\"`form-control  fs-6 ${\r\n                                        answer.score > question.score\r\n                                          ? 'v-invalid'\r\n                                          : ''\r\n                                      }`\"\r\n                                    />\r\n\r\n                                    <label\r\n                                      v-show=\"answer.score > question.score\"\r\n                                      class=\"ms-3 fs-8\"\r\n                                      style=\"color: #f31f0cd5\"\r\n                                      >{{\r\n                                        translate(\r\n                                          \"question_component_answer_modal_score_valid\"\r\n                                        )\r\n                                      }}</label\r\n                                    >\r\n                                  </div>\r\n                                </div>\r\n                                <!-- Answer View Order  -->\r\n                                <div class=\"col-lg-4 mb-4\">\r\n                                  <select\r\n                                    :placeholder=\"\r\n                                      translate(\r\n                                        'question_component_modal_label_answer_orderBy'\r\n                                      )\r\n                                    \"\r\n                                    class=\"form-select fs-6\"\r\n                                    v-model.number=\"answer.displayOrder\"\r\n                                    @change=\"displayChange(question, answer)\"\r\n                                  >\r\n                                    <option\r\n                                      v-for=\"(x, indx) in question.answers\"\r\n                                      :key=\"indx\"\r\n                                      :value=\"x.displayOrder\"\r\n                                    >\r\n                                      {{ x.displayOrder }}\r\n                                    </option>\r\n                                  </select>\r\n                                </div>\r\n                              </div>\r\n                              <!-- Answer Action - Evidence Required and Null Avalible Checkbox -->\r\n                              <div class=\"row mb-4\">\r\n                                <div class=\"col-lg-4\">\r\n                                  {{\r\n                                    translate(\r\n                                      \"question_component_answer_modal_label_logic_choice\"\r\n                                    )\r\n                                  }}\r\n                                </div>\r\n                                <div\r\n                                  class=\"col-lg-8 d-flex justify-content-start gap-2\"\r\n                                >\r\n                                  <!-- Answer Action Required Checkbox -->\r\n                                  <div\r\n                                    class=\"form-check form-check-custom form-check-solid pe-2 border border-2 border-top-0 border-bottom-0 border-start-0\"\r\n                                    :title=\"\r\n                                      translate(\r\n                                        'question_component_answer_modal_action_checkbox_title'\r\n                                      )\r\n                                    \"\r\n                                  >\r\n                                    <input\r\n                                      class=\"form-check-input\"\r\n                                      type=\"checkbox\"\r\n                                      :id=\"`check-action-required${answer.id}`\"\r\n                                      v-model=\"answer.actionRequired\"\r\n                                    />\r\n                                    <label\r\n                                      class=\"form-check-label text-gray-600 user-select-none\"\r\n                                      :for=\"`check-action-required${answer.id}`\"\r\n                                    >\r\n                                      {{\r\n                                        translate(\r\n                                          \"question_component_answer_modal_action_checkbox_label\"\r\n                                        )\r\n                                      }}\r\n                                    </label>\r\n                                  </div>\r\n\r\n                                  <!-- Answer Evidence Required Checkbox -->\r\n                                  <div\r\n                                    class=\"form-check form-check-custom form-check-solid pe-2 border border-2 border-top-0 border-bottom-0 border-start-0\"\r\n                                    :title=\"\r\n                                      translate(\r\n                                        'question_component_answer_modal_evidence_checkbox_title'\r\n                                      )\r\n                                    \"\r\n                                  >\r\n                                    <input\r\n                                      class=\"form-check-input\"\r\n                                      type=\"checkbox\"\r\n                                      :id=\"`check-evidence-required${answer.id}`\"\r\n                                      v-model=\"answer.proofRequired\"\r\n                                    />\r\n                                    <label\r\n                                      class=\"form-check-label text-gray-600 user-select-none\"\r\n                                      :for=\"`check-evidence-required${answer.id}`\"\r\n                                    >\r\n                                      {{\r\n                                        translate(\r\n                                          \"question_component_answer_modal_evidence_checkbox_label\"\r\n                                        )\r\n                                      }}\r\n                                    </label>\r\n                                  </div>\r\n\r\n                                  <!-- Answer Null Avalible Checkbox -->\r\n                                  <div\r\n                                    class=\"form-check form-check-custom form-check-solid\"\r\n                                    v-show=\"!question.infoOnly\"\r\n                                    :title=\"\r\n                                      translate(\r\n                                        'question_component_modal_label_answer_nullAvailable'\r\n                                      )\r\n                                    \"\r\n                                  >\r\n                                    <input\r\n                                      class=\"form-check-input\"\r\n                                      type=\"checkbox\"\r\n                                      :id=\"`check-null-avalible${answer.id}`\"\r\n                                      v-model=\"answer.notScorable\"\r\n                                      @change=\"\r\n                                        answer.answerValuesScore &&\r\n                                        answer.notScorable\r\n                                          ? (answer.answerValuesScore = false)\r\n                                          : null\r\n                                      \"\r\n                                    />\r\n                                    <label\r\n                                      class=\"form-check-label text-gray-600 user-select-none\"\r\n                                      :for=\"`check-null-avalible${answer.id}`\"\r\n                                    >\r\n                                      {{\r\n                                        translate(\r\n                                          \"question_component_answer_modal_na_checkbox_label\"\r\n                                        )\r\n                                      }}\r\n                                    </label>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                              <!-- Answer Evidence Required (Notes and Media) Checkbox -->\r\n                              <div\r\n                                v-show=\"answer.proofRequired\"\r\n                                class=\"row my-4\"\r\n                              >\r\n                                <div class=\"col-lg-4\"></div>\r\n                                <div\r\n                                  class=\"col-lg-8 border\"\r\n                                  style=\"\r\n                                    background: #f6faff;\r\n                                    padding: 9px;\r\n                                    border-radius: 5px;\r\n                                  \"\r\n                                >\r\n                                  {{\r\n                                    translate(\r\n                                      \"question_component_answer_modal_evidence_options_title\"\r\n                                    )\r\n                                  }}\r\n                                  <div class=\"row\">\r\n                                    <label\r\n                                      class=\"form-check-label text-gray-500 user-select-none fs-7\"\r\n                                    >\r\n                                      {{\r\n                                        translate(\r\n                                          \"question_component_answer_modal_evidence_options_explication\"\r\n                                        )\r\n                                      }}\r\n                                    </label>\r\n                                  </div>\r\n                                  <div class=\"row mt-2\">\r\n                                    <div\r\n                                      class=\"col-lg-8 d-flex justify-content-start gap-2\"\r\n                                    >\r\n                                      <!-- Answer Evidence Required Notes Checkbox -->\r\n                                      <div\r\n                                        class=\"form-check form-check-custom form-check-solid form-check-sm pe-2 border border-2 border-top-0 border-bottom-0 border-start-0\"\r\n                                      >\r\n                                        <input\r\n                                          class=\"form-check-input form-check-input-sm\"\r\n                                          type=\"checkbox\"\r\n                                          :id=\"`check-notes-required${answer.id}`\"\r\n                                          v-model=\"answer.noteProofRequired\"\r\n                                        />\r\n                                        <label\r\n                                          class=\"form-check-label text-gray-600 user-select-none\"\r\n                                          :for=\"`check-notes-required${answer.id}`\"\r\n                                        >\r\n                                          {{\r\n                                            translate(\r\n                                              \"question_component_answer_modal_evidence_options_notes\"\r\n                                            )\r\n                                          }}\r\n                                        </label>\r\n                                      </div>\r\n                                      <!-- Answer Evidence Required Media Checkbox -->\r\n                                      <div\r\n                                        class=\"form-check form-check-custom form-check-solid form-check-sm\"\r\n                                      >\r\n                                        <input\r\n                                          class=\"form-check-input\"\r\n                                          type=\"checkbox\"\r\n                                          :id=\"`check-media-required${answer.id}`\"\r\n                                          v-model=\"answer.mediaProofRequired\"\r\n                                        />\r\n                                        <label\r\n                                          class=\"form-check-label text-gray-600 user-select-none\"\r\n                                          :for=\"`check-media-required${answer.id}`\"\r\n                                        >\r\n                                          {{\r\n                                            translate(\r\n                                              \"question_component_answer_modal_evidence_options_media\"\r\n                                            )\r\n                                          }}\r\n                                        </label>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                              <!-- Answer Sub Option -->\r\n                              <div v-if=\"answer.type !== 'Single'\" class=\"mt-2\">\r\n                                <!-- Add Sub Options Button -->\r\n\r\n                                <a\r\n                                  class=\"btn btn-sm btn-success\"\r\n                                  @click=\"addSubOption(answer)\"\r\n                                >\r\n                                  {{\r\n                                    translate(\r\n                                      \"question_component_modal_button_add_sub_option\"\r\n                                    )\r\n                                  }}\r\n                                </a>\r\n\r\n                                <div\r\n                                  v-show=\"\r\n                                    answer.answerValues.length > 0 &&\r\n                                    answer.notScorable !== true &&\r\n                                    !question.infoOnly\r\n                                  \"\r\n                                  class=\"form-check form-check-custom form-check-solid mt-5\"\r\n                                  style=\"margin-left: 1.4rem !important\"\r\n                                >\r\n                                  <input\r\n                                    class=\"form-check-input\"\r\n                                    type=\"checkbox\"\r\n                                    :id=\"`check-score-${answer.id}`\"\r\n                                    v-model=\"answer.answerValuesScore\"\r\n                                  />\r\n                                  <label\r\n                                    class=\"form-check-label user-select-none text-gray-600\"\r\n                                    :for=\"`check-score-${answer.id}`\"\r\n                                  >\r\n                                    {{\r\n                                      translate(\r\n                                        \"question_component_answer_modal_checkbox_sub_option_score\"\r\n                                      )\r\n                                    }}\r\n                                  </label>\r\n                                </div>\r\n\r\n                                <ul class=\"p-0\">\r\n                                  <li\r\n                                    v-for=\"(sub, index) in answer.answerValues\"\r\n                                    :key=\"sub.id\"\r\n                                    style=\"list-style: none\"\r\n                                  >\r\n                                    <div\r\n                                      :class=\"`d-flex ${\r\n                                        index === 0 ? 'mt-6' : 'mt-2'\r\n                                      }`\"\r\n                                    >\r\n                                      <div\r\n                                        class=\"col-lg-1 d-flex justify-content-center align-items-center pe-0\"\r\n                                      >\r\n                                        <div\r\n                                          class=\"sub-index-div border border-secondary\"\r\n                                        >\r\n                                          <a class=\"text-gray-700\">\r\n                                            {{ index + 1 }}</a\r\n                                          >\r\n                                        </div>\r\n                                      </div>\r\n                                      <div\r\n                                        :class=\"\r\n                                          answer.answerValuesScore === false\r\n                                            ? 'col-lg-10 pe-4'\r\n                                            : 'col-lg-7 pe-4'\r\n                                        \"\r\n                                      >\r\n                                        <input\r\n                                          type=\"text\"\r\n                                          v-model.trim=\"sub.valueText\"\r\n                                          :placeholder=\"\r\n                                            translate(\r\n                                              'question_component_modal_sub_option_input'\r\n                                            )\r\n                                          \"\r\n                                          class=\"form-control fs-6\"\r\n                                        />\r\n                                      </div>\r\n                                      <div\r\n                                        :class=\"\r\n                                          answer.answerValuesScore === false &&\r\n                                          question.infoOnly === true\r\n                                            ? 'col-lg-1 p-0'\r\n                                            : 'col-lg-4'\r\n                                        \"\r\n                                      >\r\n                                        <div class=\"d-flex gap-4\">\r\n                                          <div\r\n                                            v-if=\"\r\n                                              answer.answerValuesScore &&\r\n                                              !question.infoOnly\r\n                                            \"\r\n                                          >\r\n                                            <input\r\n                                              :max=\"question.score\"\r\n                                              @blur=\"\r\n                                                sub.score > question.score\r\n                                                  ? (sub.score = question.score)\r\n                                                  : null\r\n                                              \"\r\n                                              onkeydown=\"return event.keyCode !== 69\"\r\n                                              type=\"number\"\r\n                                              v-model.number=\"sub.score\"\r\n                                              placeholder=\"Score\"\r\n                                              :class=\"`form-control  fs-6 ${\r\n                                                sub.score > question.score\r\n                                                  ? 'v-invalid'\r\n                                                  : ''\r\n                                              }`\"\r\n                                            />\r\n                                          </div>\r\n                                          <a\r\n                                            class=\"btn btn-light-danger border border-1\"\r\n                                            style=\"height: 42.64px\"\r\n                                            @click=\"\r\n                                              deleteSubOption(sub.id, answer)\r\n                                            \"\r\n                                          >\r\n                                            <i\r\n                                              class=\"bi bi-trash2 fs-5 p-0\"\r\n                                            ></i>\r\n                                          </a>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  </li>\r\n                                </ul>\r\n                              </div>\r\n                              <div class=\"d-flex justify-content-end p-0\">\r\n                                <a\r\n                                  @click=\"closeModal\"\r\n                                  class=\"btn btn-sm btn-white mt-4 border me-2\"\r\n                                  >{{ translate(\"Cancel\") }}</a\r\n                                >\r\n                                <button\r\n                                  type=\"submit\"\r\n                                  class=\"btn btn-sm btn-primary mt-4\"\r\n                                >\r\n                                  {{ translate(\"Save\") }}\r\n                                </button>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <!-- İf Answer Type Input -->\r\n                      <div\r\n                        v-else\r\n                        class=\"modal fade\"\r\n                        tabindex=\"-1\"\r\n                        :id=\"`answer-modal-${answer.id}`\"\r\n                        ref=\"newTargetModalRef\"\r\n                        aria-hidden=\"true\"\r\n                      >\r\n                        <div\r\n                          class=\"modal-dialog modal-dialog-centered mw-750px\"\r\n                        >\r\n                          <div class=\"modal-content rounded\">\r\n                            <!-- Answer Modal Header -->\r\n                            <div class=\"modal-header\">\r\n                              <h5 class=\"modal-title\">\r\n                                {{\r\n                                  translate(\r\n                                    \"question_component_modal_h5_content_title\"\r\n                                  )\r\n                                }}\r\n                              </h5>\r\n\r\n                              <!--begin::Close-->\r\n                              <div\r\n                                class=\"btn btn-icon btn-sm btn-active-light-primary ms-2 text-dark\"\r\n                                @click=\"closeModal\"\r\n                                aria-label=\"Close\"\r\n                              >\r\n                                <i class=\"bi bi-x-lg\"></i>\r\n                              </div>\r\n                              <!--end::Close-->\r\n                            </div>\r\n\r\n                            <!-- Answer Modal Body -->\r\n                            <div class=\"modal-body rounded\">\r\n                              <!-- Answer Action - Evidence Required and Null Avalible Checkbox -->\r\n                              <div class=\"row mb-4\">\r\n                                <div class=\"col-lg-4\">\r\n                                  {{\r\n                                    translate(\r\n                                      \"question_component_answer_modal_label_logic_choice\"\r\n                                    )\r\n                                  }}\r\n                                </div>\r\n                                <div\r\n                                  class=\"col-lg-8 d-flex justify-content-start gap-2\"\r\n                                >\r\n                                  <!-- Answer Action Required Checkbox -->\r\n                                  <div\r\n                                    class=\"form-check form-check-custom form-check-solid pe-2 border border-end-2 border-top-0 border-bottom-0 border-start-0\"\r\n                                    :title=\"\r\n                                      translate(\r\n                                        'question_component_answer_modal_action_checkbox_title'\r\n                                      )\r\n                                    \"\r\n                                  >\r\n                                    <input\r\n                                      class=\"form-check-input\"\r\n                                      type=\"checkbox\"\r\n                                      :id=\"`check-action-required${answer.id}`\"\r\n                                      v-model=\"answer.actionRequired\"\r\n                                    />\r\n                                    <label\r\n                                      class=\"form-check-label text-gray-600 user-select-none\"\r\n                                      :for=\"`check-action-required${answer.id}`\"\r\n                                    >\r\n                                      {{\r\n                                        translate(\r\n                                          \"question_component_answer_modal_action_checkbox_label\"\r\n                                        )\r\n                                      }}\r\n                                    </label>\r\n                                  </div>\r\n\r\n                                  <!-- Answer Evidence Required Checkbox -->\r\n                                  <div\r\n                                    class=\"form-check form-check-custom form-check-solid pe-2 border border-2 border-top-0 border-bottom-0 border-start-0\"\r\n                                    :title=\"\r\n                                      translate(\r\n                                        'question_component_answer_modal_evidence_checkbox_title'\r\n                                      )\r\n                                    \"\r\n                                  >\r\n                                    <input\r\n                                      class=\"form-check-input\"\r\n                                      type=\"checkbox\"\r\n                                      :id=\"`check-evidence-required${answer.id}`\"\r\n                                      v-model=\"answer.proofRequired\"\r\n                                    />\r\n                                    <label\r\n                                      class=\"form-check-label text-gray-600 user-select-none\"\r\n                                      :for=\"`check-evidence-required${answer.id}`\"\r\n                                    >\r\n                                      {{\r\n                                        translate(\r\n                                          \"question_component_answer_modal_evidence_checkbox_label\"\r\n                                        )\r\n                                      }}\r\n                                    </label>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                              <!-- Answer Evidence Required (Notes and Media) Checkbox -->\r\n                              <div\r\n                                v-show=\"answer.proofRequired\"\r\n                                class=\"row my-4\"\r\n                              >\r\n                                <div class=\"col-lg-4\"></div>\r\n                                <div\r\n                                  class=\"col-lg-8 border\"\r\n                                  style=\"\r\n                                    background: #f6faff;\r\n                                    padding: 9px;\r\n                                    border-radius: 5px;\r\n                                  \"\r\n                                >\r\n                                  {{\r\n                                    translate(\r\n                                      \"question_component_answer_modal_evidence_options_title\"\r\n                                    )\r\n                                  }}\r\n                                  <div class=\"row\">\r\n                                    <label\r\n                                      class=\"form-check-label text-gray-500 user-select-none fs-7\"\r\n                                    >\r\n                                      {{\r\n                                        translate(\r\n                                          \"question_component_answer_modal_evidence_options_explication\"\r\n                                        )\r\n                                      }}\r\n                                    </label>\r\n                                  </div>\r\n                                  <div class=\"row mt-2\">\r\n                                    <div\r\n                                      class=\"col-lg-8 d-flex justify-content-start gap-2\"\r\n                                    >\r\n                                      <!-- Answer Evidence Required Notes Checkbox -->\r\n                                      <div\r\n                                        class=\"form-check form-check-custom form-check-solid form-check-sm pe-2 border border-2 border-top-0 border-bottom-0 border-start-0\"\r\n                                      >\r\n                                        <input\r\n                                          class=\"form-check-input form-check-input-sm\"\r\n                                          type=\"checkbox\"\r\n                                          :id=\"`check-notes-required${answer.id}`\"\r\n                                          v-model=\"answer.noteProofRequired\"\r\n                                        />\r\n                                        <label\r\n                                          class=\"form-check-label text-gray-600 user-select-none\"\r\n                                          :for=\"`check-notes-required${answer.id}`\"\r\n                                        >\r\n                                          {{\r\n                                            translate(\r\n                                              \"question_component_answer_modal_evidence_options_notes\"\r\n                                            )\r\n                                          }}\r\n                                        </label>\r\n                                      </div>\r\n                                      <!-- Answer Evidence Required Media Checkbox -->\r\n                                      <div\r\n                                        class=\"form-check form-check-custom form-check-solid form-check-sm\"\r\n                                      >\r\n                                        <input\r\n                                          class=\"form-check-input\"\r\n                                          type=\"checkbox\"\r\n                                          :id=\"`check-media-required${answer.id}`\"\r\n                                          v-model=\"answer.mediaProofRequired\"\r\n                                        />\r\n                                        <label\r\n                                          class=\"form-check-label text-gray-600 user-select-none\"\r\n                                          :for=\"`check-media-required${answer.id}`\"\r\n                                        >\r\n                                          {{\r\n                                            translate(\r\n                                              \"question_component_answer_modal_evidence_options_media\"\r\n                                            )\r\n                                          }}\r\n                                        </label>\r\n                                      </div>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n\r\n                              <div class=\"d-flex justify-content-end p-0\">\r\n                                <a\r\n                                  @click=\"closeModal\"\r\n                                  class=\"btn btn-sm btn-white mt-4 border me-2\"\r\n                                  >{{ translate(\"Cancel\") }}</a\r\n                                >\r\n                                <a\r\n                                  class=\"btn btn-sm btn-primary mt-4\"\r\n                                  @click=\"saveAnswerTypeInput(answer)\"\r\n                                >\r\n                                  {{ translate(\"Save\") }}\r\n                                </a>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <!-- Answer Modal End -->\r\n                    </Form>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <!-- Select Answer Type and Answers End-->\r\n\r\n            <!-- Question Button Set  Start-->\r\n            <div class=\"d-flex justify-content-end p-0\">\r\n              <a\r\n                class=\"btn btn-sm btn-white border me-2\"\r\n                @click=\"deleteQuestion($event, question.id)\"\r\n              >\r\n                {{ translate(\"Delete\") }}\r\n              </a>\r\n              <button type=\"submit\" class=\"btn btn-sm btn-primary\">\r\n                {{ translate(\"Confirm\") }}\r\n              </button>\r\n            </div>\r\n            <!-- Question Button Set End-->\r\n          </Form>\r\n        </div>\r\n      </div>\r\n    </transition-group>\r\n\r\n    <TemplateList v-if=\"listActive\" @closeList=\"closeTemplateList\" />\r\n\r\n    <div\r\n      class=\"modal fade\"\r\n      tabindex=\"-1\"\r\n      id=\"add-template-modal\"\r\n      ref=\"templateModal\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <div class=\"modal-dialog modal-dialog-centered mw-650px\">\r\n        <div class=\"modal-content rounded\">\r\n          <div class=\"modal-header\">\r\n            <h5 class=\"modal-title\">\r\n              {{ translate(\"question_comp_save_template_modal_title\") }}\r\n            </h5>\r\n\r\n            <!--begin::Close-->\r\n            <div\r\n              class=\"btn btn-icon btn-sm btn-active-light-primary ms-2 text-dark\"\r\n              data-bs-dismiss=\"modal\"\r\n              aria-label=\"Close\"\r\n            >\r\n              <i class=\"bi bi-x-lg\"></i>\r\n            </div>\r\n            <!--end::Close-->\r\n          </div>\r\n\r\n          <div class=\"modal-body rounded p-0\">\r\n            <Form\r\n              ref=\"templateForm\"\r\n              v-slot=\"{ errors }\"\r\n              class=\"form p-10 rounded-bottom\"\r\n              novalidate=\"novalidate\"\r\n              @submit=\"onSubmitTamplate\"\r\n              :validation-schema=\"templateValidator\"\r\n              style=\"padding-bottom: 1.5rem !important; background: #fbfbfb\"\r\n            >\r\n              <div class=\"row mt-5\">\r\n                <label class=\"col-lg-4 col-form-label fw-bold fs-6 required\">{{\r\n                  translate(\"question_comp_save_template_modal_label_name\")\r\n                }}</label>\r\n\r\n                <div class=\"col-lg-8 fv-row d-v-container\">\r\n                  <div class=\"fv-plugins-message-container d-v-s-content\">\r\n                    <div class=\"fv-help-block ms-2 v-element\">\r\n                      <ErrorMessage name=\"name\" />\r\n                    </div>\r\n                  </div>\r\n                  <Field\r\n                    type=\"text\"\r\n                    name=\"name\"\r\n                    class=\"form-control fs-6\"\r\n                    :class=\"errors['name'] !== undefined ? 'v-invalid' : ''\"\r\n                    :placeholder=\"\r\n                      translate('question_comp_save_template_modal_label_name')\r\n                    \"\r\n                  />\r\n                </div>\r\n              </div>\r\n\r\n              <div\r\n                class=\"d-flex justify-content-end p-0\"\r\n                style=\"padding-top: 1.5rem !important\"\r\n              >\r\n                <button\r\n                  type=\"reset\"\r\n                  class=\"btn btn-white btn-active-light me-2 border btn-sm fs-6\"\r\n                  data-bs-dismiss=\"modal\"\r\n                >\r\n                  {{ translate(\"Cancel\") }}\r\n                </button>\r\n\r\n                <button\r\n                  type=\"submit\"\r\n                  class=\"btn btn-primary border btn-sm fs-6\"\r\n                >\r\n                  <span class=\"indicator-label\">\r\n                    {{ translate(\"Save\") }}\r\n                  </span>\r\n                </button>\r\n              </div>\r\n            </Form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- Question Item End -->\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport CategoryModule from \"@/store/modules/Templates/AdminTemplateCategoryModule\";\r\nimport TemplateList from \"@/components/Audit/QuestionTemplate/TemplateList.vue\";\r\nimport { hideModal } from \"@/core/helpers/dom\";\r\nimport { useConfirm } from \"primevue/useconfirm\";\r\nimport { ref, computed, onBeforeUpdate, onMounted, watch } from \"vue\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useStore } from \"vuex\";\r\nimport { onBeforeRouteLeave, useRouter } from \"vue-router\";\r\nimport {\r\n  saveTemplate,\r\n  getTemplate,\r\n  returnChekedTemplate,\r\n  isThereRecord,\r\n} from \"@/store/utils/templateService\";\r\nimport * as Yup from \"yup\";\r\n\r\nconst store = useStore();\r\nconst platform = store.state.platform;\r\nconst router = useRouter();\r\nconst description = ref(true);\r\nconst loading = ref(false);\r\n\r\nstore.dispatch(\"AdminTemplateAnswersTempalteModule/GET_ALL_ANSWERS_TEMPLATE\", {\r\n  page: 1,\r\n  pageSize: 1000,\r\n});\r\n\r\nconst answersTemplates = computed(\r\n  () =>\r\n    store.getters[\"AdminTemplateAnswersTempalteModule/_getAnswerTemplateList\"]\r\n);\r\nconst dynamicAnswerTemplateList = ref({});\r\nconst addAnswerTemplate = (question) => {\r\n  dynamicAnswerTemplateList.value[`list${question.id}`].forEach(\r\n    (answerTemplate) => {\r\n      let answerButton = {\r\n        id:\r\n          answerTemplate.type +\r\n          \"-\" +\r\n          new Date().getTime() +\r\n          `${answerTemplate.id}`,\r\n        answerText: answerTemplate.answerText,\r\n        score: 0,\r\n        displayOrder: question.answers.length + 1,\r\n        notScorable: answerTemplate.notScorable,\r\n        type: answerTemplate.type,\r\n        answerValues: [],\r\n        answerValuesScore: false,\r\n        answerTemplateId: answerTemplate.id,\r\n        actionRequired: answerTemplate.actionRequired,\r\n        proofRequired: false,\r\n        noteProofRequired: answerTemplate.noteProofRequired,\r\n        mediaProofRequired: answerTemplate.mediaProofRequired,\r\n      };\r\n\r\n      if (\r\n        answerTemplate.noteProofRequired ||\r\n        answerTemplate.mediaProofRequired\r\n      ) {\r\n        answerButton.proofRequired = true;\r\n      }\r\n      replaceAnswerFound(question.id);\r\n      question.answers.push(answerButton);\r\n    }\r\n  );\r\n  dynamicAnswerTemplateList.value[`list${question.id}`] = [];\r\n};\r\n\r\n// ! Multi Language\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// ! Confirm Message\r\nconst confirm = useConfirm();\r\n\r\n// ! Get Category\r\nconst categoryList = ref([]);\r\nCategoryModule.actions.GET_COMMON_CATEGORY().then((response) => {\r\n  if (response.length > 0) {\r\n    categoryList.value = response;\r\n  }\r\n});\r\n\r\n// Validation Tanımlaması\r\n\r\nconst questionValidator = Yup.object().shape({\r\n  title: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"question_component_validation_question_text\")),\r\n});\r\n\r\nconst answerValidator = Yup.object().shape({\r\n  answerTitle: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"question_component_validation_answer_text\")),\r\n});\r\n\r\n// ! Qustion List Items\r\nconst questionList = ref([]);\r\nconst checkedQuestionCount = computed(\r\n  () => questionList.value.filter((i) => i.checked === true).length\r\n);\r\n\r\nconst addQuestion = () => {\r\n  let question = {\r\n    id: new Date().getTime(),\r\n    categoryId: 0,\r\n    questionText: null,\r\n    questionInfoText: null,\r\n    code: null,\r\n    score: 0,\r\n    infoOnly: false,\r\n    answers: [],\r\n    checked: false,\r\n    isRequired: false,\r\n  };\r\n  if (returnChekedTemplate() !== false) {\r\n    question = returnChekedTemplate();\r\n    question.id = new Date().getTime();\r\n  }\r\n\r\n  questionList.value.push(question);\r\n\r\n  dynamicAnswerTemplateList.value[`list${question.id}`] = [];\r\n};\r\n\r\nconst deleteQuestion = (event, questionId) => {\r\n  confirm.require({\r\n    target: event.currentTarget,\r\n    message: translate(\"question_component_delete_question_confirm_message\"),\r\n    icon: \"bi bi-exclamation-lg\",\r\n    acceptLabel: translate(\"customer_location_confirm_acceptLabel\"),\r\n    rejectLabel: translate(\"customer_location_confirm_rejectLabel\"),\r\n    acceptClass: \"btn btn-sm btn-light-primary\",\r\n    rejectClass: \"btn btn-sm btn-light\",\r\n    accept: () => {\r\n      questionList.value = questionList.value.filter(\r\n        (item) => item.id !== questionId\r\n      );\r\n      delete dynamicAnswerTemplateList.value[`list${questionId}`];\r\n    },\r\n    reject: () => {\r\n      return;\r\n    },\r\n  });\r\n};\r\n\r\nconst postQuestionList = () => {\r\n  loading.value = true;\r\n  let postObject = {\r\n    templateQuestions: [],\r\n  };\r\n\r\n  questionList.value.forEach((item) => {\r\n    if (item.checked) {\r\n      let question = {\r\n        id: 0,\r\n        templateCategoryId: 0,\r\n        questionText: null,\r\n        questionInfoText: null,\r\n        code: null,\r\n        score: 0,\r\n        infoOnly: false,\r\n        answers: [],\r\n        isRequired: false,\r\n      };\r\n\r\n      if (!item.infoOnly) {\r\n        question.templateCategoryId = item.categoryId;\r\n        question.score =\r\n          item.score === null || item.score === \"\" ? 0 : item.score;\r\n      }\r\n      question.questionText = item.questionText;\r\n      question.questionInfoText = item.questionInfoText;\r\n      question.code = item.code;\r\n      question.infoOnly = item.infoOnly;\r\n      question.answers = [];\r\n      question.isRequired = item.isRequired;\r\n\r\n      item.answers.forEach((answer) => {\r\n        let answerButton = {\r\n          id: 0,\r\n          answerText: null,\r\n          score: null,\r\n          displayOrder: 0,\r\n          notScorable: false,\r\n          type: null,\r\n          templateAnswerTemplateId: 0,\r\n          answerValues: [],\r\n          actionRequired: false,\r\n          noteProofRequired: false,\r\n          mediaProofRequired: false,\r\n        };\r\n\r\n        if (!question.infoOnly && !answer.notScorable) {\r\n          answerButton.score = answer.score =\r\n            answer.score === null || answer.score === \"\" ? 0 : answer.score;\r\n        }\r\n        answerButton.notScorable = answer.notScorable;\r\n        answerButton.answerText = answer.answerText;\r\n        answerButton.displayOrder = answer.displayOrder;\r\n        answerButton.type = answer.type;\r\n        answerButton.templateAnswerTemplateId = answer.answerTemplateId;\r\n        answerButton.actionRequired = answer.actionRequired;\r\n        answerButton.noteProofRequired = answer.noteProofRequired;\r\n        answerButton.mediaProofRequired = answer.mediaProofRequired;\r\n\r\n        if (!answerTypeController2(answer.type)) {\r\n          answer.answerValues.forEach((answerValue) => {\r\n            let subOptions = {\r\n              id: 0,\r\n              templateAnswerId: 0,\r\n              valueText: null,\r\n              score: null,\r\n            };\r\n            subOptions.valueText = answerValue.valueText;\r\n            if (\r\n              !question.infoOnly &&\r\n              !answer.notScorable &&\r\n              answer.answerValuesScore\r\n            ) {\r\n              subOptions.score =\r\n                answerValue.score === null || answerValue.score === \"\"\r\n                  ? 0\r\n                  : answerValue.score;\r\n              if (answerValue.score === null && answer.answerValuesScore) {\r\n                subOptions.score = answer.score;\r\n              }\r\n            }\r\n            answerButton.answerValues.push(subOptions);\r\n          });\r\n        }\r\n\r\n        question.answers.push(answerButton);\r\n      });\r\n\r\n      postObject.templateQuestions.push(question);\r\n    }\r\n  });\r\n\r\n  store\r\n    .dispatch(\"AdminTemplateQuestionModule/ADD_QUESTIONS\", postObject)\r\n    .then((response) => {\r\n      if (response) {\r\n        questionList.value = questionList.value.filter(\r\n          (i) => i.checked !== true\r\n        );\r\n        loading.value = false;\r\n      }\r\n    });\r\n};\r\n\r\n// ! Question Transactions\r\n\r\nlet lastMenuId = ref(null);\r\nlet controllerAnswer = ref(true);\r\nlet notAnswerFound = ref([]);\r\n\r\nconst controlerAnswerFound = (questionId) => {\r\n  let status = false;\r\n  status = notAnswerFound.value.some((id) => id === questionId);\r\n  return status;\r\n};\r\nconst replaceAnswerFound = (questionId) => {\r\n  notAnswerFound.value = notAnswerFound.value.filter((id) => id !== questionId);\r\n};\r\n\r\nconst confirmQuestion = (question) => {\r\n  if (question.answers.length > 0) {\r\n    controllerAnswer.value = true;\r\n    question.answers.forEach((i) => {\r\n      if (\r\n        (i.answerText === null || i.answerText === \"\") &&\r\n        !answerTypeController2(i.type)\r\n      ) {\r\n        i.answerText = \"\";\r\n        controllerAnswer.value = false;\r\n      }\r\n    });\r\n\r\n    if (controllerAnswer.value) {\r\n      if (question.infoOnly) {\r\n        question.categoryId = 0;\r\n        question.score = 0;\r\n        question.answers.forEach((i) => {\r\n          i.score = null;\r\n          i.answerValues.forEach((x) => (x.score = null));\r\n        });\r\n      }\r\n      question.checked = true;\r\n    }\r\n  } else {\r\n    notAnswerFound.value.push(question.id);\r\n  }\r\n};\r\n\r\nconst answerMenuShow = (id) => {\r\n  lastMenuId.value = lastMenuId.value !== id ? id : null;\r\n};\r\n\r\nconst answerOptions = ref([\r\n  { type: \"Single\", icon: \"bi bi-app\", color: \"#fd7e14\" },\r\n  { type: \"Radio\", icon: \"bi bi-ui-radios-grid\", color: \"#fd7e14\" },\r\n  { type: \"Multiple\", icon: \"bi bi-check2-square\", color: \"#fd7e14\" },\r\n  { type: \"Text\", icon: \"bi bi-fonts\", color: \"#214cc5\" },\r\n  { type: \"DateTime\", icon: \"bi bi-calendar\", color: \"#214cc5\" },\r\n  { type: \"Phone\", icon: \"bi bi-telephone\", color: \"#214cc5\" },\r\n  { type: \"Signature\", icon: \"bi bi-pencil-square\", color: \"#214cc5\" },\r\n  { type: \"Location\", icon: \"bi bi-geo-alt\", color: \"#214cc5\" },\r\n]);\r\n\r\n// ! Answer Transactions\r\nconst selectedAnswer = ref(null);\r\nlet lastDisplayOrder = 0;\r\nlet lastAnswerValue = {\r\n  id: 0,\r\n  answerText: null,\r\n  score: 0,\r\n  displayOrder: 0,\r\n  notScorable: false,\r\n  type: null,\r\n  answerValues: [],\r\n  answerValuesScore: false,\r\n  actionRequired: false,\r\n  proofRequired: false,\r\n  noteProofRequired: false,\r\n  mediaProofRequired: false,\r\n};\r\n\r\nconst saveAnswer = (question, answer) => {\r\n  if (answer.answerText !== null && answer.answerText !== \"\") {\r\n    if (answer.notScorable || !answer.answerValuesScore) {\r\n      if (answer.notScorable) {\r\n        answer.score = null;\r\n      }\r\n      answer.answerValues.forEach((value) => (value.score = null));\r\n    }\r\n\r\n    if (!answer.proofRequired) {\r\n      answer.mediaProofRequired = false;\r\n      answer.noteProofRequired = false;\r\n    }\r\n    if (!answer.mediaProofRequired && !answer.noteProofRequired) {\r\n      answer.proofRequired = false;\r\n    }\r\n    if (answer.answerValues.length > 0) {\r\n      answer.answerValues.forEach((x) => {\r\n        if (x.valueText === \"\" || x.valueText === null) {\r\n          answer.answerValues = answer.answerValues.filter(\r\n            (i) => i.id !== x.id\r\n          );\r\n        }\r\n      });\r\n    }\r\n  }\r\n  answerSaved.value = true;\r\n  hideModalFunction();\r\n};\r\nconst saveAnswerTypeInput = (answer) => {\r\n  if (!answer.proofRequired) {\r\n    answer.mediaProofRequired = false;\r\n    answer.noteProofRequired = false;\r\n  }\r\n  if (!answer.mediaProofRequired && !answer.noteProofRequired) {\r\n    answer.proofRequired = false;\r\n  }\r\n  answerSaved.value = true;\r\n  hideModalFunction();\r\n};\r\n\r\nconst addAnswer = (answerType, question) => {\r\n  let answerButton = {\r\n    id: answerType + \"-\" + new Date().getTime(),\r\n    answerText: null,\r\n    score: 0,\r\n    displayOrder: question.answers.length + 1,\r\n    notScorable: false,\r\n    type: answerType,\r\n    answerValues: [],\r\n    answerValuesScore: false,\r\n    answerTemplateId: 0,\r\n    actionRequired: false,\r\n    proofRequired: false,\r\n    noteProofRequired: false,\r\n    mediaProofRequired: false,\r\n  };\r\n\r\n  if (\r\n    answerType === \"Text\" ||\r\n    answerType === \"DateTime\" ||\r\n    answerType === \"Phone\" ||\r\n    answerType === \"Signature\" ||\r\n    answerType === \"Location\"\r\n  ) {\r\n    question.answers = [];\r\n    question.score = 0;\r\n  }\r\n  replaceAnswerFound(question.id);\r\n  question.answers.push(answerButton);\r\n  answerMenuShow(question.id);\r\n};\r\n\r\nconst deleteAnswer = (id, question) => {\r\n  document\r\n    .getElementById(`answer-modal-${id}`)\r\n    .removeEventListener(\"hide.bs.modal\", answerModalClose);\r\n  question.answers = question.answers.filter((item) => item.id !== id);\r\n};\r\n\r\nconst displayChange = (question, answer) => {\r\n  question.answers.forEach((item) => {\r\n    if (item.id !== answer.id) {\r\n      if (item.displayOrder === answer.displayOrder) {\r\n        item.displayOrder = lastDisplayOrder;\r\n      }\r\n    }\r\n  });\r\n  lastDisplayOrder = answer.displayOrder;\r\n  question.answers = question.answers.sort(\r\n    (a, b) => parseInt(a.displayOrder) - parseInt(b.displayOrder)\r\n  );\r\n};\r\n\r\nlet typeList = [\"Text\", \"DateTime\", \"Phone\", \"Signature\", \"Location\"];\r\nconst answerTypeController = (questionAnswers) => {\r\n  let status = false;\r\n\r\n  for (let index = 0; index < questionAnswers.length; index++) {\r\n    let answer = questionAnswers[index];\r\n    if (!status) {\r\n      status = typeList.some((x) => x === answer.type);\r\n    } else break;\r\n  }\r\n\r\n  return status;\r\n};\r\n\r\nconst answerTypeController2 = (type) => {\r\n  let status = false;\r\n  status = typeList.some((x) => x === type);\r\n  return status;\r\n};\r\n\r\n// ! Sub Options Transactions\r\nconst addSubOption = (answer) => {\r\n  let subOptions = {\r\n    id: \"sub-\" + new Date().getTime(),\r\n    answerId: 0,\r\n    valueText: null,\r\n    score: null,\r\n  };\r\n\r\n  answer.answerValues.push(subOptions);\r\n};\r\nconst deleteSubOption = (id, answer) => {\r\n  answer.answerValues = answer.answerValues.filter((item) => item.id !== id);\r\n};\r\n\r\n// ! Answer Modal Transactions\r\nconst answerSaved = ref(false);\r\nconst addEventModal = (answer) => {\r\n  Object.keys(lastAnswerValue).forEach((key) => {\r\n    if (key === \"answerValues\") {\r\n      lastAnswerValue.answerValues = [];\r\n      if (answer.answerValues.length > 0) {\r\n        answer.answerValues.forEach((subAnswer) => {\r\n          let x = new Object();\r\n          x.id = subAnswer.id;\r\n          x.answerId = 0;\r\n          x.valueText = subAnswer.valueText;\r\n          x.score = subAnswer.score;\r\n          lastAnswerValue.answerValues.push(x);\r\n        });\r\n      }\r\n    } else {\r\n      lastAnswerValue[key] = answer[key];\r\n    }\r\n  });\r\n  selectedAnswer.value = answer;\r\n  lastDisplayOrder = answer.displayOrder;\r\n  document\r\n    .getElementById(`answer-modal-${answer.id}`)\r\n    .removeEventListener(\"hide.bs.modal\", answerModalClose);\r\n  document\r\n    .getElementById(`answer-modal-${answer.id}`)\r\n    .addEventListener(\"hide.bs.modal\", answerModalClose);\r\n};\r\nconst closeModal = () => {\r\n  answerSaved.value = false;\r\n  hideModalFunction();\r\n};\r\nconst hideModalFunction = () => {\r\n  let modal = document.querySelector(\r\n    `#answer-modal-${selectedAnswer.value.id}`\r\n  );\r\n  hideModal(modal);\r\n};\r\n\r\n// ! Answer Modal Close Event\r\nconst answerModalClose = () => {\r\n  setTimeout(() => {\r\n    if (!answerSaved.value) {\r\n      selectedAnswer.value.answerText = lastAnswerValue.answerText;\r\n      selectedAnswer.value.score = lastAnswerValue.score;\r\n      selectedAnswer.value.notScorable = lastAnswerValue.notScorable;\r\n      selectedAnswer.value.answerValues = lastAnswerValue.answerValues;\r\n      selectedAnswer.value.answerValuesScore =\r\n        lastAnswerValue.answerValuesScore;\r\n      selectedAnswer.value.actionRequired = lastAnswerValue.actionRequired;\r\n      selectedAnswer.value.proofRequired = lastAnswerValue.proofRequired;\r\n    }\r\n  }, 500);\r\n};\r\n\r\n// ! Answer Menu Close\r\nconst questionDivClick = (event) => {\r\n  let answerMenu = document.querySelector(\r\n    `#btn-answer-list-${lastMenuId.value}`\r\n  );\r\n  if (!event.composedPath().includes(answerMenu)) {\r\n    lastMenuId.value = null;\r\n  }\r\n};\r\n\r\n// ! Question Type Info ?\r\n\r\nconst changeQuestionInfoStatus = (event, question) => {\r\n  question.infoOnly\r\n    ? question.answers.forEach((item) => (item.answerValuesScore = false))\r\n    : \"\";\r\n\r\n  question.answers = [];\r\n};\r\n\r\n// ! Template List\r\nconst howTemplate = ref(false);\r\nconst listActive = ref(false);\r\nconst templateModal = ref(null);\r\nconst templateForm = ref(null);\r\nconst selectedTemplateQuestion = ref(null);\r\nconst templateValidator = Yup.object().shape({\r\n  name: Yup.string().required(\r\n    translate(\"question_comp_save_template_modal_form_name_valid\")\r\n  ),\r\n});\r\n\r\nconst closeTemplateList = () => {\r\n  howTemplate.value = isThereRecord();\r\n  listActive.value = false;\r\n};\r\nconst selectTemplate = (question) => {\r\n  selectedTemplateQuestion.value = question;\r\n};\r\nconst onSubmitTamplate = (values) => {\r\n  let templates = getTemplate();\r\n\r\n  let templateArray = [];\r\n  let object = {\r\n    name: values.name,\r\n    id: new Date().getTime(),\r\n    checked: false,\r\n    question: selectedTemplateQuestion.value,\r\n  };\r\n  if (templates === null) {\r\n    templateArray.push(object);\r\n    saveTemplate(JSON.stringify(templateArray));\r\n  } else {\r\n    let x = JSON.parse(templates);\r\n    x.push(object);\r\n    saveTemplate(JSON.stringify(x));\r\n  }\r\n  howTemplate.value = isThereRecord();\r\n  templateForm.value.resetForm();\r\n  hideModal(templateModal.value);\r\n};\r\n\r\naddQuestion();\r\n\r\nwatch(locale, () => {\r\n  setCurrentPageBreadcrumbs(translate(\"question_component_breadcrumbs_new\"), [\r\n    translate(\"question_component_breadcrumbs\"),\r\n  ]);\r\n});\r\n\r\nonMounted(() => {\r\n  howTemplate.value = isThereRecord();\r\n  setCurrentPageBreadcrumbs(translate(\"question_component_breadcrumbs_new\"), [\r\n    translate(\"question_component_breadcrumbs\"),\r\n  ]);\r\n});\r\n\r\nconst firstData = JSON.stringify(questionList.value);\r\nonBeforeRouteLeave((to, from, next) => {\r\n  if (questionList.value.length > 0) {\r\n    let status = true;\r\n    if (firstData !== JSON.stringify(questionList.value)) {\r\n      status = false;\r\n    }\r\n\r\n    if (!status) {\r\n      confirm.require({\r\n        group: \"exitPage\",\r\n        message: translate(\"confirm_exit_page\"),\r\n        header: \"Confirmation\",\r\n        icon: \"bi bi-exclamation-lg\",\r\n        acceptLabel: translate(\"customer_location_confirm_acceptLabel\"),\r\n        rejectLabel: translate(\"customer_location_confirm_rejectLabel\"),\r\n        acceptClass: \"btn btn-sm btn-light-primary\",\r\n        rejectClass: \"btn btn-sm btn-light\",\r\n        accept: () => {\r\n          next(true);\r\n        },\r\n        reject: () => {\r\n          next(false);\r\n        },\r\n      });\r\n    } else {\r\n      next(true);\r\n    }\r\n  } else {\r\n    next(true);\r\n  }\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n.component-fade-enter-active,\r\n.component-fade-leave-active {\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.component-fade-enter-from,\r\n.component-fade-leave-to {\r\n  opacity: 0;\r\n}\r\n\r\ninput[type=\"number\"]::-webkit-inner-spin-button,\r\ninput[type=\"number\"]::-webkit-outer-spin-button {\r\n  visibility: hidden;\r\n}\r\n.answer-list {\r\n  position: absolute;\r\n  top: 40px;\r\n  padding: 0;\r\n  z-index: 5;\r\n  background-color: #fff;\r\n  border-radius: 5px;\r\n  border: 1px solid #dbdbdb;\r\n}\r\n\r\n.answer-list li {\r\n  box-sizing: border-box;\r\n  min-width: 240px;\r\n  list-style: none;\r\n  background-color: #fff;\r\n  color: #838383;\r\n  padding: 12px 7px 12px 7px;\r\n  text-align: start;\r\n  cursor: pointer;\r\n  border-top: 1px solid #f5f5f5;\r\n}\r\n.answer-list li:hover {\r\n  background-color: #ececec;\r\n  color: #323232;\r\n}\r\n.answer-list > :first-child li {\r\n  border-top: none;\r\n  border-radius: 5px 5px 0 0;\r\n}\r\n.answer-list > :last-child li {\r\n  border-radius: 0 0 5px 5px;\r\n}\r\n\r\n.qx-answer-content {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: fixed;\r\n  background-color: rgba(0, 0, 0, 0.13);\r\n  width: 100vw;\r\n  height: 100vh;\r\n  left: 0;\r\n  top: 0;\r\n  z-index: 10000;\r\n  overflow: auto;\r\n}\r\n\r\n.sub-index-div {\r\n  width: 2rem;\r\n  height: 2rem;\r\n  background: #fff;\r\n  justify-content: center;\r\n  align-items: center;\r\n  display: flex;\r\n  border-radius: 50%;\r\n  font-weight: 300;\r\n}\r\n.ques-index-div {\r\n  width: 2rem;\r\n  height: 2rem;\r\n  background: #ff5e00d3;\r\n  color: #ffffff;\r\n  justify-content: center;\r\n  align-items: center;\r\n  display: flex;\r\n  border-radius: 50%;\r\n  font-weight: 400;\r\n  border: 1px solid #e5e4e4;\r\n  position: absolute;\r\n  top: 61px;\r\n  left: -12px;\r\n}\r\n.d-v-s-content {\r\n  padding: 0px 0px 16px 14px;\r\n  position: absolute;\r\n  bottom: 1px;\r\n  left: 3px;\r\n}\r\n.confim-div {\r\n  width: 2rem;\r\n  height: 2rem;\r\n  background: #21c338;\r\n  color: #ffffff;\r\n  justify-content: center;\r\n  align-items: center;\r\n  display: flex;\r\n  border-radius: 50%;\r\n  font-weight: 400;\r\n  border: 1px solid #e5e4e4;\r\n  position: absolute;\r\n  top: 17px;\r\n  left: -12px;\r\n}\r\n</style>\r\n","import script from \"./NewQuestionPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./NewQuestionPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./NewQuestionPage.vue?vue&type=style&index=0&id=2c8f638a&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Projects\\\\git\\\\Fornax-Software\\\\audittick.frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2c8f638a\"]])\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!./TemplateList.vue?vue&type=style&index=0&id=ca059a74&scoped=true&lang=css\"","const ID_TEMPLATE_KEY = \"Template\" as string;\r\n\r\n/**\r\n * @description get templates form localStorage\r\n */\r\nexport const getTemplate = (): string | null => {\r\n  return window.localStorage.getItem(ID_TEMPLATE_KEY);\r\n};\r\n\r\n/**\r\n * @description save token into localStorage\r\n * @param template: Array\r\n */\r\nexport const saveTemplate = (template): void => {\r\n  window.localStorage.setItem(ID_TEMPLATE_KEY, template);\r\n};\r\n\r\n/**\r\n * @description remove template form localStorage\r\n */\r\nexport const destroyTemplate = (): void => {\r\n  window.localStorage.removeItem(ID_TEMPLATE_KEY);\r\n};\r\n\r\nexport const returnChekedTemplate = () => {\r\n  const list = window.localStorage.getItem(ID_TEMPLATE_KEY);\r\n  if (list === null || list === \"[]\") {\r\n    return false;\r\n  } else {\r\n    const value = JSON.parse(list);\r\n    const length = value.filter((item) => item.checked === true).length;\r\n    if (length > 0) {\r\n      return value.filter((item) => item.checked === true)[0].question;\r\n    } else {\r\n      return false;\r\n    }\r\n  }\r\n};\r\n\r\nexport const isThereRecord = () => {\r\n  const list = window.localStorage.getItem(ID_TEMPLATE_KEY);\r\n  if (list === null || list === \"[]\") {\r\n    return false;\r\n  } else {\r\n    return true;\r\n  }\r\n};\r\n\r\nexport default {\r\n  getTemplate,\r\n  saveTemplate,\r\n  destroyTemplate,\r\n  returnChekedTemplate,\r\n  isThereRecord,\r\n};\r\n","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":""}