{"version":3,"sources":["webpack:///./src/components/Admin/TemplateModals/AddAnwerTemplate.vue","webpack:///./src/components/Admin/TemplateModals/AddAnwerTemplate.vue?6741","webpack:///./src/views/admin/templates/template-item-list/Answers.vue","webpack:///./src/views/admin/templates/template-item-list/Answers.vue?f8a7","webpack:///./src/core/helpers/dom.ts","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["block","loading","props","answerItem","value","buttonShow","title","answer","id","answerText","notScorable","type","actionRequired","mediaProofRequired","noteProofRequired","proofRequired","store","t","te","translate","text","answerTemplateValidator","shape","name","nullable","required","newTargetModalRef","refForm","answerOptions","onSubmit","dispatch","then","Response","closeModal","updateItem","response","clearForm","setTimeout","resetForm","emits","document","getElementById","addEventListener","__exports__","confirm","locale","answerTemplate","editAnswerTemplate","item","answerTemplateList","getters","selectedAnswerTemplate","selectAll","totalRecords","lazyParams","records","filters","matchMode","onPage","e","page","step","pageSize","getData","onSort","event","sortColumn","sortField","sortDirection","sortOrder","onFilter","onSelectAllChange","checked","onRowSelect","length","onRowUnselect","inputNull","target","deleteChecklist","Item","obj","list","undefined","push","forEach","message","require","currentTarget","icon","acceptLabel","rejectLabel","acceptClass","rejectClass","accept","finally","reject","payLoad","hideModal","modalEl","myModal","getInstance","hide","removeModalBackdrop","querySelectorAll","remove","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","SET_BREADCRUMB_ACTION","pageBreadcrumbPath"],"mappings":"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","file":"js/chunk-26811313.82daf838.js","sourcesContent":["<template>\r\n  <div\r\n    class=\"modal fade\"\r\n    tabindex=\"-1\"\r\n    id=\"add-answer-template-modal\"\r\n    ref=\"newTargetModalRef\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <div class=\"modal-dialog modal-dialog-centered mw-950px\">\r\n      <div class=\"modal-content rounded\">\r\n        <BlockUI :loading=\"block\" />\r\n        <div class=\"modal-header\">\r\n          <h5 class=\"modal-title\">{{ translate(title) }}</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        <div class=\"modal-body rounded p-0\">\r\n          <Form\r\n            v-slot=\"{ errors }\"\r\n            ref=\"refForm\"\r\n            id=\"example\"\r\n            class=\"form p-0 rounded-bottom\"\r\n            novalidate=\"novalidate\"\r\n            @submit=\"onSubmit\"\r\n            :validation-schema=\"answerTemplateValidator\"\r\n            style=\"padding-bottom: 1.5rem !important; background: #fbfbfb\"\r\n          >\r\n            <div>\r\n              <div class=\"card-body\">\r\n                <div\r\n                  class=\"tab-content\"\r\n                  id=\"myTabContent\"\r\n                >\r\n                  <div\r\n                    class=\"tab-pane fade show active\"\r\n                    id=\"kt_tab_pane_1\"\r\n                    role=\"tabpanel\"\r\n                  >\r\n                    <div class=\"row mb-4\">\r\n                      <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                        translate(\"answers_template_modal_label_template_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-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 form-control-lg fs-6 ${\r\n                            errors['name'] !== undefined ? 'v-invalid' : ''\r\n                          }`\"\r\n                          :placeholder=\"\r\n                            translate('answers_template_modal_label_template_name')\r\n                          \"\r\n                          v-model=\"answer.answerText\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class=\"row mb-4\">\r\n                      <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                        translate(\"answers_template_modal_label_template_type\")\r\n                      }}</label>\r\n                      <div class=\"col-lg-8 fv-row d-v-container\">\r\n                        <div class=\"fv-plugins-message-container d-v-content\">\r\n                          <div class=\"fv-help-block ms-2 v-element\">\r\n                            <ErrorMessage name=\"type\" />\r\n                          </div>\r\n                        </div>\r\n                        <Field\r\n                          as=\"select\"\r\n                          name=\"type\"\r\n                          :class=\"`form-select form-select-lg fw-bold fs-6 ${\r\n                            answer.type === null ? 'text-gray-500' : 'text-dark'\r\n                          } ${errors['type'] !== undefined ? 'v-invalid' : ''}`\"\r\n                          v-model=\"answer.type\"\r\n                        >\r\n                          <option\r\n                            class=\"text-gray-500\"\r\n                            value=\"\"\r\n                            selected\r\n                            disabled\r\n                          >\r\n                            {{\r\n                              translate(\r\n                                \"answers_template_modal_select_template_pleaceholder\"\r\n                              )\r\n                            }}\r\n                          </option>\r\n                          <option\r\n                            v-for=\"type in answerOptions\"\r\n                            :key=\"type\"\r\n                            :value=\"type\"\r\n                            class=\"text-dark\"\r\n                          >\r\n                            {{ translate(`question_component_li_answer_type_${type}`) }}\r\n                          </option>\r\n                        </Field>\r\n                      </div>\r\n                    </div>\r\n\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(\"question_component_answer_modal_label_logic_choice\")\r\n                        }}\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=\"\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                          :title=\"\r\n                            translate('answers_template_modal_label_template_checkbox')\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 && 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 class=\"col-lg-8\">\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 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                                {{\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=\"row justify-content-end mb-3\">\r\n                      <div class=\"col-lg-8 fv-row\">\r\n                        <div\r\n                          class=\"form-check form-check-custom form-check-solid\"\r\n                        >\r\n                          <input\r\n                            class=\"form-check-input\"\r\n                            type=\"checkbox\"\r\n                            id=\"check-remember\"\r\n                            v-model=\"answer.notScorable\"\r\n                          />\r\n                          <div class=\"d-flex flex-column w-100\">\r\n                            <label\r\n                              class=\"\r\n                                form-check-label\r\n                                col-form-label\r\n                                fw-bold\r\n                                fs-7\r\n                                p-0\r\n                                text-gray-500\r\n                              \"\r\n                              for=\"check-remember\"\r\n                            >\r\n                              {{\r\n                                translate(\r\n                                  \"answers_template_modal_label_template_checkbox\"\r\n                                )\r\n                              }}\r\n                            </label>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div> -->\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"d-flex justify-content-end ps-5 pe-5\">\r\n                <button\r\n                  @click=\"closeModal\"\r\n                  type=\"reset\"\r\n                  class=\"btn btn-white btn-active-light me-2 border btn-sm fs-6\"\r\n                >\r\n                  {{ translate(\"Cancel\") }}\r\n                </button>\r\n\r\n                <button\r\n                  v-if=\"buttonShow\"\r\n                  type=\"submit\"\r\n                  id=\"kt_add_costumer_submit\"\r\n                  class=\"btn btn-primary border btn-sm fs-6\"\r\n                >\r\n                  <div\r\n                    v-if=\"loading\"\r\n                    class=\"spinner-border spinner-border-sm mx-1\"\r\n                  ></div>\r\n                  <span class=\"indicator-label\">\r\n                    {{ translate(\"Add\") }}\r\n                  </span>\r\n                </button>\r\n                <a\r\n                  v-else\r\n                  @click=\"updateItem\"\r\n                  class=\"btn btn-primary border btn-sm fs-6\"\r\n                  :class=\"\r\n                    errors['name'] !== undefined || errors['type'] !== undefined\r\n                      ? 'disabled'\r\n                      : ''\r\n                  \"\r\n                >\r\n                  <span class=\"indicator-label\">\r\n                    <div\r\n                      v-if=\"loading\"\r\n                      class=\"spinner-border spinner-border-sm mx-1\"\r\n                    ></div>\r\n                    <span class=\"indicator-label\">\r\n                      {{ translate(\"Save\") }}\r\n                    </span>\r\n                  </span>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </Form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { ErrorMessage, Field, Form } from \"vee-validate\";\r\nimport { hideModal } from \"@/core/helpers/dom\";\r\nimport { ref, reactive, onMounted, defineProps, defineEmits, watch } from \"vue\";\r\nimport * as Yup from \"yup\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useStore } from \"vuex\";\r\n\r\n// Props and Emits\r\n\r\nconst props = defineProps({ answerItem: Object });\r\nconst emits = defineEmits([\"closeModal\"]);\r\nconst block = ref(false);\r\nconst loading = ref(false);\r\n\r\nwatch(props, () => {\r\n  if (props.answerItem !== null) {\r\n    block.value = true;\r\n    buttonShow.value = false;\r\n    title.value = \"answers_template_modal_title_edit\";\r\n    answer.id = props.answerItem.id;\r\n    answer.answerText = props.answerItem.answerText;\r\n    answer.notScorable = props.answerItem.notScorable;\r\n    answer.type = props.answerItem.type;\r\n    answer.actionRequired = props.answerItem.actionRequired;\r\n    answer.mediaProofRequired = props.answerItem.mediaProofRequired;\r\n    answer.noteProofRequired = props.answerItem.noteProofRequired;\r\n    if (answer.noteProofRequired || answer.mediaProofRequired) {\r\n      answer.proofRequired = true;\r\n    }\r\n    block.value = false;\r\n  }\r\n});\r\n\r\n//Store Tanımlaması\r\n\r\nconst store = useStore();\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\n// Validation Tanımlaması\r\nconst answerTemplateValidator = Yup.object().shape({\r\n  name: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"answers_template_modal_validation_template_name\")),\r\n  type: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"answers_template_modal_validation_template_type\")),\r\n});\r\n\r\nconst newTargetModalRef = ref(null);\r\nconst refForm = ref(null);\r\nconst title = ref(\"answers_template_modal_title_new\");\r\nconst buttonShow = ref(true);\r\n\r\nconst answerOptions = ref([\"Single\", \"Radio\", \"Multiple\"]);\r\n//Answer Template\r\nconst answer = reactive({\r\n  id: 0,\r\n  answerText: null,\r\n  notScorable: false,\r\n  type: null,\r\n  actionRequired: false,\r\n  proofRequired: false,\r\n  noteProofRequired: false,\r\n  mediaProofRequired: false,\r\n});\r\n\r\n// Submit İşlemleri\r\nconst onSubmit = () => {\r\n  loading.value = true;\r\n\r\n  if (!answer.proofRequired) {\r\n    answer.noteProofRequired = false;\r\n    answer.mediaProofRequired = false;\r\n  }\r\n  store\r\n    .dispatch(\"AdminTemplateAnswersTempalteModule/ADD_ANSWER_TEMPLATE\", answer)\r\n    .then((Response) => {\r\n      loading.value = false;\r\n    });\r\n  closeModal();\r\n};\r\n\r\n// Update Item\r\nconst updateItem = () => {\r\n  loading.value = true;\r\n  if (!answer.proofRequired) {\r\n    answer.noteProofRequired = false;\r\n    answer.mediaProofRequired = false;\r\n  }\r\n  store\r\n    .dispatch(\"AdminTemplateAnswersTempalteModule/UPDATE_ANSWER_TEMPLATE\", answer)\r\n    .then((response) => {\r\n      loading.value = false;\r\n    });\r\n  closeModal();\r\n};\r\n\r\n// Modal Close\r\nconst closeModal = () => {\r\n  hideModal(newTargetModalRef.value);\r\n};\r\n\r\nconst clearForm = () => {\r\n  setTimeout(() => {\r\n    title.value = \"answers_template_modal_title_new\";\r\n    answer.id = 0;\r\n    answer.answerText = null;\r\n    answer.type = null;\r\n    answer.notScorable = false;\r\n    answer.actionRequired = false;\r\n    answer.proofRequired = false;\r\n    buttonShow.value = true;\r\n    refForm.value.resetForm();\r\n    emits(\"closeModal\");\r\n  }, 300);\r\n};\r\n\r\nonMounted(() => {\r\n  document\r\n    .getElementById(\"add-answer-template-modal\")\r\n    .addEventListener(\"hide.bs.modal\", function () {\r\n      clearForm();\r\n    });\r\n});\r\n</script>\r\n\r\n<style></style>\r\n","import script from \"./AddAnwerTemplate.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddAnwerTemplate.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\r\n  <div class=\"card\">\r\n    <div class=\"card-header ps-7 pe-5\">\r\n      <h3 class=\"card-title align-items-start flex-column\">\r\n        {{ translate(\"answers_template_list_title\") }}\r\n        <span class=\"text-muted mt-1 fw-bold fs-7\"\r\n          >{{ records }} {{ translate(\"Records_Found\") }}</span\r\n        >\r\n      </h3>\r\n    </div>\r\n\r\n    <div class=\"p-5\">\r\n      <div>\r\n        <div class=\"card-toolbar mb-5\">\r\n          <!--begin::Toolbar-->\r\n\r\n          <div class=\"d-flex justify-content-end align-items-center\">\r\n            <div>\r\n              <button\r\n                type=\"button\"\r\n                class=\"btn btn-primary btn-sm\"\r\n                data-bs-toggle=\"modal\"\r\n                data-bs-target=\"#add-answer-template-modal\"\r\n              >\r\n                {{ translate(\"answers_template_list_button_new\") }}\r\n              </button>\r\n              <button\r\n                v-show=\"selectedAnswerTemplate.length > 0\"\r\n                @click=\"deleteChecklist($event)\"\r\n                type=\"button\"\r\n                class=\"btn bg-light bg-hover-secondary btn-sm border position-relative ms-2\"\r\n              >\r\n                {{ translate(\"Delete_Select\")\r\n                }}<span\r\n                  class=\"position-absolute top-0 start-100 translate-middle badge badge-circle badge-danger\"\r\n                  >{{ selectedAnswerTemplate.length }}</span\r\n                >\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <DataTable\r\n        :value=\"answerTemplateList\"\r\n        dataKey=\"id\"\r\n        @select-all-change=\"onSelectAllChange\"\r\n        @sort=\"onSort($event)\"\r\n        @filter=\"onFilter($event)\"\r\n        @row-select=\"onRowSelect\"\r\n        @row-unselect=\"onRowUnselect\"\r\n        v-model:selection=\"selectedAnswerTemplate\"\r\n        v-model:filters=\"filters\"\r\n        filterDisplay=\"row\"\r\n        :globalFilterFields=\"['name']\"\r\n        :lazy=\"true\"\r\n        :paginator=\"false\"\r\n        :loading=\"loading\"\r\n        :totalRecords=\"totalRecords\"\r\n        :selectAll=\"selectAll\"\r\n        removableSort\r\n        class=\"rounded\"\r\n        responsiveLayout=\"scroll\"\r\n      >\r\n        <Column selectionMode=\"multiple\" headerStyle=\"width: 3em\"></Column>\r\n        <Column\r\n          field=\"answerText\"\r\n          :header=\"translate('answers_template_list_column_title')\"\r\n          filterField=\"name\"\r\n          filterMatchMode=\"contains\"\r\n          ref=\"name\"\r\n          :sortable=\"true\"\r\n          style=\"width: 35rem !important; min-width: 35rem !important\"\r\n        >\r\n          <template #filter=\"{ filterModel, filterCallback }\">\r\n            <InputText\r\n              v-model=\"filterModel.value\"\r\n              name=\"name\"\r\n              type=\"text\"\r\n              @keydown.enter=\"filterCallback()\"\r\n              class=\"p-column-filter\"\r\n              :placeholder=\"translate('Search')\"\r\n              @keyup=\"inputNull($event)\"\r\n            />\r\n          </template>\r\n        </Column>\r\n\r\n        <Column field=\"id\" :rowEditor=\"true\" bodyStyle=\"text-align:center\">\r\n          <template #body=\"{ data }\">\r\n            <div class=\"d-flex justify-content-end\">\r\n              <a\r\n                class=\"btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1\"\r\n                data-bs-toggle=\"modal\"\r\n                data-bs-target=\"#add-answer-template-modal\"\r\n                :title=\"translate('Update')\"\r\n                @click=\"editAnswerTemplate(data)\"\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\r\n              <a\r\n                class=\"btn btn-icon btn-bg-light btn-active-color-primary btn-sm\"\r\n                :title=\"translate('Delete')\"\r\n                @click=\"deleteChecklist($event, data)\"\r\n              >\r\n                <span class=\"svg-icon svg-icon-3\">\r\n                  <inline-svg src=\"media/icons/duotune/general/gen027.svg\" />\r\n                </span>\r\n              </a>\r\n            </div>\r\n          </template>\r\n        </Column>\r\n      </DataTable>\r\n      <ConfirmPopup></ConfirmPopup>\r\n      <div class=\"mt-5\">\r\n        <Pagination @onPage=\"onPage\" :TotalData=\"records\" />\r\n      </div>\r\n\r\n      <AddAnwerTemplate :answerItem=\"answerTemplate\" @closeModal=\"closeModal\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport AddAnwerTemplate from \"@/components/Admin/TemplateModals/AddAnwerTemplate.vue\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport { computed, onMounted, ref, watch } from \"vue\";\r\nimport { useStore } from \"vuex\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useConfirm } from \"primevue/useconfirm\";\r\n\r\n//Store Tanımlaması\r\nconst store = useStore();\r\nconst confirm = useConfirm();\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\nconst newTargetModalRef = ref(null);\r\nconst answerTemplate = ref(null);\r\n\r\nconst editAnswerTemplate = (item) => {\r\n  answerTemplate.value = item;\r\n};\r\nconst closeModal = () => {\r\n  answerTemplate.value = null;\r\n};\r\n\r\n//Değişkenler\r\nconst answerTemplateList = computed(\r\n  () =>\r\n    store.getters[\"AdminTemplateAnswersTempalteModule/_getAnswerTemplateList\"]\r\n);\r\n// const answerStateList = computed(\r\n//   () => store.getters[\"AdminTemplateAnswersTempalteModule/_getAnswerStateList\"]\r\n// );\r\nlet selectedAnswerTemplate = ref([]);\r\nconst selectAll = ref(false);\r\nconst totalRecords = ref(0);\r\nconst lazyParams = ref({});\r\nconst loading = computed(\r\n  () => store.getters[\"AdminTemplateAnswersTempalteModule/_getLoading\"]\r\n);\r\nconst records = computed(\r\n  () => store.getters[\"AdminTemplateAnswersTempalteModule/_getTotalRecords\"]\r\n);\r\n\r\n//Data Table Filter Tanımlaması\r\nconst filters = ref({\r\n  name: { value: null, matchMode: \"contains\" },\r\n});\r\n\r\n// Data Table Eventları\r\nconst onPage = (e) => {\r\n  lazyParams.value.page = e.step.value;\r\n  lazyParams.value.pageSize = e.pageSize.value;\r\n  getData(lazyParams.value);\r\n};\r\n\r\nconst onSort = (event) => {\r\n  lazyParams.value.sortColumn = event.sortField;\r\n  lazyParams.value.sortDirection = event.sortOrder === 1 ? \"asc\" : \"desc\";\r\n  getData(lazyParams.value);\r\n};\r\n\r\nconst onFilter = () => {\r\n  lazyParams.value.name = filters.value.name.value;\r\n  getData(lazyParams.value);\r\n};\r\n\r\nconst onSelectAllChange = (event) => {\r\n  if (event.checked) {\r\n    selectAll.value = true;\r\n    selectedAnswerTemplate.value = answerTemplateList.value;\r\n  } else {\r\n    selectAll.value = false;\r\n    selectedAnswerTemplate.value = [];\r\n  }\r\n};\r\n\r\nconst onRowSelect = () => {\r\n  selectAll.value = selectedAnswerTemplate.value.length === totalRecords.value;\r\n};\r\n\r\nconst onRowUnselect = () => {\r\n  selectAll.value = false;\r\n};\r\n\r\nconst inputNull = (event) => {\r\n  if (event.target.value === \"\") {\r\n    lazyParams.value[event.target.name] = \"\";\r\n    getData(lazyParams.value);\r\n  }\r\n};\r\n\r\n// CheckList Delete İşlemi\r\nconst deleteChecklist = (event, Item) => {\r\n  let obj = [];\r\n  let list = [];\r\n  if (Item !== undefined) {\r\n    obj.push(Item.id);\r\n    list.push(obj);\r\n    list.push(lazyParams.value);\r\n  } else {\r\n    selectedAnswerTemplate.value.forEach((item) => {\r\n      obj.push(item.id);\r\n    });\r\n    list.push(obj);\r\n    list.push(lazyParams.value);\r\n  }\r\n  let message = ref(\"\");\r\n  if (obj.length > 1) {\r\n    message.value = translate(\"confirm_message_answer_templates\");\r\n  } else {\r\n    message.value = translate(\"confirm_message_answer_template\");\r\n  }\r\n  confirm.require({\r\n    target: event.currentTarget,\r\n    message: message.value,\r\n    icon: \"pi pi-exclamation-triangle\",\r\n    acceptLabel: translate(\"customer_location_confirm_acceptLabel\"),\r\n    rejectLabel: translate(\"customer_location_confirm_rejectLabel\"),\r\n    acceptClass: \"btn btn-sm btn-primary\",\r\n    rejectClass: \"btn btn-sm btn-light\",\r\n    accept: () => {\r\n      store\r\n        .dispatch(\r\n          \"AdminTemplateAnswersTempalteModule/DELETE_ANSWER_TEMPLATE\",\r\n          list\r\n        )\r\n        .finally((selectedAnswerTemplate.value = []));\r\n    },\r\n    reject: () => {\r\n      return;\r\n    },\r\n  });\r\n};\r\n\r\n//Data Çekme Metodo\r\nconst getData = (payLoad) => {\r\n  store.dispatch(\r\n    \"AdminTemplateAnswersTempalteModule/GET_ALL_ANSWERS_TEMPLATE\",\r\n    payLoad\r\n  );\r\n};\r\n\r\nwatch(locale, () => {\r\n  setCurrentPageBreadcrumbs(\r\n    translate(\"answers_template_list_breadcrumbs_title\"),\r\n    [translate(\"answers_template_list_breadcrumbs\")]\r\n  );\r\n});\r\n\r\nonMounted(() => {\r\n  lazyParams.value = {\r\n    page: 1,\r\n    pageSize: 10,\r\n    sortColumn: null,\r\n    sortDirection: null,\r\n    name: null,\r\n  };\r\n  setCurrentPageBreadcrumbs(\r\n    translate(\"answers_template_list_breadcrumbs_title\"),\r\n    [translate(\"answers_template_list_breadcrumbs\")]\r\n  );\r\n});\r\n\r\ngetData({\r\n  page: 1,\r\n  pageSize: 10,\r\n});\r\n</script>\r\n","import script from \"./Answers.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Answers.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\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":""}