{"version":3,"sources":["webpack:///./src/views/checkListItem/pages/EditQuestionPage.vue?a40b","webpack:///./src/views/checkListItem/pages/EditQuestionPage.vue","webpack:///./src/views/checkListItem/pages/EditQuestionPage.vue?4ae0","webpack:///./src/core/helpers/dom.ts","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["store","platform","state","router","route","questionList","confirm","firstData","answerIdList","answerValueIdList","dispatch","page","pageSize","answersTemplates","getters","selectedAnswerTemplate","addAnswerTemplate","question","value","forEach","answerTemplate","answerButton","id","type","Date","getTime","answerText","score","displayOrder","answers","length","notScorable","answerValues","locales","answerValuesScore","answerTemplateId","actionRequired","proofRequired","noteProofRequired","mediaProofRequired","locale","model","languageId","LanguageId","toString","name","Name","push","notAnswerFound","questionId","params","then","response","categoryId","questionText","questionInfoText","code","infoOnly","answerCheckText","isRequired","Id","CategoryId","QuestionText","QuestionInfoText","Score","Code","InfoOnly","IsRequired","Locales","i","modelQuestionLocales","Answers","answer","modelAnswer","Type","parseInt","AnswerText","DisplayOrder","NotScorable","AnswerTemplateId","NoteProofRequired","MediaProofRequired","ActionRequired","modelAnswerLocales","AnswerValues","modelValue","answerId","valueText","AnswerId","ValueText","modelValueLocales","JSON","stringify","t","te","translate","text","finally","activeLink","contentLanguages","Value","categoryList","CategoryModule","actions","GET_COMMON_CATEGORY","questionValidator","shape","title","nullable","required","answerValidator","answerTitle","selectedQusetionLanguage","saveLanguegeContent","inputList","loading","saveTranslateValue","x","language","qLocales","undefined","aLocales","vLocales","hideLanguageModalFunction","languageModalOpen","find","document","getElementById","removeEventListener","languageModalClose","addEventListener","Object","keys","querySelector","classList","add","remove","closeLanguageModal","modal","lastMenuId","controllerAnswer","confirmQuestion","answerTypeController2","qvalue","parse","indexOf","answerValue","questionUpdate","answerMenuShow","answerOptions","icon","color","selectedAnswer","lastDisplayOrder","lastAnswerValue","answerStateId","saveAnswer","filter","answerSaved","hideModalFunction","saveAnswerTypeInput","addAnswer","answerType","deleteAnswer","item","answerModalClose","displayChange","sort","a","b","typeList","answerTypeController","questionAnswers","status","index","some","addSubOption","subOptions","deleteSubOption","addEventModal","key","subAnswer","closeModal","setTimeout","questionDivClick","event","answerMenu","composedPath","includes","to","from","next","require","group","message","header","acceptLabel","rejectLabel","acceptClass","rejectClass","accept","reject","__exports__","hideModal","modalEl","myModal","getInstance","hide","removeModalBackdrop","querySelectorAll","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","SET_BREADCRUMB_ACTION","pageBreadcrumbPath"],"mappings":"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","file":"js/chunk-09d7257e.821302c1.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!./EditQuestionPage.vue?vue&type=style&index=0&id=8da53e8c&scoped=true&lang=css\"","<template>\r\n  <div\r\n    class=\"question-list w-100 h-100\"\r\n    @click=\"questionDivClick($event)\"\r\n  >\r\n    <div class=\"card\">\r\n      <div class=\"d-flex justify-content-between align-items-center p-5 pt-7 pb-7\">\r\n        <h4 class=\"ms-2 text-gray-800 m-0\">\r\n          {{ translate(\"question_edit_page_title_h4\") }}\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: 'questions' })\"\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    </div>\r\n\r\n    <ConfirmDialog group=\"exitPage\"></ConfirmDialog>\r\n    <!-- Question Item Start -->\r\n\r\n    <div\r\n      v-for=\"question in questionList\"\r\n      :key=\"question.id\"\r\n    >\r\n      <!-- Question Translate Modal  -->\r\n\r\n      <div\r\n        class=\"modal fade\"\r\n        tabindex=\"-1\"\r\n        :id=\"`language-modal-${question.id}`\"\r\n        ref=\"newTargetModalRef\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <div class=\"modal-dialog modal-dialog-centered mw-850px\">\r\n          <div class=\"modal-content rounded\">\r\n            <!-- Language Modal Header -->\r\n            <div class=\"modal-header\">\r\n              <h5 class=\"modal-title\">\r\n                {{ translate(\"question_component_modal_multi_language_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                aria-label=\"Close\"\r\n                @click=\"closeLanguageModal\"\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            <!-- Language Modal Body -->\r\n\r\n            <div>\r\n              <div>\r\n                <div\r\n                  v-show=\"contentLanguages.length > 0\"\r\n                  class=\"d-flex h-70px ps-5 pe-5 border-bottom\"\r\n                  style=\"background: #fbfbfb; box-sizing: content-box\"\r\n                >\r\n                  <ul\r\n                    class=\"nav nav-stretch nav-line-tabs text-nowrap flex-nowrap mw-800px\"\r\n                    style=\"overflow-x: auto; overflow-y: hidden\"\r\n                  >\r\n                    <li\r\n                      v-for=\"(item, index) in contentLanguages\"\r\n                      :key=\"index\"\r\n                      class=\"nav-item py-3 mx-3\"\r\n                    >\r\n                      <a\r\n                        @click=\"activeLink = item.Value\"\r\n                        :class=\"`nav-link fs-6 ${activeLink === item.Value ? 'active langue-tabs-bold' : ''}`\"\r\n                        data-bs-toggle=\"tab\"\r\n                        :href=\"`#${item.Value + question.id}`\"\r\n                        >{{ item.Value }}</a\r\n                      >\r\n                    </li>\r\n                  </ul>\r\n                </div>\r\n              </div>\r\n              <div\r\n                class=\"modal-body rounded\"\r\n                style=\"background: #fbfbfb\"\r\n              >\r\n                <div\r\n                  class=\"tab-content\"\r\n                  :id=\"question.id\"\r\n                >\r\n                  <div\r\n                    v-for=\"(language, index) in contentLanguages\"\r\n                    :key=\"index\"\r\n                    class=\"tab-pane fade\"\r\n                    :class=\"index === 0 ? 'show active' : ''\"\r\n                    :id=\"`${language.Value + question.id}`\"\r\n                    role=\"tabpanel\"\r\n                  >\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\">{{\r\n                        translate(\"question_component_input_title\")\r\n                      }}</label>\r\n\r\n                      <div class=\"col-lg-8 fv-row\">\r\n                        <input\r\n                          type=\"text\"\r\n                          class=\"form-control fs-6\"\r\n                          :placeholder=\"question.questionText\"\r\n                          :ref=\"\r\n                            (el) => {\r\n                              inputList[`text-${language.Id + '-' + question.id}`] = el;\r\n                            }\r\n                          \"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <!--  Qustion İnfo Text -->\r\n                    <div\r\n                      v-if=\"question.questionInfoText !== null && question.questionInfoText !== ''\"\r\n                      class=\"row mt-2\"\r\n                    >\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                          :placeholder=\"question.questionInfoText\"\r\n                          class=\"form-control fs-6\"\r\n                          :ref=\"\r\n                            (el) => {\r\n                              inputList[`info-${language.Id + '-' + question.id}`] = el;\r\n                            }\r\n                          \"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <br />\r\n                    <h6 class=\"text-gray-500 fw-lighter\">\r\n                      {{ translate(\"question_component_modal_multi_language_answers\") }}\r\n                    </h6>\r\n\r\n                    <div\r\n                      v-for=\"answer in question.answers\"\r\n                      :key=\"answer.id\"\r\n                      class=\"row mt-2 p-0 m-0\"\r\n                    >\r\n                      <div\r\n                        v-if=\"!answerTypeController2(answer.type)\"\r\n                        class=\"row p-0 m-0 ps-2\"\r\n                      >\r\n                        <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{ answer.answerText }}</label>\r\n                        <div class=\"col-lg-8 fv-row p-0\">\r\n                          <input\r\n                            :name=\"answer.id\"\r\n                            :placeholder=\"answer.answerText\"\r\n                            class=\"form-control fs-6\"\r\n                            :ref=\"\r\n                              (el) => {\r\n                                inputList[`answer-${language.Id + '-' + answer.id}`] = el;\r\n                              }\r\n                            \"\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                      <div\r\n                        v-if=\"answer.answerValues.length > 0\"\r\n                        class=\"row ps-4 pt-4\"\r\n                      >\r\n                        <h6 class=\"text-gray-500 fw-lighter\">\r\n                          {{ translate(\"question_component_modal_multi_language_sub_answers\") }}\r\n                        </h6>\r\n                      </div>\r\n                      <div\r\n                        v-for=\"values in answer.answerValues\"\r\n                        :key=\"values.id\"\r\n                        class=\"row p-0 m-0 ps-2 mb-2\"\r\n                      >\r\n                        <div class=\"col-lg-4 col-form-label p-0\"></div>\r\n                        <div class=\"col-lg-8 fv-row p-0\">\r\n                          <input\r\n                            :name=\"values.id\"\r\n                            :placeholder=\"values.valueText\"\r\n                            class=\"form-control fs-6\"\r\n                            :ref=\"\r\n                              (el) => {\r\n                                inputList[`value-${language.Id + '-' + values.id}`] = el;\r\n                              }\r\n                            \"\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"d-flex justify-content-end p-0\">\r\n                      <a\r\n                        class=\"btn btn-sm btn-white mt-4 border me-2\"\r\n                        @click=\"closeLanguageModal\"\r\n                        >{{ translate(\"Cancel\") }}</a\r\n                      >\r\n                      <a\r\n                        @click=\"saveTranslateValue(question)\"\r\n                        class=\"btn btn-sm btn-primary mt-4\"\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          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Question Confirm False -->\r\n      <div class=\"card p-4 ps-0 pe-0 mt-4 position-relative\">\r\n        <div class=\"d-flex justify-content-between align-items-center border-bottom p-5 pt-3\">\r\n          <div class=\"d-flex justify-content-between align-items-center w-100\">\r\n            <h5 class=\"ms-2 text-gray-800 m-0\">\r\n              {{ translate(\"question_component_h3_content_title\") }}\r\n            </h5>\r\n            <a\r\n              class=\"btn btn-icon btn-bg-white border btn-active-color-primary btn-sm me-1\"\r\n              :class=\"contentLanguages.length === 0 ? 'disabled' : ''\"\r\n              data-bs-toggle=\"modal\"\r\n              :data-bs-target=\"`#language-modal-${question.id}`\"\r\n              :title=\"translate('question_component_button_add_multi_language')\"\r\n              @click=\"languageModalOpen(question)\"\r\n            >\r\n              <span class=\"svg-icon svg-icon-3\">\r\n                <i class=\"bi bi-globe2\"></i>\r\n              </span>\r\n            </a>\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            />\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=\"translate('question_component_checkbox_label_info_icon_title')\"\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\r\n            v-show=\"!question.infoOnly\"\r\n            class=\"row mt-2\"\r\n          >\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=\"translate('question_component_input_select_category')\"\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 class=\"p-dropdown-trigger-icon pi pi-chevron-down\"></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\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\">{{ translate(\"question_component_input_info\") }}</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\"> / {{ translate(\"question_component_input_score\") }} </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\r\n              v-show=\"!question.infoOnly\"\r\n              class=\"col-lg-4 fv-row mb-5\"\r\n            >\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=\"question.score < 0 ? (question.score = 0) : question.score\"\r\n                :class=\"errors['questionScore'] !== undefined ? 'v-invalid' : ''\"\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          <!-- Questions Elements End-->\r\n\r\n          <!-- Question Answer Templete  -->\r\n          <div\r\n            v-show=\"!question.infoOnly\"\r\n            class=\"row mb-5\"\r\n          >\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=\"selectedAnswerTemplate\"\r\n                  :options=\"answersTemplates\"\r\n                  optionLabel=\"answerText\"\r\n                  :placeholder=\"translate('question_component_answer_template_select')\"\r\n                  style=\"padding: 3px !important\"\r\n                  :disabled=\"answerTypeController(question.answers)\"\r\n                >\r\n                </MultiSelect>\r\n                <a\r\n                  :class=\"answerTypeController(question.answers) ? 'disabled' : ''\"\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=\"answerTypeController(question.answers) ? 'disabled' : ''\"\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                      {{ translate(`question_component_li_answer_type_${answerOption.type}`) }}\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=\"index === 3 ? 'border-top: none; border-radius: 5px 5px 0 0;' : ''\"\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                      {{ translate(`question_component_li_answer_type_${answerOption.type}`) }}\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=\"notAnswerFound\"\r\n                class=\"ms-3 fs-8\"\r\n                style=\"color: #f31f0cd5\"\r\n                >{{ translate(\"question_component_answer_select_valid\") }}</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                            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 || answer.answerText === \"\"\r\n                            ? `${translate(\"question_component_button_answer\")} - ${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                          {{ translate(`question_component_li_answer_type_${answer.type}`) }}\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 class=\"modal-dialog modal-dialog-centered mw-750px\">\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                              {{ translate(\"question_component_modal_h5_content_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                              @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 class=\"col-lg-4 col-form-label fw-bold fs-6 required\">{{\r\n                                translate(\"question_component_modal_label_answer_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=\"answerTitle\" />\r\n                                  </div>\r\n                                </div>\r\n                                <Field\r\n                                  :disabled=\"answer.answerTemplateId > 0 ? true : false\"\r\n                                  type=\"text\"\r\n                                  name=\"answerTitle\"\r\n                                  class=\"form-control fs-6\"\r\n                                  :class=\"errors['answerTitle'] !== undefined ? 'v-invalid' : ''\"\r\n                                  :placeholder=\"translate('question_component_modal_label_answer_title')\"\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 class=\"col-lg-4 col-form-label fw-bold fs-6\">\r\n                                <span v-show=\"!answer.notScorable && !question.infoOnly\"\r\n                                  >{{ translate(\"question_component_modal_label_answer_score\") }}\r\n                                  /\r\n                                </span>\r\n\r\n                                <span>\r\n                                  {{ translate(\"question_component_modal_label_answer_orderBy\") }}\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=\"!answer.notScorable && !question.infoOnly\"\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=\"answer.score > question.score ? (answer.score = question.score) : null\"\r\n                                    v-model.number=\"answer.score\"\r\n                                    :placeholder=\"translate('question_component_modal_label_answer_score')\"\r\n                                    :class=\"`form-control  fs-6 ${answer.score > question.score ? 'v-invalid' : ''}`\"\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                                    >{{ translate(\"question_component_answer_modal_score_valid\") }}</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=\"translate('question_component_modal_label_answer_orderBy')\"\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                                {{ translate(\"question_component_answer_modal_label_logic_choice\") }}\r\n                              </div>\r\n                              <div class=\"col-lg-8 d-flex justify-content-start gap-2\">\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=\"translate('question_component_answer_modal_action_checkbox_title')\"\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                                    {{ translate(\"question_component_answer_modal_action_checkbox_label\") }}\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=\"translate('question_component_answer_modal_evidence_checkbox_title')\"\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                                    {{ translate(\"question_component_answer_modal_evidence_checkbox_label\") }}\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=\"translate('question_component_modal_label_answer_nullAvailable')\"\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 && 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                                    {{ translate(\"question_component_answer_modal_na_checkbox_label\") }}\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=\"background: #f6faff; padding: 9px; border-radius: 5px\"\r\n                              >\r\n                                {{ translate(\"question_component_answer_modal_evidence_options_title\") }}\r\n                                <div class=\"row\">\r\n                                  <label class=\"form-check-label text-gray-500 user-select-none fs-7\">\r\n                                    {{ translate(\"question_component_answer_modal_evidence_options_explication\") }}\r\n                                  </label>\r\n                                </div>\r\n                                <div class=\"row mt-2\">\r\n                                  <div class=\"col-lg-8 d-flex justify-content-start gap-2\">\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                                        {{ translate(\"question_component_answer_modal_evidence_options_notes\") }}\r\n                                      </label>\r\n                                    </div>\r\n                                    <!-- Answer Evidence Required Media Checkbox -->\r\n                                    <div class=\"form-check form-check-custom form-check-solid form-check-sm\">\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                                        {{ translate(\"question_component_answer_modal_evidence_options_media\") }}\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\r\n                              v-if=\"answer.type !== 'Single'\"\r\n                              class=\"mt-2\"\r\n                            >\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                                {{ translate(\"question_component_modal_button_add_sub_option\") }}\r\n                              </a>\r\n\r\n                              <div\r\n                                v-show=\"\r\n                                  answer.answerValues.length > 0 && answer.notScorable !== true && !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                                  {{ translate(\"question_component_answer_modal_checkbox_sub_option_score\") }}\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 :class=\"`d-flex ${index === 0 ? 'mt-6' : 'mt-2'}`\">\r\n                                    <div class=\"col-lg-1 d-flex justify-content-center align-items-center pe-0\">\r\n                                      <div class=\"sub-index-div border border-secondary\">\r\n                                        <a class=\"text-gray-700\"> {{ index + 1 }}</a>\r\n                                      </div>\r\n                                    </div>\r\n                                    <div\r\n                                      :class=\"answer.answerValuesScore === false ? 'col-lg-10 pe-4' : 'col-lg-7 pe-4'\"\r\n                                    >\r\n                                      <input\r\n                                        type=\"text\"\r\n                                        v-model.trim=\"sub.valueText\"\r\n                                        :placeholder=\"translate('question_component_modal_sub_option_input')\"\r\n                                        class=\"form-control fs-6\"\r\n                                      />\r\n                                    </div>\r\n                                    <div\r\n                                      :class=\"\r\n                                        answer.answerValuesScore === false && 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 v-if=\"answer.answerValuesScore && !question.infoOnly\">\r\n                                          <input\r\n                                            :max=\"question.score\"\r\n                                            @blur=\"sub.score > question.score ? (sub.score = question.score) : null\"\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 ? 'v-invalid' : ''\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=\"deleteSubOption(sub.id, answer)\"\r\n                                        >\r\n                                          <i class=\"bi bi-trash2 fs-5 p-0\"></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 class=\"modal-dialog modal-dialog-centered mw-750px\">\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                              {{ translate(\"question_component_modal_h5_content_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                              @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                                {{ translate(\"question_component_answer_modal_label_logic_choice\") }}\r\n                              </div>\r\n                              <div class=\"col-lg-8 d-flex justify-content-start gap-2\">\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=\"translate('question_component_answer_modal_action_checkbox_title')\"\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                                    {{ translate(\"question_component_answer_modal_action_checkbox_label\") }}\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=\"translate('question_component_answer_modal_evidence_checkbox_title')\"\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                                    {{ translate(\"question_component_answer_modal_evidence_checkbox_label\") }}\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=\"background: #f6faff; padding: 9px; border-radius: 5px\"\r\n                              >\r\n                                {{ translate(\"question_component_answer_modal_evidence_options_title\") }}\r\n                                <div class=\"row\">\r\n                                  <label class=\"form-check-label text-gray-500 user-select-none fs-7\">\r\n                                    {{ translate(\"question_component_answer_modal_evidence_options_explication\") }}\r\n                                  </label>\r\n                                </div>\r\n                                <div class=\"row mt-2\">\r\n                                  <div class=\"col-lg-8 d-flex justify-content-start gap-2\">\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                                        {{ translate(\"question_component_answer_modal_evidence_options_notes\") }}\r\n                                      </label>\r\n                                    </div>\r\n                                    <!-- Answer Evidence Required Media Checkbox -->\r\n                                    <div class=\"form-check form-check-custom form-check-solid form-check-sm\">\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                                        {{ translate(\"question_component_answer_modal_evidence_options_media\") }}\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\r\n          <div class=\"d-flex justify-content-end p-0\">\r\n            <button\r\n              class=\"btn btn-white btn-sm border border-gray-300 text-gray-800 me-2\"\r\n              @click=\"router.push({ name: 'questions' })\"\r\n            >\r\n              {{ translate(\"Cancel\") }}\r\n            </button>\r\n\r\n            <button\r\n              type=\"submit\"\r\n              class=\"btn btn-primary btn-sm border border-gray-300\"\r\n            >\r\n              {{ translate(\"question_edit_button\") }}\r\n            </button>\r\n          </div>\r\n          <!-- Question Button Set End-->\r\n        </Form>\r\n      </div>\r\n    </div>\r\n\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/Audit/CategoryModule\";\r\nimport { hideModal } from \"@/core/helpers/dom\";\r\nimport { ref, computed, onBeforeUpdate, onMounted, watch } from \"vue\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useStore } from \"vuex\";\r\nimport { useRouter, useRoute, onBeforeRouteLeave } from \"vue-router\";\r\nimport * as Yup from \"yup\";\r\nimport { useConfirm } from \"primevue/useconfirm\";\r\n\r\nconst store = useStore();\r\nconst platform = store.state.platform;\r\nconst router = useRouter();\r\nconst route = useRoute();\r\nconst questionList = ref([]);\r\nconst confirm = useConfirm();\r\nlet firstData = null;\r\nlet answerIdList = [];\r\nlet answerValueIdList = [];\r\n\r\nstore.dispatch(\"AnswersTempalteModule/GET_ALL_ANSWERS_TEMPLATE\", {\r\n  page: 1,\r\n  pageSize: 1000,\r\n});\r\n\r\nconst answersTemplates = computed(() => store.getters[\"AnswersTempalteModule/_getAnswerTemplateList\"]);\r\nconst selectedAnswerTemplate = ref([]);\r\nconst addAnswerTemplate = (question) => {\r\n  selectedAnswerTemplate.value.forEach((answerTemplate) => {\r\n    let answerButton = {\r\n      id: answerTemplate.type + \"-\" + new Date().getTime() + `${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      locales: [],\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 (answerTemplate.noteProofRequired || answerTemplate.mediaProofRequired) {\r\n      answerButton.proofRequired = true;\r\n    }\r\n\r\n    if (answerTemplate.locales.length > 0) {\r\n      answerTemplate.locales.forEach((locale) => {\r\n        let model = {\r\n          languageId: locale.LanguageId.toString(),\r\n          name: locale.Name,\r\n        };\r\n        answerButton.locales.push(model);\r\n      });\r\n    }\r\n    notAnswerFound.value = false;\r\n    question.answers.push(answerButton);\r\n  });\r\n  selectedAnswerTemplate.value = [];\r\n};\r\n\r\nlet questionId = route.params.id;\r\nstore.dispatch(\"QuestionModule/GET_QUESTIONS\", route.params.id).then((response) => {\r\n  let question = {\r\n    id: 0,\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    locales: [],\r\n    answerCheckText: false,\r\n    isRequired: false,\r\n  };\r\n\r\n  question.id = response.Id;\r\n  question.categoryId = response.CategoryId;\r\n  question.questionText = response.QuestionText;\r\n  question.questionInfoText = response.QuestionInfoText;\r\n  question.score = response.Score;\r\n  question.code = response.Code;\r\n  question.infoOnly = response.InfoOnly;\r\n  question.isRequired = response.IsRequired;\r\n  if (response.Locales.length > 0) {\r\n    response.Locales.forEach((i) => {\r\n      let modelQuestionLocales = {\r\n        languageId: 0,\r\n        questionInfoText: null,\r\n        questionText: null,\r\n      };\r\n      modelQuestionLocales.languageId = i.LanguageId.toString();\r\n      modelQuestionLocales.questionInfoText = i.QuestionInfoText;\r\n      modelQuestionLocales.questionText = i.QuestionText;\r\n      question.locales.push(modelQuestionLocales);\r\n    });\r\n  }\r\n  if (response.Answers.length > 0) {\r\n    response.Answers.forEach((answer) => {\r\n      let modelAnswer = {\r\n        id: 0,\r\n        questionId: 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        locales: [],\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      answerIdList.push(answer.Id);\r\n\r\n      question.answerCheckText = answer.Type === \"Text\" ? true : false;\r\n      modelAnswer.id = answer.Id;\r\n      modelAnswer.questionId = parseInt(questionId);\r\n      modelAnswer.answerText = answer.AnswerText;\r\n      modelAnswer.score = answer.Score;\r\n      modelAnswer.displayOrder = answer.DisplayOrder;\r\n      modelAnswer.notScorable = answer.NotScorable;\r\n      modelAnswer.answerTemplateId = answer.AnswerTemplateId;\r\n      modelAnswer.noteProofRequired = answer.NoteProofRequired;\r\n      modelAnswer.mediaProofRequired = answer.MediaProofRequired;\r\n      modelAnswer.actionRequired = answer.ActionRequired;\r\n      if (modelAnswer.mediaProofRequired || modelAnswer.noteProofRequired) {\r\n        modelAnswer.proofRequired = true;\r\n      }\r\n\r\n      modelAnswer.type = answer.Type;\r\n      if (answer.Locales.length > 0) {\r\n        answer.Locales.forEach((i) => {\r\n          let modelAnswerLocales = {\r\n            languageId: 0,\r\n            name: null,\r\n          };\r\n          modelAnswerLocales.languageId = i.LanguageId.toString();\r\n          modelAnswerLocales.name = i.Name;\r\n          modelAnswer.locales.push(modelAnswerLocales);\r\n        });\r\n      }\r\n\r\n      if (answer.AnswerValues.length > 0) {\r\n        answer.AnswerValues.forEach((value) => {\r\n          let modelValue = {\r\n            id: 0,\r\n            answerId: 0,\r\n            valueText: null,\r\n            score: null,\r\n            locales: [],\r\n          };\r\n          answerValueIdList.push(value.Id);\r\n\r\n          modelValue.id = value.Id;\r\n          modelValue.answerId = value.AnswerId;\r\n          modelValue.valueText = value.ValueText;\r\n          modelValue.score = value.Score;\r\n          if (value.Locales.length > 0) {\r\n            value.Locales.forEach((i) => {\r\n              let modelValueLocales = {\r\n                languageId: 0,\r\n                valueText: null,\r\n              };\r\n              modelValueLocales.languageId = i.LanguageId.toString();\r\n              modelValueLocales.valueText = i.ValueText;\r\n              modelValue.locales.push(modelValueLocales);\r\n            });\r\n          }\r\n\r\n          if (modelValue.score !== null) {\r\n            modelAnswer.answerValuesScore = true;\r\n          }\r\n\r\n          modelAnswer.answerValues.push(modelValue);\r\n        });\r\n      }\r\n\r\n      question.answers.push(modelAnswer);\r\n    });\r\n  }\r\n\r\n  questionList.value.push(question);\r\n\r\n  //Data da bir değişiklik var mı? diye kontrol etmek amaçlı oluşturulmuştur.\r\n  firstData = JSON.stringify(questionList.value);\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\r\n// Get Language\r\nstore.dispatch(\"LanguageModule/GET_LOCALİZATON\").finally(() => {\r\n  activeLink.value = contentLanguages.value[0].Value;\r\n});\r\nconst contentLanguages = computed(() => store.getters[\"LanguageModule/_getLocalizatonList\"]);\r\nconst activeLink = ref(null);\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().nullable().required(translate(\"question_component_validation_question_text\")),\r\n});\r\n\r\nconst answerValidator = Yup.object().shape({\r\n  answerTitle: Yup.string().nullable().required(translate(\"question_component_validation_answer_text\")),\r\n});\r\n\r\n// ! Edit Question Content Transactions\r\n\r\nlet selectedQusetionLanguage = ref();\r\nlet saveLanguegeContent = ref(false);\r\nlet inputList = ref({});\r\nconst loading = ref(false);\r\n\r\nonBeforeUpdate(() => {\r\n  inputList.value = {};\r\n});\r\n\r\nconst saveTranslateValue = (question) => {\r\n  if (contentLanguages.value.length > 0) {\r\n    question.locales = [];\r\n    question.answers.forEach((i) => {\r\n      i.locales = [];\r\n      i.answerValues.forEach((x) => (x.locales = []));\r\n    });\r\n\r\n    contentLanguages.value.forEach((language) => {\r\n      let qLocales = {\r\n        languageId: 0,\r\n        questionText: \"\",\r\n        questionInfoText: \"\",\r\n      };\r\n\r\n      let questionText = inputList.value[`text-${language.Id + \"-\" + question.id}`].value;\r\n      let questionInfoText =\r\n        inputList.value[`info-${language.Id + \"-\" + question.id}`] !== undefined\r\n          ? inputList.value[`info-${language.Id + \"-\" + question.id}`].value\r\n          : \"\";\r\n\r\n      if (questionText !== \"\" || questionInfoText !== \"\") {\r\n        qLocales.languageId = language.Id;\r\n        qLocales.questionText = questionText;\r\n        qLocales.questionInfoText = questionInfoText;\r\n        question.locales.push(qLocales);\r\n      }\r\n\r\n      question.answers.forEach((answer) => {\r\n        if (answer.type !== \"Text\") {\r\n          let aLocales = {\r\n            languageId: 0,\r\n            name: \"\",\r\n          };\r\n          aLocales.name = inputList.value[`answer-${language.Id + \"-\" + answer.id}`].value;\r\n          if (aLocales.name !== \"\") {\r\n            aLocales.languageId = language.Id;\r\n            answer.locales.push(aLocales);\r\n          }\r\n\r\n          if (answer.answerValues.length > 0) {\r\n            answer.answerValues.forEach((value) => {\r\n              let vLocales = {\r\n                languageId: 0,\r\n                valueText: \"\",\r\n              };\r\n\r\n              vLocales.valueText = inputList.value[`value-${language.Id + \"-\" + value.id}`].value;\r\n              if (vLocales.valueText !== \"\") {\r\n                vLocales.languageId = language.Id;\r\n                value.locales.push(vLocales);\r\n              }\r\n            });\r\n          }\r\n        }\r\n      });\r\n    });\r\n  }\r\n  saveLanguegeContent.value = true;\r\n  hideLanguageModalFunction();\r\n};\r\n\r\nconst languageModalOpen = (question) => {\r\n  selectedQusetionLanguage.value = question;\r\n  if (contentLanguages.value.length > 0) {\r\n    contentLanguages.value.forEach((language) => {\r\n      if (question.locales.length > 0) {\r\n        let qLocales = question.locales.find((i) => i.languageId.toString() === language.Id.toString());\r\n\r\n        if (qLocales !== undefined) {\r\n          inputList.value[`text-${language.Id + \"-\" + question.id}`].value = qLocales.questionText;\r\n          if (inputList.value[`info-${language.Id + \"-\" + question.id}`] !== undefined) {\r\n            inputList.value[`info-${language.Id + \"-\" + question.id}`].value = qLocales.questionInfoText;\r\n          }\r\n        }\r\n      }\r\n      question.answers.forEach((answer) => {\r\n        if (answer.type !== \"Text\") {\r\n          if (answer.locales.length > 0) {\r\n            let aLocales = answer.locales.find((i) => i.languageId.toString() === language.Id.toString());\r\n            if (aLocales !== undefined) {\r\n              inputList.value[`answer-${language.Id + \"-\" + answer.id}`].value = aLocales.name;\r\n            }\r\n          }\r\n\r\n          if (answer.answerValues.length > 0) {\r\n            answer.answerValues.forEach((value) => {\r\n              if (value.locales.length > 0) {\r\n                let vLocales = value.locales.find((i) => i.languageId.toString() === language.Id.toString());\r\n                if (vLocales !== undefined) {\r\n                  inputList.value[`value-${language.Id + \"-\" + value.id}`].value = vLocales.valueText;\r\n                }\r\n              }\r\n            });\r\n          }\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  document.getElementById(`language-modal-${question.id}`).removeEventListener(\"hide.bs.modal\", languageModalClose);\r\n  document.getElementById(`language-modal-${question.id}`).addEventListener(\"hide.bs.modal\", languageModalClose);\r\n};\r\n\r\nconst languageModalClose = () => {\r\n  if (!saveLanguegeContent.value) {\r\n    if (contentLanguages.value.length > 0) {\r\n      Object.keys(inputList.value).forEach((i) => {\r\n        if (inputList.value[i] !== null) {\r\n          inputList.value[i].value = \"\";\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  if (contentLanguages.value.length > 0) {\r\n    activeLink.value = contentLanguages.value[0].Value;\r\n    contentLanguages.value.forEach((language) => {\r\n      if (contentLanguages.value[0].Id === language.Id) {\r\n        document\r\n          .querySelector(`#${language.Value + selectedQusetionLanguage.value.id}`)\r\n          .classList.add(\"show\", \"active\");\r\n      } else {\r\n        document\r\n          .querySelector(`#${language.Value + selectedQusetionLanguage.value.id}`)\r\n          .classList.remove(\"show\", \"active\");\r\n      }\r\n    });\r\n  }\r\n\r\n  saveLanguegeContent.value = false;\r\n};\r\n\r\nconst closeLanguageModal = () => {\r\n  saveLanguegeContent.value = false;\r\n  hideLanguageModalFunction();\r\n};\r\n\r\nconst hideLanguageModalFunction = () => {\r\n  let modal = document.querySelector(`#language-modal-${selectedQusetionLanguage.value.id}`);\r\n  hideModal(modal);\r\n};\r\n\r\n// ! Question Transactions\r\n\r\nlet lastMenuId = ref(null);\r\nlet controllerAnswer = ref(true);\r\nlet notAnswerFound = ref(false);\r\n\r\nconst confirmQuestion = (question) => {\r\n  loading.value = true;\r\n  if (question.answers.length > 0) {\r\n    controllerAnswer.value = true;\r\n    question.answers.forEach((i) => {\r\n      if ((i.answerText === null || i.answerText === \"\") && !answerTypeController2(i.type)) {\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      let model = JSON.stringify(question);\r\n      let qvalue = JSON.parse(model);\r\n\r\n      if (qvalue.infoOnly) {\r\n        qvalue.categoryId = 0;\r\n        qvalue.score = 0;\r\n      }\r\n\r\n      qvalue.answers.forEach((answer) => {\r\n        if (qvalue.infoOnly || answer.notScorable) {\r\n          answer.score = null;\r\n        }\r\n        if (answer.type !== \"Text\") {\r\n          if (answerIdList.indexOf(answer.id) < 0) {\r\n            answer.id = 0;\r\n          }\r\n\r\n          if (answer.answerValues.length > 0) {\r\n            answer.answerValues.forEach((answerValue) => {\r\n              if (answerValueIdList.indexOf(answerValue.id) < 0) {\r\n                answerValue.id = 0;\r\n                answerValue.answerId = answer.id;\r\n              }\r\n              if (answer.notScorable || qvalue.infoOnly || !answer.answerValuesScore) {\r\n                answerValue.score = null;\r\n              }\r\n              if (answerValue.score === null && answer.answerValuesScore) {\r\n                answerValue.score = answer.score;\r\n              }\r\n            });\r\n          }\r\n        } else {\r\n          if (answerIdList.indexOf(answer.id) < 0) {\r\n            answer.id = 0;\r\n            answer.displayOrder = 1;\r\n          }\r\n        }\r\n\r\n        delete answer.answerValuesScore;\r\n      });\r\n      store.dispatch(\"QuestionModule/UPDATE_QUESTIONS\", qvalue).then((response) => {\r\n        if (response) {\r\n          questionUpdate = true;\r\n          router.push({ name: \"questions\" });\r\n        }\r\n        loading.value = false;\r\n      });\r\n    }\r\n  } else {\r\n    notAnswerFound.value = true;\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  answerStateId: 0,\r\n  type: null,\r\n  answerValues: [],\r\n  locales: [],\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    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((i) => i.id !== x.id);\r\n        }\r\n      });\r\n    }\r\n  }\r\n  answerSaved.value = true;\r\n  hideModalFunction();\r\n};\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    locales: [],\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  notAnswerFound.value = false;\r\n  question.answers.push(answerButton);\r\n  answerMenuShow(question.id);\r\n};\r\n\r\nconst deleteAnswer = (id, question) => {\r\n  question.answers = question.answers.filter((item) => item.id !== id);\r\n  document.getElementById(`answer-modal-${id}`).removeEventListener(\"hide.bs.modal\", answerModalClose);\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((a, b) => parseInt(a.displayOrder) - parseInt(b.displayOrder));\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    locales: [],\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          x.locales = [];\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.getElementById(`answer-modal-${answer.id}`).removeEventListener(\"hide.bs.modal\", answerModalClose);\r\n  document.getElementById(`answer-modal-${answer.id}`).addEventListener(\"hide.bs.modal\", answerModalClose);\r\n};\r\nconst closeModal = () => {\r\n  answerSaved.value = false;\r\n\r\n  hideModalFunction();\r\n};\r\nconst hideModalFunction = () => {\r\n  let modal = document.querySelector(`#answer-modal-${selectedAnswer.value.id}`);\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 = lastAnswerValue.answerValuesScore;\r\n      selectedAnswer.value.answerStateId = lastAnswerValue.answerStateId;\r\n      selectedAnswer.value.actionRequired = lastAnswerValue.actionRequired;\r\n      selectedAnswer.value.proofRequired = lastAnswerValue.proofRequired;\r\n      selectedAnswer.value.mediaProofRequired = lastAnswerValue.mediaProofRequired;\r\n      selectedAnswer.value.noteProofRequired = lastAnswerValue.noteProofRequired;\r\n    }\r\n  }, 500);\r\n};\r\n\r\n// Answer Menu Close\r\nconst questionDivClick = (event) => {\r\n  let answerMenu = document.querySelector(`#btn-answer-list-${lastMenuId.value}`);\r\n  if (!event.composedPath().includes(answerMenu)) {\r\n    lastMenuId.value = null;\r\n  }\r\n};\r\n\r\nwatch(locale, () => {\r\n  setCurrentPageBreadcrumbs(translate(\"question_component_breadcrumbs_edit\"), [\r\n    translate(\"question_component_breadcrumbs\"),\r\n  ]);\r\n});\r\n\r\nonMounted(() => {\r\n  setCurrentPageBreadcrumbs(translate(\"question_component_breadcrumbs_edit\"), [\r\n    translate(\"question_component_breadcrumbs\"),\r\n  ]);\r\n});\r\n\r\nlet questionUpdate = false;\r\nonBeforeRouteLeave((to, from, next) => {\r\n  if (!questionUpdate) {\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 \"./EditQuestionPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./EditQuestionPage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./EditQuestionPage.vue?vue&type=style&index=0&id=8da53e8c&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-8da53e8c\"]])\n\nexport default __exports__","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":""}