{"version":3,"sources":["webpack:///./src/views/admin/templates/template-item/ChecklistCreatePage.vue","webpack:///./src/views/admin/templates/template-item/ChecklistCreatePage.vue?518b","webpack:///./src/views/admin/templates/template-item/ChecklistCreatePage.vue?54f8","webpack:///./src/views/admin/templates/template-item/ChecklistCreatePage.vue?0f50"],"names":["router","loadingButton","confirm","checklistPublished","saveChecklist","value","departmentControl","checkListModel","cLquestions","forEach","item","categorys","length","setTimeout","alertMessage","departmentName","translate","payload","id","name","questions","published","cLInfoQuestionsDepartments","cLInfoQuestions","infoQuestion","infoModel","Id","isGeneral","templateDepartmentId","push","department","departmentId","info","category","q","store","dispatch","then","response","savedTrue","finally","modalQuestion","closeModal","t","te","locale","text","checklistValidator","shape","nullable","required","departmentList","count","departments","score","TotalQuestionandScore","model","totalQuestion","dep","detail","newDepartments","oldDepartments","index","findIndex","i","splice","status","some","modelList","Value","selectedDepartment","deep","inputCheckBoxs","selectAllDepartment","checked","addQuestionCheckBox","event","target","indexOf","addAddress","selectedDepartmantId","addQuestionDepartment","getQuestion","filterObject","modalFilterCheckbox","clInfQue","clInfoQuestionSelectDepartmentId","addQuestionInfoCL","deparmantId","infoStatus","addQuestionSelectedDepartment","actions","GET_COMMON_DEPARTMENT","block","categoryList","Response","records","computedQuestionList","questionList","filterList","page","pageSize","questionText","code","categoryIds","Search","filter","Object","keys","selectedCategory","filterCheckBox","e","onPage","step","TotalItemsCount","ListItems","question","qObject","Name","CategoryName","CategoryId","Code","InfoOnly","Score","Answers","QuestionText","TemplateCategoryId","msg","type","message","grouping","addQuestion","undefined","qfunction","deparmant","qselectfunction","newQuestion","createSpecificIdQuestion","selectedQuestion","array","JSON","parse","stringify","specificId","Date","getTime","x","sort","a","b","deleteQuestion","questionId","c","deleteInfoQuestion","infoList","deleteCLInfoQuestion","find","document","getElementById","addEventListener","firstData","to","from","next","require","group","header","icon","acceptLabel","rejectLabel","acceptClass","rejectClass","accept","reject","__exports__"],"mappings":"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","file":"js/chunk-b0bba392.59395bed.js","sourcesContent":["<template>\r\n  <div>\r\n    <!--Modal Question-->\r\n    <div\r\n      ref=\"modalQuestion\"\r\n      class=\"modal fade\"\r\n      tabindex=\"-1\"\r\n      id=\"add-questionlist-modal\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <div class=\"modal-dialog modal-dialog-centered mw-1000px\">\r\n        <div class=\"modal-content rounded\">\r\n          <BlockUI :loading=\"block\" />\r\n          <div class=\"modal-header\">\r\n            <h5 class=\"modal-title\">\r\n              {{ translate(\"checklist_create_modal_h5\") }}\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          <div class=\"title border-bottom ps-5 pe-5 pt-5\">\r\n            <div class=\"row align-items-center\">\r\n              <div\r\n                class=\"col-lg-2 p-3 mb-5 border rounded bg-white\"\r\n                style=\"border-color: #e8ebee !important\"\r\n              >\r\n                <div class=\"form-check form-check-custom form-check-solid\">\r\n                  <input\r\n                    ref=\"modalFilterCheckbox\"\r\n                    class=\"form-check-input\"\r\n                    type=\"checkbox\"\r\n                    id=\"filterCheckbox\"\r\n                    @change=\"filterCheckBox($event)\"\r\n                    :disabled=\"clInfQue\"\r\n                  />\r\n                  <div class=\"d-flex flex-column position-relative w-100\">\r\n                    <label\r\n                      class=\"form-check-label col-form-label fs-6 p-0\"\r\n                      :class=\"\r\n                        clInfQue === true ? 'text-gray-500' : 'text-gray-800'\r\n                      \"\r\n                      for=\"filterCheckbox\"\r\n                    >\r\n                      {{ translate(\"checklist_create_modal_checkbox_label\") }}\r\n                    </label>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"col-lg-5 ps-2 pe-1 mb-5\">\r\n                <FilterInput\r\n                  :searchId=\"1\"\r\n                  :PlaceHolder=\"\r\n                    translate('checklist_create_modal_filter_input')\r\n                  \"\r\n                  :filterList=\"filterList\"\r\n                  :InputStyle=\"'height:42px; font-size: 13px;'\"\r\n                  @onFilterSearch=\"Search\"\r\n                />\r\n              </div>\r\n              <div id=\"modal-multi-select\" class=\"col-lg-5 ps-1 pe-1 mb-5\">\r\n                <MultiSelect\r\n                  :disabled=\"clInfQue\"\r\n                  v-model=\"filterObject.categoryIds\"\r\n                  :options=\"categoryList\"\r\n                  optionLabel=\"Value\"\r\n                  optionValue=\"Id\"\r\n                  :placeholder=\"translate('checklist_create_modal_select')\"\r\n                  style=\"height: 42px\"\r\n                  @change=\"selectedCategory\"\r\n                >\r\n                </MultiSelect>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"modal-body rounded p-3\" style=\"height: 475px\">\r\n            <div class=\"scroll overflow-y h-400px\">\r\n              <div\r\n                v-for=\"question in computedQuestionList\"\r\n                :key=\"question.Id\"\r\n                class=\"d-flex align-items-center mb-1 mx-2 p-1 ps-4 py-3 border rounded\"\r\n                style=\"height: 55px\"\r\n              >\r\n                <!--begin::Bullet-->\r\n                <span class=\"bullet bullet-vertical h-40px bg-primary\"></span>\r\n                <!--end::Bullet-->\r\n\r\n                <!--begin::Checkbox-->\r\n                <div class=\"form-check form-check-custom form-check-solid mx-5\">\r\n                  <input\r\n                    class=\"form-check-input\"\r\n                    type=\"checkbox\"\r\n                    v-model=\"question.checked\"\r\n                    :id=\"`checklist-${question.Id}`\"\r\n                  />\r\n                </div>\r\n                <!--end::Checkbox-->\r\n\r\n                <!--begin::Description-->\r\n                <div class=\"flex-grow-1\">\r\n                  <div class=\"d-flex flex-column position-relative\">\r\n                    <label\r\n                      class=\"form-check-label col-form-label fw-bold p-0 pe-5\"\r\n                      style=\"\r\n                        overflow: hidden;\r\n                        display: inline-block;\r\n                        text-overflow: ellipsis;\r\n                        max-width: 841px;\r\n                        max-height: 40px;\r\n                      \"\r\n                      :for=\"`checklist-${question.Id}`\"\r\n                    >\r\n                      <span class=\"text-gray-900\" v-if=\"question.Code !== null\"\r\n                        >{{ question.Code }} -\r\n                      </span>\r\n                      <span class=\"text-gray-700\">{{ question.Name }}</span>\r\n                    </label>\r\n                  </div>\r\n                </div>\r\n                <!--end::Description-->\r\n                <div style=\"50px\">\r\n                  <div\r\n                    class=\"btn btn-icon btn-sm btn-active-light-primary mx-2\"\r\n                    @click=\"addQuestion(question)\"\r\n                  >\r\n                    <i class=\"bi bi-plus-lg\"></i>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"d-flex justify-content-between p-3 pe-2\">\r\n              <div class=\"col-lg-10 p-0\">\r\n                <Pagination @onPage=\"onPage\" :TotalData=\"records\" />\r\n              </div>\r\n              <div class=\"col-lg-2 p-0\">\r\n                <button\r\n                  @click=\"addQuestion()\"\r\n                  class=\"btn btn-sm btn-primary fs-6 w-100\"\r\n                >\r\n                  {{ translate(\"Add\") }}\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--Modal Question-->\r\n    <ConfirmDialog group=\"exitPage\"></ConfirmDialog>\r\n    <div class=\"card\">\r\n      <Form\r\n        v-slot=\"{ errors }\"\r\n        class=\"form p-0\"\r\n        novalidate=\"novalidate\"\r\n        @submit=\"saveChecklist\"\r\n        :validation-schema=\"checklistValidator\"\r\n      >\r\n        <!-- Page Header Area -->\r\n        <div class=\"header align-items-center px-5 py-0 border-bottom mh-75px\">\r\n          <div class=\"card-title p-0 m-0\">\r\n            <h5 class=\"d-flex flex-column m-0\">\r\n              <span>{{ translate(\"checklist_create_page_title\") }}</span>\r\n              <span class=\"text-gray-600 fs-8 fw-light pt-1\">{{\r\n                TotalQuestionandScore(checkListModel)\r\n              }}</span>\r\n            </h5>\r\n          </div>\r\n          <div class=\"d-flex\">\r\n            <div\r\n              class=\"btn btn-icon btn-sm btn-active-light border me-2\"\r\n              :title=\"translate('question_component_button_backto_list')\"\r\n              @click=\"router.push({ name: 'admin-template-list' })\"\r\n            >\r\n              <span class=\"svg-icon svg-icon-2\">\r\n                <inline-svg src=\"media/icons/duotune/arrows/arr077.svg\" />\r\n              </span>\r\n            </div>\r\n            <button type=\"submit\" class=\"btn btn-sm btn-primary pe-10 ps-10\">\r\n              <div\r\n                v-if=\"loadingButton\"\r\n                class=\"spinner-border spinner-border-sm mx-1\"\r\n              ></div>\r\n              {{ translate(\"Save\") }}\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <!-- Page Header Area -->\r\n\r\n        <!-- Checklist Form Area -->\r\n        <div class=\"card-body px-0 border-bottom\">\r\n          <!-- Checklist Name Input -->\r\n          <div class=\"row mb-4 px-10\">\r\n            <label\r\n              class=\"col-lg-4 col-form-label required fw-bolder fs-5 text-gray-800\"\r\n              >{{ translate(\"checklist_create_input_name\") }}</label\r\n            >\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                v-model=\"checkListModel.name\"\r\n                :class=\"`form-control form-control-lg fs-6 ${\r\n                  errors['name'] !== undefined ? 'v-invalid' : ''\r\n                }`\"\r\n                :placeholder=\"translate('checklist_create_input_name')\"\r\n              />\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row justify-content-end\">\r\n            <div class=\"col-lg-8 fv-row ps-6\">\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-remember\"\r\n                  v-model=\"checklistPublished\"\r\n                />\r\n                <div class=\"d-flex flex-column position-relative w-100\">\r\n                  <label\r\n                    class=\"form-check-label col-form-label fw-bold p-0 mt-2 not-text-copy\"\r\n                    for=\"check-remember\"\r\n                    style=\"margin-bottom: 15px\"\r\n                  >\r\n                    {{ translate(\"customer_modal_check_label\") }}\r\n                  </label>\r\n                  <label\r\n                    class=\"form-check-label col-form-label fw-bold fs-7 p-0 text-gray-500 not-text-copy\"\r\n                    for=\"check-remember\"\r\n                    style=\"position: absolute; margin-top: 20px\"\r\n                  >\r\n                    {{\r\n                      translate(\"template_published_check_label_description\")\r\n                    }}\r\n                  </label>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"card-title px-10 pt-5\">\r\n            <h5\r\n              class=\"d-flex justify-content-between align-items-center text-gray-800 py-3 m-0 pb-0\"\r\n            >\r\n              {{ translate(\"checklist_page_info_title\") }}\r\n            </h5>\r\n          </div>\r\n\r\n          <div class=\"px-10\">\r\n            <!-- Multi Select Depatments -->\r\n            <div class=\"row mb-7\">\r\n              <label class=\"col-lg-6 col-form-label fs-7 ps-5 text-gray-400\">{{\r\n                translate(\"checklist_page_info_description\")\r\n              }}</label>\r\n              <div class=\"col-lg-12 fv-row\">\r\n                <MultiSelect\r\n                  v-model=\"checkListModel.cLInfoQuestionsDepartments\"\r\n                  :options=\"departmentList\"\r\n                  optionLabel=\"Value\"\r\n                  :placeholder=\"translate('checklist_create_select_department')\"\r\n                  style=\"padding: 5px !important\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!-- Checklist Info Question Accordion -->\r\n          <div\r\n            v-if=\"checkListModel.cLInfoQuestionsDepartments.length === 0\"\r\n            class=\"row align-items-center px-10\"\r\n          >\r\n            <div class=\"col-lg-12 fv-row position-relative\">\r\n              <div class=\"accordion\" id=\"info-accordion\">\r\n                <div class=\"accordion-item\">\r\n                  <h2 class=\"accordion-header\" id=\"info-1\">\r\n                    <button\r\n                      class=\"accordion-button collapsed ps-3 py-3 fw-bold text-gray-800\"\r\n                      type=\"button\"\r\n                      data-bs-toggle=\"collapse\"\r\n                      data-bs-target=\"#info-body-1\"\r\n                      aria-expanded=\"false\"\r\n                      aria-controls=\"info-body-1\"\r\n                    >\r\n                      <div class=\"d-flex flex-column\">\r\n                        <span\r\n                          class=\"fw-bold fs-6\"\r\n                          style=\"font-weight: bold !important\"\r\n                          >{{\r\n                            translate(\r\n                              \"checklist_create_accordion_checkinfo_button\"\r\n                            )\r\n                          }}</span\r\n                        ><a class=\"fs-8 text-gray-600\"\r\n                          >{{ translate(\"checklist_page_number_question\") }}:\r\n                          <span class=\"text-primary fw-bold\">{{\r\n                            checkListModel.cLInfoQuestions[0].count\r\n                          }}</span>\r\n                        </a>\r\n                      </div>\r\n                    </button>\r\n                  </h2>\r\n                  <Draggable\r\n                    id=\"info-body-1\"\r\n                    class=\"accordion-collapse collapse\"\r\n                    aria-labelledby=\"info-1\"\r\n                    v-model=\"checkListModel.cLInfoQuestions[0].questions\"\r\n                    group=\"people\"\r\n                    @start=\"drag = true\"\r\n                    @end=\"drag = false\"\r\n                    item-key=\"specificId\"\r\n                  >\r\n                    <template class=\"accordion-body\" #item=\"{ element, index }\">\r\n                      <div\r\n                        class=\"d-flex align-items-center mb-1 mx-2 p-1 ps-4 py-3 border rounded\"\r\n                        style=\"height: 55px; background: #f9f9f9\"\r\n                      >\r\n                        <!--begin::Bullet-->\r\n                        <span\r\n                          class=\"bullet bullet-vertical h-40px bg-primary me-5\"\r\n                        ></span>\r\n                        <!--end::Bullet-->\r\n\r\n                        <!--begin::Description-->\r\n                        <div class=\"flex-grow-1\">\r\n                          <div class=\"d-flex flex-column position-relative\">\r\n                            <label\r\n                              class=\"form-check-label col-form-label fw-bold p-0 pe-5\"\r\n                              style=\"\r\n                                overflow: hidden;\r\n                                display: inline-block;\r\n                                text-overflow: ellipsis;\r\n                                max-width: 841px;\r\n                                max-height: 40px;\r\n                              \"\r\n                              :for=\"`checklist-${element.Id + '-' + index}`\"\r\n                            >\r\n                              <span\r\n                                class=\"text-gray-900\"\r\n                                v-if=\"element.Code !== null\"\r\n                                >{{ element.Code }} -\r\n                              </span>\r\n                              <span class=\"text-gray-700\"\r\n                                >{{ element.Name }}\r\n                              </span>\r\n                            </label>\r\n                          </div>\r\n                        </div>\r\n                        <!--end::Description-->\r\n                        <div style=\"50px\">\r\n                          <div\r\n                            class=\"btn btn-icon btn-sm btn-active-light-danger mx-2\"\r\n                            @click=\"deleteCLInfoQuestion(element, index, 0)\"\r\n                          >\r\n                            <i class=\"bi bi-x-lg\"></i>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </template>\r\n                  </Draggable>\r\n                </div>\r\n              </div>\r\n              <a\r\n                data-bs-toggle=\"modal\"\r\n                data-bs-target=\"#add-questionlist-modal\"\r\n                class=\"btn bg-white btn-active-white btn-lg fs-7 text-primary me-4 position-absolute\"\r\n                style=\"top: 5px; right: 35px; z-index: 5\"\r\n                @click=\"addQuestionInfoCL(0)\"\r\n              >\r\n                {{ translate(\"checklist_create_button_add_question\") }}</a\r\n              >\r\n            </div>\r\n          </div>\r\n\r\n          <!-- Departmant Accordion -->\r\n          <Draggable\r\n            v-else\r\n            v-model=\"checkListModel.cLInfoQuestions\"\r\n            @start=\"drag = true\"\r\n            @end=\"drag = false\"\r\n            item-key=\"departmentId\"\r\n            class=\"py-6 px-10\"\r\n          >\r\n            <template class=\"accordion-body\" #item=\"{ element, index }\">\r\n              <div\r\n                class=\"accordion position-relative\"\r\n                :id=\"'accordion-' + element.departmentId\"\r\n              >\r\n                <a\r\n                  data-bs-toggle=\"modal\"\r\n                  data-bs-target=\"#add-questionlist-modal\"\r\n                  class=\"btn bg-white btn-lg fs-7 text-primary me-4 position-absolute\"\r\n                  style=\"top: 5px; right: 24px; z-index: 5\"\r\n                  @click=\"addQuestionInfoCL(element.departmentId)\"\r\n                >\r\n                  {{ translate(\"checklist_create_button_add_question\") }}</a\r\n                >\r\n                <div class=\"accordion-item mb-2\">\r\n                  <h2\r\n                    class=\"accordion-header\"\r\n                    :id=\"'header-' + element.departmentId\"\r\n                  >\r\n                    <div class=\"d-flex align-items-center\">\r\n                      <button\r\n                        class=\"accordion-button collapsed py-3 fw-bold text-gray-800\"\r\n                        type=\"button\"\r\n                        data-bs-toggle=\"collapse\"\r\n                        :data-bs-target=\"'#body-' + element.departmentId\"\r\n                        aria-expanded=\"false\"\r\n                        aria-controls=\"info-body-1\"\r\n                      >\r\n                        <div class=\"d-flex flex-column\">\r\n                          <span\r\n                            class=\"fw-bold fs-6\"\r\n                            style=\"font-weight: bold !important\"\r\n                            >{{ element.departmentName }}</span\r\n                          ><a class=\"fs-8 text-gray-600\"\r\n                            >{{ translate(\"checklist_page_number_question\") }}:\r\n                            <span class=\"text-primary fw-bold\">{{\r\n                              element.count\r\n                            }}</span>\r\n                          </a>\r\n                        </div>\r\n                      </button>\r\n                    </div>\r\n                  </h2>\r\n                  <div\r\n                    :id=\"'body-' + element.departmentId\"\r\n                    class=\"accordion-collapse collapse border-top\"\r\n                    :aria-labelledby=\"'header-' + element.departmentId\"\r\n                  >\r\n                    <div class=\"accordion-body\">\r\n                      <Draggable\r\n                        v-model=\"element.questions\"\r\n                        @start=\"drag = true\"\r\n                        @end=\"drag = false\"\r\n                        item-key=\"specificId\"\r\n                      >\r\n                        <template #item=\"{ element }\">\r\n                          <div\r\n                            class=\"d-flex align-items-center mt-1 mb-1 mx-2 p-1 ps-4 py-3 border rounded\"\r\n                            style=\"height: 55px; background: #f9f9f9\"\r\n                          >\r\n                            <!--begin::Bullet-->\r\n                            <span\r\n                              class=\"bullet bullet-vertical h-40px bg-primary me-5\"\r\n                            ></span>\r\n                            <!--end::Bullet-->\r\n\r\n                            <!--begin::Description-->\r\n                            <div class=\"flex-grow-1\">\r\n                              <div class=\"d-flex flex-column position-relative\">\r\n                                <label\r\n                                  class=\"form-check-label col-form-label fw-bold p-0 pe-5\"\r\n                                  style=\"\r\n                                    overflow: hidden;\r\n                                    display: inline-block;\r\n                                    text-overflow: ellipsis;\r\n                                    max-width: 841px;\r\n                                    max-height: 40px;\r\n                                  \"\r\n                                  :for=\"`checklist-${element.Id}`\"\r\n                                >\r\n                                  <span\r\n                                    class=\"text-gray-900\"\r\n                                    v-if=\"element.Code !== null\"\r\n                                    >{{ element.Code }} -\r\n                                  </span>\r\n                                  <span class=\"text-gray-700\">{{\r\n                                    element.Name\r\n                                  }}</span>\r\n                                </label>\r\n                              </div>\r\n                            </div>\r\n                            <!--end::Description-->\r\n                            <div style=\"50px\">\r\n                              <div\r\n                                class=\"btn btn-icon btn-sm btn-active-light-danger mx-2\"\r\n                                @click=\"\r\n                                  deleteCLInfoQuestion(\r\n                                    element,\r\n                                    null,\r\n                                    checkListModel.cLInfoQuestions[index]\r\n                                      .departmentId\r\n                                  )\r\n                                \"\r\n                              >\r\n                                <i class=\"bi bi-x-lg\"></i>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </template>\r\n                      </Draggable>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </template>\r\n          </Draggable>\r\n          <!-- Departmant Accordion -->\r\n        </div>\r\n      </Form>\r\n      <!-- Checklist Form Area -->\r\n\r\n      <!-- // ! Questions Accordion -->\r\n      <div class=\"card-body p-0 pt-5\">\r\n        <div class=\"card-title\">\r\n          <h5\r\n            class=\"d-flex justify-content-between align-items-center text-gray-800 px-10 py-3 pb-0 m-0\"\r\n          >\r\n            <span>{{ translate(\"checklist_create_label_department\") }}</span>\r\n          </h5>\r\n        </div>\r\n\r\n        <div class=\"px-10\">\r\n          <!-- Multi Select Depatments -->\r\n          <div class=\"row mb-7\">\r\n            <label class=\"col-lg-6 col-form-label fs-7 ps-5 text-gray-400\">{{\r\n              translate(\"checklist_page_sections_description\")\r\n            }}</label>\r\n            <div class=\"col-lg-12 fv-row\">\r\n              <MultiSelect\r\n                v-model=\"checkListModel.departments\"\r\n                :options=\"departmentList\"\r\n                optionLabel=\"Value\"\r\n                :placeholder=\"translate('checklist_create_select_department')\"\r\n                style=\"padding: 5px !important\"\r\n              />\r\n            </div>\r\n          </div>\r\n\r\n          <!-- Button Toolbar -->\r\n          <div\r\n            v-if=\"checkListModel.departments.length > 0\"\r\n            class=\"d-flex justify-content-end align-items-center\"\r\n          >\r\n            <a\r\n              v-show=\"selectedDepartment.length > 0\"\r\n              data-bs-toggle=\"modal\"\r\n              data-bs-target=\"#add-questionlist-modal\"\r\n              class=\"btn btn-sm btn-primary me-4 position-relative\"\r\n              @click=\"addQuestionSelectedDepartment\"\r\n              >{{ translate(\"checklist_create_button_selected_add_question\") }}\r\n\r\n              <span\r\n                class=\"position-absolute top-0 start-100 translate-middle badge badge-circle badge-danger\"\r\n                >{{ selectedDepartment.length }}</span\r\n              >\r\n            </a>\r\n            <a class=\"btn btn-sm btn-primary\" @click=\"selectAllDepartment\"\r\n              >{{ translate(\"checklist_create_button_select_all\") }}\r\n            </a>\r\n          </div>\r\n          <!-- Button Toolbar End -->\r\n        </div>\r\n\r\n        <!-- Departmant Accordion -->\r\n        <Draggable\r\n          v-model=\"checkListModel.cLquestions\"\r\n          @start=\"drag = true\"\r\n          @end=\"drag = false\"\r\n          item-key=\"departmentId\"\r\n          class=\"py-6 px-10\"\r\n        >\r\n          <template class=\"accordion-body\" #item=\"{ element, index }\">\r\n            <div\r\n              class=\"accordion position-relative\"\r\n              :id=\"'accordion-' + element.departmentId\"\r\n            >\r\n              <a\r\n                data-bs-toggle=\"modal\"\r\n                data-bs-target=\"#add-questionlist-modal\"\r\n                class=\"btn bg-white btn-lg fs-7 text-primary me-4 position-absolute\"\r\n                style=\"top: 5px; right: 24px; z-index: 5\"\r\n                @click=\"addQuestionDepartment(element.departmentId)\"\r\n              >\r\n                {{ translate(\"checklist_create_button_add_question\") }}</a\r\n              >\r\n              <div class=\"accordion-item mb-2\">\r\n                <h2\r\n                  class=\"accordion-header\"\r\n                  :id=\"'header-' + element.departmentId\"\r\n                >\r\n                  <div class=\"d-flex align-items-center\">\r\n                    <div\r\n                      v-if=\"checkListModel.departments.length > 0\"\r\n                      class=\"form-check form-check-custom form-check-solid ps-6\"\r\n                    >\r\n                      <input\r\n                        class=\"form-check-input\"\r\n                        :value=\"element.departmentId\"\r\n                        @change=\"addQuestionCheckBox($event)\"\r\n                        type=\"checkbox\"\r\n                        :id=\"`checkbox-${element.departmentId}`\"\r\n                        :ref=\"\r\n                          (el) => {\r\n                            inputCheckBoxs[`checkbox-${element.departmentId}`] =\r\n                              el;\r\n                          }\r\n                        \"\r\n                      />\r\n                    </div>\r\n\r\n                    <button\r\n                      class=\"accordion-button collapsed py-3 fw-bold text-gray-800\"\r\n                      type=\"button\"\r\n                      data-bs-toggle=\"collapse\"\r\n                      :data-bs-target=\"'#body-' + element.departmentId\"\r\n                      aria-expanded=\"false\"\r\n                      aria-controls=\"info-body-1\"\r\n                    >\r\n                      <div class=\"d-flex flex-column\">\r\n                        <span\r\n                          class=\"fw-bold fs-6\"\r\n                          style=\"font-weight: bold !important\"\r\n                          >{{ element.departmentName }}</span\r\n                        ><a class=\"fs-8 text-gray-600\"\r\n                          >{{ translate(\"checklist_page_number_question\") }}:\r\n                          <span class=\"text-primary fw-bold\">{{\r\n                            element.count\r\n                          }}</span>\r\n                          / {{ translate(\"checklist_page_score\") }}:\r\n                          <span class=\"text-primary\">\r\n                            {{ element.score }}\r\n                          </span></a\r\n                        >\r\n                      </div>\r\n                    </button>\r\n                  </div>\r\n                </h2>\r\n                <div\r\n                  :id=\"'body-' + element.departmentId\"\r\n                  class=\"accordion-collapse collapse border-top\"\r\n                  :aria-labelledby=\"'header-' + element.departmentId\"\r\n                >\r\n                  <div class=\"accordion-body\">\r\n                    <!-- Info Question Accordion -->\r\n                    <div\r\n                      v-show=\"element.info.length > 0\"\r\n                      class=\"accordion position-relative\"\r\n                      id=\"department-info-question\"\r\n                    >\r\n                      <div class=\"accordion-item mb-2\">\r\n                        <h2\r\n                          class=\"accordion-header\"\r\n                          id=\"header-department-info-question\"\r\n                        >\r\n                          <button\r\n                            class=\"accordion-button collapsed pt-5 pb-5 fw-bold text-gray-800\"\r\n                            style=\"font-weight: 600 !important\"\r\n                            type=\"button\"\r\n                            data-bs-toggle=\"collapse\"\r\n                            :data-bs-target=\"\r\n                              '#body-department-info-question' +\r\n                              checkListModel.cLquestions[index].departmentId\r\n                            \"\r\n                            aria-expanded=\"false\"\r\n                            aria-controls=\"info-body-1\"\r\n                          >\r\n                            {{\r\n                              translate(\r\n                                \"checklist_create_accordion_button_info\"\r\n                              )\r\n                            }}\r\n                          </button>\r\n                        </h2>\r\n                        <Draggable\r\n                          :id=\"\r\n                            'body-department-info-question' +\r\n                            checkListModel.cLquestions[index].departmentId\r\n                          \"\r\n                          class=\"accordion-collapse collapse border-top\"\r\n                          aria-labelledby=\"header-department-info-question\"\r\n                          v-model=\"checkListModel.cLquestions[index].info\"\r\n                          @start=\"drag = true\"\r\n                          @end=\"drag = false\"\r\n                          item-key=\"specificId\"\r\n                        >\r\n                          <template class=\"accordion-body\" #item=\"{ element }\">\r\n                            <div\r\n                              class=\"d-flex align-items-center mt-1 mb-1 mx-2 p-1 ps-4 py-3 border rounded\"\r\n                              style=\"height: 55px; background: #f9f9f9\"\r\n                            >\r\n                              <!--begin::Bullet-->\r\n                              <span\r\n                                class=\"bullet bullet-vertical h-40px bg-primary me-5\"\r\n                              ></span>\r\n                              <!--end::Bullet-->\r\n\r\n                              <!--begin::Description-->\r\n                              <div class=\"flex-grow-1\">\r\n                                <div\r\n                                  class=\"d-flex flex-column position-relative\"\r\n                                >\r\n                                  <label\r\n                                    class=\"form-check-label col-form-label fw-bold p-0 pe-5\"\r\n                                    style=\"\r\n                                      overflow: hidden;\r\n                                      display: inline-block;\r\n                                      text-overflow: ellipsis;\r\n                                      max-width: 841px;\r\n                                      max-height: 40px;\r\n                                    \"\r\n                                    :for=\"`checklist-${element.Id}`\"\r\n                                  >\r\n                                    <span\r\n                                      class=\"text-gray-900\"\r\n                                      v-if=\"element.Code !== null\"\r\n                                      >{{ element.Code }} -\r\n                                    </span>\r\n                                    <span class=\"text-gray-700\">{{\r\n                                      element.Name\r\n                                    }}</span>\r\n                                  </label>\r\n                                </div>\r\n                              </div>\r\n                              <!--end::Description-->\r\n                              <div style=\"50px\">\r\n                                <div\r\n                                  class=\"btn btn-icon btn-sm btn-active-light-danger mx-2\"\r\n                                  @click=\"\r\n                                    deleteInfoQuestion(\r\n                                      checkListModel.cLquestions[index],\r\n                                      checkListModel.cLquestions[index].info,\r\n                                      element\r\n                                    )\r\n                                  \"\r\n                                >\r\n                                  <i class=\"bi bi-x-lg\"></i>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </template>\r\n                        </Draggable>\r\n                      </div>\r\n                    </div>\r\n                    <!-- Info Question Accordion -->\r\n\r\n                    <!-- Category Question Accordion -->\r\n                    <Draggable\r\n                      v-model=\"checkListModel.cLquestions[index].categorys\"\r\n                      @start=\"drag = true\"\r\n                      @end=\"drag = false\"\r\n                      item-key=\"id\"\r\n                    >\r\n                      <template class=\"accordion-body\" #item=\"{ element }\">\r\n                        <div\r\n                          class=\"accordion position-relative\"\r\n                          :id=\"\r\n                            'accordion-category' +\r\n                            element.id +\r\n                            checkListModel.cLquestions[index].departmentId\r\n                          \"\r\n                        >\r\n                          <div class=\"accordion-item mb-2\">\r\n                            <h2\r\n                              class=\"accordion-header\"\r\n                              :id=\"\r\n                                'header-category' +\r\n                                element.id +\r\n                                checkListModel.cLquestions[index].departmentId\r\n                              \"\r\n                            >\r\n                              <button\r\n                                class=\"accordion-button collapsed pt-5 pb-5 fw-bold text-gray-800\"\r\n                                style=\"font-weight: 600 !important\"\r\n                                type=\"button\"\r\n                                data-bs-toggle=\"collapse\"\r\n                                :data-bs-target=\"\r\n                                  '#body-category' +\r\n                                  element.id +\r\n                                  checkListModel.cLquestions[index].departmentId\r\n                                \"\r\n                                aria-expanded=\"false\"\r\n                                aria-controls=\"info-body-1\"\r\n                              >\r\n                                {{ element.name }}\r\n                              </button>\r\n                            </h2>\r\n                            <Draggable\r\n                              :id=\"\r\n                                'body-category' +\r\n                                element.id +\r\n                                checkListModel.cLquestions[index].departmentId\r\n                              \"\r\n                              class=\"accordion-collapse collapse border-top\"\r\n                              :aria-labelledby=\"\r\n                                'header-category' +\r\n                                element.id +\r\n                                checkListModel.cLquestions[index].departmentId\r\n                              \"\r\n                              v-model=\"element.questions\"\r\n                              @start=\"drag = true\"\r\n                              @end=\"drag = false\"\r\n                              item-key=\"Id\"\r\n                            >\r\n                              <template\r\n                                class=\"accordion-body\"\r\n                                #item=\"{ element }\"\r\n                              >\r\n                                <div\r\n                                  class=\"d-flex align-items-center mt-1 mb-1 mx-2 p-1 ps-4 py-3 border rounded\"\r\n                                  style=\"height: 55px; background: #f9f9f9\"\r\n                                >\r\n                                  <!--begin::Bullet-->\r\n                                  <span\r\n                                    class=\"bullet bullet-vertical h-40px bg-primary me-5\"\r\n                                  ></span>\r\n                                  <!--end::Bullet-->\r\n\r\n                                  <!--begin::Description-->\r\n                                  <div class=\"flex-grow-1\">\r\n                                    <div\r\n                                      class=\"d-flex flex-column position-relative\"\r\n                                    >\r\n                                      <label\r\n                                        class=\"form-check-label col-form-label fw-bold p-0 pe-5\"\r\n                                        style=\"\r\n                                          overflow: hidden;\r\n                                          display: inline-block;\r\n                                          text-overflow: ellipsis;\r\n                                          max-width: 841px;\r\n                                          max-height: 40px;\r\n                                        \"\r\n                                        :for=\"`checklist-${element.Id}`\"\r\n                                      >\r\n                                        <span\r\n                                          class=\"text-gray-900\"\r\n                                          v-if=\"element.Code !== null\"\r\n                                          >{{ element.Code }} -\r\n                                        </span>\r\n                                        <span class=\"text-gray-700\">{{\r\n                                          element.Name\r\n                                        }}</span>\r\n                                      </label>\r\n                                    </div>\r\n                                  </div>\r\n                                  <!--end::Description-->\r\n                                  <div style=\"50px\">\r\n                                    <div\r\n                                      class=\"btn btn-icon btn-sm btn-active-light-danger mx-2\"\r\n                                      @click=\"\r\n                                        deleteQuestion(\r\n                                          checkListModel.cLquestions[index],\r\n                                          element.Id\r\n                                        )\r\n                                      \"\r\n                                    >\r\n                                      <i class=\"bi bi-x-lg\"></i>\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </template>\r\n                            </Draggable>\r\n                          </div>\r\n                        </div>\r\n                      </template>\r\n                    </Draggable>\r\n                    <!-- Category Question Accordion -->\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </Draggable>\r\n        <!-- Departmant Accordion -->\r\n      </div>\r\n      <!-- Questions Accordion -->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { hideModal } from \"@/core/helpers/dom\";\r\nimport { ErrorMessage, Field, Form } from \"vee-validate\";\r\nimport * as Yup from \"yup\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useStore } from \"vuex\";\r\nimport DepartmentModule from \"@/store/modules/Templates/AdminTemplateDepartmentModule\";\r\nimport {\r\n  computed,\r\n  onBeforeUpdate,\r\n  reactive,\r\n  ref,\r\n  onMounted,\r\n  watch,\r\n} from \"vue-demi\";\r\nimport { ElMessage } from \"element-plus\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport { onBeforeRouteLeave, useRouter } from \"vue-router\";\r\nimport Draggable from \"vuedraggable\";\r\nimport { useConfirm } from \"primevue/useconfirm\";\r\n\r\nconst router = useRouter();\r\nconst loadingButton = ref(false);\r\nconst confirm = useConfirm();\r\n\r\nconst checklistPublished = ref(true);\r\n\r\nconst saveChecklist = () => {\r\n  loadingButton.value = true;\r\n  let departmentControl = false;\r\n  checkListModel.cLquestions.forEach((item) => {\r\n    if (item.categorys.length === 0) {\r\n      setTimeout(() => {\r\n        alertMessage(\r\n          item.departmentName + translate(\"checklist_msg_add_question_1\"),\r\n          \"error\"\r\n        );\r\n      }, 50);\r\n      departmentControl = true;\r\n      loadingButton.value = false;\r\n    }\r\n  });\r\n\r\n  if (!departmentControl) {\r\n    let payload = {\r\n      id: 0,\r\n      name: checkListModel.name,\r\n      questions: [],\r\n      published: checklistPublished.value,\r\n    };\r\n\r\n    if (checkListModel.cLInfoQuestionsDepartments.length === 0) {\r\n      if (checkListModel.cLInfoQuestions[0].questions.length > 0) {\r\n        checkListModel.cLInfoQuestions[0].questions.forEach((infoQuestion) => {\r\n          let infoModel = {\r\n            Id: 0,\r\n            isGeneral: false,\r\n            templateDepartmentId: 0,\r\n          };\r\n          infoModel.Id = infoQuestion.Id;\r\n          infoModel.isGeneral = true;\r\n          infoModel.templateDepartmentId = 0;\r\n          payload.questions.push(infoModel);\r\n        });\r\n      }\r\n    } else {\r\n      checkListModel.cLInfoQuestions.forEach((department) => {\r\n        if (department.questions.length > 0) {\r\n          department.questions.forEach((infoQuestion) => {\r\n            let infoModel = {\r\n              Id: 0,\r\n              isGeneral: false,\r\n              templateDepartmentId: 0,\r\n            };\r\n            infoModel.Id = infoQuestion.Id;\r\n            infoModel.isGeneral = true;\r\n            infoModel.templateDepartmentId = department.departmentId;\r\n            payload.questions.push(infoModel);\r\n          });\r\n        }\r\n      });\r\n    }\r\n\r\n    checkListModel.cLquestions.forEach((item) => {\r\n      item.info.forEach((info) => {\r\n        let infoModel = {\r\n          Id: 0,\r\n          isGeneral: false,\r\n          templateDepartmentId: 0,\r\n        };\r\n        infoModel.templateDepartmentId = item.departmentId;\r\n        infoModel.Id = info.Id;\r\n        payload.questions.push(infoModel);\r\n      });\r\n      item.categorys.forEach((category) => {\r\n        category.questions.forEach((q) => {\r\n          let infoModel = {\r\n            Id: 0,\r\n            isGeneral: false,\r\n            templateDepartmentId: 0,\r\n          };\r\n          infoModel.templateDepartmentId = item.departmentId;\r\n          infoModel.Id = q.Id;\r\n          payload.questions.push(infoModel);\r\n        });\r\n      });\r\n    });\r\n\r\n    store\r\n      .dispatch(\r\n        \"AdminTemplateCheckListModule/CREATE_OR_UPDATE_CHECKLIST\",\r\n        payload\r\n      )\r\n      .then((response) => {\r\n        if (response) {\r\n          savedTrue = true;\r\n          router.push({ name: \"admin-template-list\" });\r\n          loadingButton.value = false;\r\n        } else {\r\n          loadingButton.value = false;\r\n        }\r\n      })\r\n      .finally(() => {\r\n        loadingButton.value = false;\r\n      });\r\n  }\r\n};\r\n\r\nconst modalQuestion = ref();\r\n\r\nconst closeModal = () => {\r\n  hideModal(modalQuestion.value);\r\n};\r\n//Store Tanımlaması\r\nconst store = useStore();\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// Validation Tanımlaması\r\nconst checklistValidator = Yup.object().shape({\r\n  name: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"checklist_name_validation\")),\r\n});\r\n\r\nconst departmentList = ref([]);\r\n\r\nconst checkListModel = reactive({\r\n  id: 0,\r\n  name: null,\r\n  cLInfoQuestions: [\r\n    {\r\n      departmentId: 0,\r\n      departmentName: translate(\"checklist_question_button\"),\r\n      questions: [],\r\n      count: 0,\r\n    },\r\n  ],\r\n  cLInfoQuestionsDepartments: [],\r\n  departments: [],\r\n  cLquestions: [\r\n    {\r\n      departmentId: 0,\r\n      departmentName: translate(\"checklist_question_button\"),\r\n      info: [],\r\n      categorys: [],\r\n      count: 0,\r\n      score: 0,\r\n    },\r\n  ],\r\n});\r\n\r\nconst TotalQuestionandScore = (model) => {\r\n  let totalQuestion = 0;\r\n  let score = 0;\r\n  model.cLInfoQuestions.forEach((dep) => {\r\n    totalQuestion = totalQuestion + dep.count;\r\n  });\r\n  model.cLquestions.forEach((dep) => {\r\n    totalQuestion = totalQuestion + dep.count;\r\n    score = score + dep.score;\r\n  });\r\n\r\n  let detail =\r\n    translate(\"checklist_page_total_number_question\") +\r\n    \": \" +\r\n    totalQuestion +\r\n    \" - \" +\r\n    translate(\"checklist_page_total_score\") +\r\n    \": \" +\r\n    score;\r\n  return detail;\r\n};\r\n\r\nwatch(\r\n  () => checkListModel.cLInfoQuestionsDepartments,\r\n  (newDepartments, oldDepartments) => {\r\n    //Yeni Bir Departman Eklendi Demek\r\n    if (newDepartments.length > oldDepartments.length) {\r\n      let index = checkListModel.cLInfoQuestions.findIndex(\r\n        (i) => i.departmentId === 0\r\n      );\r\n      if (index !== -1) {\r\n        checkListModel.cLInfoQuestions.splice(index, 1);\r\n      }\r\n\r\n      newDepartments.forEach((department) => {\r\n        let status = oldDepartments.some((item) => item.Id === department.Id);\r\n        if (!status) {\r\n          let modelList = {\r\n            departmentId: department.Id,\r\n            departmentName: department.Value,\r\n            questions: [],\r\n            count: 0,\r\n          };\r\n          checkListModel.cLInfoQuestions.push(modelList);\r\n        }\r\n      });\r\n    }\r\n    //Bir Departman Çıkartıldı Demek\r\n    if (newDepartments.length < oldDepartments.length) {\r\n      if (newDepartments.length === 0) {\r\n        checkListModel.cLInfoQuestions = [];\r\n        selectedDepartment.value = [];\r\n        let modelList = {\r\n          departmentId: 0,\r\n          departmentName: translate(\"Menu_Audit_Questions\"),\r\n          questions: [],\r\n          count: 0,\r\n        };\r\n        checkListModel.cLInfoQuestions.push(modelList);\r\n      } else {\r\n        oldDepartments.forEach((department) => {\r\n          let status = newDepartments.some((item) => item.Id === department.Id);\r\n          if (!status) {\r\n            let index = checkListModel.cLInfoQuestions.findIndex(\r\n              (item) => item.departmentId === department.Id\r\n            );\r\n\r\n            checkListModel.cLInfoQuestions.splice(index, 1);\r\n          }\r\n        });\r\n      }\r\n    }\r\n  },\r\n  { deep: true }\r\n);\r\n//Departman sayısında değişiklik olduğunda bölümlerin ayarlanması için watch ile takip yapılır\r\nwatch(\r\n  () => checkListModel.departments,\r\n  (newDepartments, oldDepartments) => {\r\n    //Yeni Bir Departman Eklendi Demek\r\n    if (newDepartments.length > oldDepartments.length) {\r\n      let index = checkListModel.cLquestions.findIndex(\r\n        (i) => i.departmentId === 0\r\n      );\r\n      if (index !== -1) {\r\n        checkListModel.cLquestions.splice(index, 1);\r\n      }\r\n\r\n      newDepartments.forEach((department) => {\r\n        let status = oldDepartments.some((item) => item.Id === department.Id);\r\n        if (!status) {\r\n          let modelList = {\r\n            departmentId: department.Id,\r\n            departmentName: department.Value,\r\n            info: [],\r\n            categorys: [],\r\n            count: 0,\r\n            score: 0,\r\n          };\r\n          checkListModel.cLquestions.push(modelList);\r\n        }\r\n      });\r\n    }\r\n    //Bir Departman Çıkartıldı Demek\r\n    if (newDepartments.length < oldDepartments.length) {\r\n      if (newDepartments.length === 0) {\r\n        checkListModel.cLquestions = [];\r\n        selectedDepartment.value = [];\r\n        let modelList = {\r\n          departmentId: 0,\r\n          departmentName: translate(\"Menu_Audit_Questions\"),\r\n          info: [],\r\n          categorys: [],\r\n          count: 0,\r\n          score: 0,\r\n        };\r\n        checkListModel.cLquestions.push(modelList);\r\n      } else {\r\n        oldDepartments.forEach((department) => {\r\n          let status = newDepartments.some((item) => item.Id === department.Id);\r\n          if (!status) {\r\n            let index = checkListModel.cLquestions.findIndex(\r\n              (item) => item.departmentId === department.Id\r\n            );\r\n\r\n            checkListModel.cLquestions.splice(index, 1);\r\n          }\r\n        });\r\n      }\r\n    }\r\n  },\r\n  { deep: true }\r\n);\r\n\r\n// Soru eklemek için seçili departmanların tutulma funksiyonu\r\nonBeforeUpdate(() => {\r\n  inputCheckBoxs.value = {};\r\n});\r\n\r\nlet inputCheckBoxs = ref({});\r\nconst selectedDepartment = ref([]);\r\n\r\nconst selectAllDepartment = () => {\r\n  if (selectedDepartment.value.length === checkListModel.departments.length) {\r\n    selectedDepartment.value.forEach((department) => {\r\n      inputCheckBoxs.value[`checkbox-${department}`].checked = false;\r\n    });\r\n    selectedDepartment.value = [];\r\n  } else {\r\n    selectedDepartment.value = [];\r\n    checkListModel.departments.forEach((department) => {\r\n      inputCheckBoxs.value[`checkbox-${department.Id}`].checked = true;\r\n      selectedDepartment.value.push(department.Id);\r\n    });\r\n  }\r\n};\r\n\r\nconst addQuestionCheckBox = (event) => {\r\n  if (event.target.checked) {\r\n    selectedDepartment.value.push(event.target.value);\r\n  } else {\r\n    let index = selectedDepartment.value.indexOf(event.target.value);\r\n    selectedDepartment.value.splice(index, 1);\r\n  }\r\n};\r\n\r\nconst addAddress = ref(null);\r\n\r\n// Add Department Modal Question\r\nconst selectedDepartmantId = ref(0);\r\nconst addQuestionDepartment = (departmentId) => {\r\n  addAddress.value = true;\r\n  selectedDepartmantId.value = departmentId;\r\n  getQuestion(filterObject);\r\n};\r\n// Add CL Question Modal Info\r\nconst modalFilterCheckbox = ref();\r\nconst clInfQue = ref(false);\r\nlet clInfoQuestionSelectDepartmentId = null;\r\nconst addQuestionInfoCL = (deparmantId) => {\r\n  clInfoQuestionSelectDepartmentId = deparmantId;\r\n  modalFilterCheckbox.value.checked = true;\r\n  clInfQue.value = true;\r\n  addAddress.value = null;\r\n  filterObject.infoStatus = 1;\r\n  getQuestion(filterObject);\r\n};\r\n// Add Selected Department Modal Question\r\nconst addQuestionSelectedDepartment = () => {\r\n  addAddress.value = false;\r\n  getQuestion(filterObject);\r\n};\r\n\r\n//Get departments\r\nDepartmentModule.actions.GET_COMMON_DEPARTMENT().then((response) => {\r\n  departmentList.value = response;\r\n});\r\n\r\n//Get Questions\r\nconst block = ref(false);\r\nconst categoryList = ref([]);\r\nstore\r\n  .dispatch(\"AdminTemplateCategoryModule/GET_COMMON_CATEGORY\")\r\n  .then((Response) => {\r\n    categoryList.value = Response;\r\n  });\r\n\r\nconst records = ref(0);\r\nconst computedQuestionList = computed(() => questionList.value);\r\nconst questionList = ref([]);\r\nconst filterList = ref([\"questionText\", \"code\"]);\r\nconst filterObject = reactive({\r\n  page: 1,\r\n  pageSize: 10,\r\n  questionText: null,\r\n  code: null,\r\n  categoryIds: [],\r\n  infoStatus: 2,\r\n});\r\n\r\nconst Search = (filter) => {\r\n  if (filter !== null) {\r\n    Object.keys(filter).forEach((i) => {\r\n      if (i === \"questionText\") {\r\n        filterObject.questionText = filter[i];\r\n      } else {\r\n        filterObject.code = filter[i];\r\n      }\r\n    });\r\n  } else {\r\n    filterObject.questionText = null;\r\n    filterObject.code = null;\r\n  }\r\n  getQuestion(filterObject);\r\n};\r\n\r\nconst selectedCategory = () => {\r\n  getQuestion(filterObject);\r\n};\r\n\r\nconst filterCheckBox = (e) => {\r\n  filterObject.infoStatus = e.target.checked === true ? 1 : 2;\r\n  getQuestion(filterObject);\r\n};\r\n\r\nconst onPage = (e) => {\r\n  if (\r\n    filterObject.page !== e.step.value ||\r\n    filterObject.pageSize !== e.pageSize.value\r\n  ) {\r\n    filterObject.page = e.step.value;\r\n    filterObject.pageSize = e.pageSize.value;\r\n    getQuestion(filterObject);\r\n  }\r\n};\r\n\r\nconst getQuestion = (payload) => {\r\n  block.value = true;\r\n  store\r\n    .dispatch(\"AdminTemplateCheckListModule/GET_CHECKLISTS_QUESTİON\", payload)\r\n    .then((response) => {\r\n      questionList.value = [];\r\n      records.value = response.TotalItemsCount;\r\n      response.ListItems.forEach((question) => {\r\n        let qObject = {\r\n          Id: 0,\r\n          Name: null,\r\n          CategoryName: null,\r\n          CategoryId: 0,\r\n          Code: null,\r\n          InfoOnly: false,\r\n          Score: 0,\r\n          Answers: [],\r\n          checked: false,\r\n        };\r\n        qObject.Id = question.Id;\r\n        qObject.Name = question.QuestionText;\r\n        qObject.CategoryId =\r\n          question.CategoryId !== 0 ? question.TemplateCategoryId : 0;\r\n        qObject.CategoryName =\r\n          question.CategoryId !== 0 ? question.CategoryName : translate(\"Other\");\r\n        if (question.InfoOnly) {\r\n          qObject.CategoryId = \"ab\";\r\n          qObject.CategoryName = \"Info\";\r\n        }\r\n        qObject.InfoOnly = question.InfoOnly;\r\n        qObject.Score = question.Score;\r\n        qObject.Answers = question.Answers;\r\n        qObject.Code = question.Code;\r\n        questionList.value.push(qObject);\r\n      });\r\n    })\r\n    .finally(() => (block.value = false));\r\n};\r\n\r\nconst alertMessage = (msg, type) => {\r\n  ElMessage({\r\n    message: msg,\r\n    grouping: true,\r\n    type: type,\r\n  });\r\n};\r\n\r\nconst addQuestion = (question) => {\r\n  if (question !== undefined) {\r\n    if (addAddress.value === true) {\r\n      qfunction(question);\r\n    } else if (addAddress.value === false) {\r\n      selectedDepartment.value.forEach((i) =>\r\n        checkListModel.cLquestions.forEach((deparmant) => {\r\n          qselectfunction(question, deparmant, i);\r\n        })\r\n      );\r\n    } else if (addAddress.value === null) {\r\n      if (clInfoQuestionSelectDepartmentId === 0) {\r\n        let newQuestion = createSpecificIdQuestion(\r\n          question,\r\n          checkListModel.cLInfoQuestions[0].questions\r\n        );\r\n        checkListModel.cLInfoQuestions[0].questions.push(newQuestion);\r\n        checkListModel.cLInfoQuestions[0].count++;\r\n        setTimeout(() => {\r\n          alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n        }, 50);\r\n      } else {\r\n        let index = checkListModel.cLInfoQuestions.findIndex(\r\n          (i) => i.departmentId === clInfoQuestionSelectDepartmentId\r\n        );\r\n        let newQuestion = createSpecificIdQuestion(\r\n          question,\r\n          checkListModel.cLInfoQuestions[index].questions\r\n        );\r\n        checkListModel.cLInfoQuestions[index].questions.push(newQuestion);\r\n        checkListModel.cLInfoQuestions[index].count++;\r\n        setTimeout(() => {\r\n          alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n        }, 50);\r\n      }\r\n    }\r\n  } else {\r\n    //Birden çok soru seçilip eklendiğinde\r\n\r\n    let selectedQuestion = computedQuestionList.value.filter(\r\n      (question) => question.checked === true\r\n    );\r\n\r\n    selectedQuestion.forEach((question) => {\r\n      if (addAddress.value === true) {\r\n        qfunction(question);\r\n      } else if (addAddress.value === false) {\r\n        selectedDepartment.value.forEach((i) =>\r\n          checkListModel.cLquestions.forEach((deparmant) => {\r\n            qselectfunction(question, deparmant, i);\r\n          })\r\n        );\r\n      } else if (addAddress.value === null) {\r\n        if (clInfoQuestionSelectDepartmentId === 0) {\r\n          let newQuestion = createSpecificIdQuestion(\r\n            question,\r\n            checkListModel.cLInfoQuestions[0].questions\r\n          );\r\n          checkListModel.cLInfoQuestions[0].questions.push(newQuestion);\r\n          checkListModel.cLInfoQuestions[0].count++;\r\n          setTimeout(() => {\r\n            alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n          }, 50);\r\n        } else {\r\n          let index = checkListModel.cLInfoQuestions.findIndex(\r\n            (i) => i.departmentId === clInfoQuestionSelectDepartmentId\r\n          );\r\n          let newQuestion = createSpecificIdQuestion(\r\n            question,\r\n            checkListModel.cLInfoQuestions[index].questions\r\n          );\r\n          checkListModel.cLInfoQuestions[index].questions.push(newQuestion);\r\n          checkListModel.cLInfoQuestions[index].count++;\r\n          setTimeout(() => {\r\n            alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n          }, 50);\r\n        }\r\n      }\r\n    });\r\n  }\r\n};\r\n\r\n//Create specific Id for Info Question return QUESTİON\r\nconst createSpecificIdQuestion = (question, array) => {\r\n  let newQuestion = JSON.parse(JSON.stringify(question));\r\n  let specificId = new Date().getTime() + array.length;\r\n  newQuestion.specificId = specificId;\r\n  return newQuestion;\r\n};\r\n\r\nconst qselectfunction = (question, deparmant, i) => {\r\n  if (deparmant.departmentId === i) {\r\n    if (question.InfoOnly === true) {\r\n      let newQuestion = createSpecificIdQuestion(question, deparmant.info);\r\n\r\n      deparmant.info.push(newQuestion);\r\n      deparmant.count++;\r\n      setTimeout(() => {\r\n        alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n      }, 50);\r\n    } else {\r\n      let category = {\r\n        id: 0,\r\n        name: null,\r\n        questions: [],\r\n      };\r\n      if (deparmant.categorys.length > 0) {\r\n        if (deparmant.categorys.some((i) => i.id === question.CategoryId)) {\r\n          deparmant.categorys.forEach((category) => {\r\n            if (category.id === question.CategoryId) {\r\n              if (\r\n                category.questions.some((x) => x.Id === question.Id) !== true\r\n              ) {\r\n                category.questions.push(question);\r\n                deparmant.count++;\r\n                deparmant.score = deparmant.score + question.Score;\r\n                setTimeout(() => {\r\n                  alertMessage(\r\n                    translate(\"checklist_msg_add_question\"),\r\n                    \"success\"\r\n                  );\r\n                }, 50);\r\n              } else {\r\n                setTimeout(() => {\r\n                  alertMessage(\r\n                    question.Name +\r\n                      \" \" +\r\n                      deparmant.departmentName +\r\n                      translate(\"checklist_msg_add_error_question\"),\r\n                    \"warning\"\r\n                  );\r\n                }, 50);\r\n              }\r\n            }\r\n          });\r\n        } else {\r\n          category.id = question.CategoryId;\r\n          category.name = question.CategoryName;\r\n          category.questions.push(question);\r\n          deparmant.categorys.push(category);\r\n          deparmant.count++;\r\n          deparmant.score = deparmant.score + question.Score;\r\n          setTimeout(() => {\r\n            alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n          }, 50);\r\n        }\r\n      } else {\r\n        category.id = question.CategoryId;\r\n        category.name = question.CategoryName;\r\n        category.questions.push(question);\r\n        deparmant.categorys.push(category);\r\n        deparmant.count++;\r\n        deparmant.score = deparmant.score + question.Score;\r\n        setTimeout(() => {\r\n          alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n        }, 50);\r\n      }\r\n      deparmant.categorys = deparmant.categorys.sort(function (a, b) {\r\n        return a.name > b.name ? 1 : b.name > a.name ? -1 : 0;\r\n      });\r\n    }\r\n  }\r\n};\r\n\r\nconst qfunction = (question) => {\r\n  checkListModel.cLquestions.forEach((item) => {\r\n    if (item.departmentId === selectedDepartmantId.value) {\r\n      if (question.InfoOnly === true) {\r\n        let newQuestion = createSpecificIdQuestion(question, item.info);\r\n        item.info.push(newQuestion);\r\n        item.count++;\r\n        setTimeout(() => {\r\n          alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n        }, 50);\r\n      } else {\r\n        let category = {\r\n          id: 0,\r\n          name: null,\r\n          questions: [],\r\n        };\r\n        if (item.categorys.length > 0) {\r\n          if (item.categorys.some((i) => i.id === question.CategoryId)) {\r\n            item.categorys.forEach((category) => {\r\n              if (category.id === question.CategoryId) {\r\n                if (\r\n                  category.questions.some((x) => x.Id === question.Id) !== true\r\n                ) {\r\n                  category.questions.push(question);\r\n                  item.count++;\r\n                  item.score = item.score + question.Score;\r\n                  setTimeout(() => {\r\n                    alertMessage(\r\n                      translate(\"checklist_msg_add_question\"),\r\n                      \"success\"\r\n                    );\r\n                  }, 50);\r\n                } else {\r\n                  setTimeout(() => {\r\n                    alertMessage(\r\n                      question.Name +\r\n                        \" \" +\r\n                        item.departmentName +\r\n                        translate(\"checklist_msg_add_error_question\"),\r\n                      \"warning\"\r\n                    );\r\n                  }, 50);\r\n                }\r\n              }\r\n            });\r\n          } else {\r\n            category.id = question.CategoryId;\r\n            category.name = question.CategoryName;\r\n            category.questions.push(question);\r\n            item.categorys.push(category);\r\n            item.count++;\r\n            item.score = item.score + question.Score;\r\n            setTimeout(() => {\r\n              alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n            }, 50);\r\n          }\r\n        } else {\r\n          category.id = question.CategoryId;\r\n          category.name = question.CategoryName;\r\n          category.questions.push(question);\r\n          item.categorys.push(category);\r\n          item.count++;\r\n          item.score = item.score + question.Score;\r\n          setTimeout(() => {\r\n            alertMessage(translate(\"checklist_msg_add_question\"), \"success\");\r\n          }, 50);\r\n        }\r\n        item.categorys = item.categorys.sort(function (a, b) {\r\n          return a.name > b.name ? 1 : b.name > a.name ? -1 : 0;\r\n        });\r\n      }\r\n    }\r\n  });\r\n};\r\n\r\nconst deleteQuestion = (department, questionId) => {\r\n  department.categorys.forEach((category) => {\r\n    category.questions.forEach((question) => {\r\n      if (question.Id === questionId) {\r\n        category.questions = category.questions.filter(\r\n          (q) => q.Id !== questionId\r\n        );\r\n        department.count--;\r\n        department.score = department.score - question.Score;\r\n        if (category.questions.length === 0) {\r\n          department.categorys = department.categorys.filter(\r\n            (c) => c.id !== category.id\r\n          );\r\n        }\r\n      }\r\n    });\r\n  });\r\n};\r\n\r\nconst deleteInfoQuestion = (department, infoList, question) => {\r\n  infoList.forEach((q) => {\r\n    if (q.specificId === question.specificId) {\r\n      let index = infoList.findIndex(\r\n        (i) => i.specificId === question.specificId\r\n      );\r\n      infoList.splice(index, 1);\r\n      department.count--;\r\n    }\r\n  });\r\n};\r\n\r\nconst deleteCLInfoQuestion = (question, index, deparmantId) => {\r\n  if (deparmantId === 0) {\r\n    checkListModel.cLInfoQuestions[0].questions.splice(index, 1);\r\n    checkListModel.cLInfoQuestions[0].count--;\r\n  } else {\r\n    let department = checkListModel.cLInfoQuestions.find(\r\n      (i) => i.departmentId === deparmantId\r\n    );\r\n    let i = department.questions.findIndex(\r\n      (q) => q.specificId === question.specificId\r\n    );\r\n    department.questions.splice(i, 1);\r\n    department.count--;\r\n  }\r\n};\r\n\r\nwatch(locale, () => {\r\n  setCurrentPageBreadcrumbs(translate(\"checklist_create_breadcrumbs_new\"), [\r\n    translate(\"checklist_create_breadcrumbs_list\"),\r\n  ]);\r\n});\r\n\r\nonMounted(() => {\r\n  setCurrentPageBreadcrumbs(translate(\"checklist_create_breadcrumbs_new\"), [\r\n    translate(\"checklist_create_breadcrumbs_list\"),\r\n  ]);\r\n  document\r\n    .getElementById(\"add-questionlist-modal\")\r\n    .addEventListener(\"hide.bs.modal\", function () {\r\n      setTimeout(() => {\r\n        clInfQue.value = false;\r\n        modalFilterCheckbox.value.checked = false;\r\n        filterObject.page = 1;\r\n        filterObject.pageSize = 10;\r\n        filterObject.questionText = null;\r\n        filterObject.code = null;\r\n        filterObject.categoryIds = [];\r\n        filterObject.infoStatus = 2;\r\n        questionList.value = [];\r\n      }, 400);\r\n    });\r\n});\r\n\r\nconst firstData = JSON.stringify(checkListModel);\r\nlet savedTrue = false;\r\nonBeforeRouteLeave((to, from, next) => {\r\n  if (!savedTrue) {\r\n    let status = true;\r\n    if (firstData !== JSON.stringify(checkListModel)) {\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\ninput[type=\"number\"]::-webkit-inner-spin-button,\r\ninput[type=\"number\"]::-webkit-outer-spin-button {\r\n  visibility: hidden;\r\n}\r\n.accordion-button:not(.collapsed) {\r\n  color: black;\r\n  background: #fff;\r\n  box-shadow: none;\r\n}\r\n\r\n.accordion-item {\r\n  border-color: #e4e6ef;\r\n}\r\n</style>\r\n<style>\r\n#modal-multi-select\r\n  .p-multiselect\r\n  .p-multiselect-label-container\r\n  .p-placeholder {\r\n  padding: 10px;\r\n  font-size: 13px !important;\r\n  font-family: \"Roboto\", sans-serif;\r\n  font-weight: 600;\r\n}\r\n</style>\r\n","import script from \"./ChecklistCreatePage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ChecklistCreatePage.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ChecklistCreatePage.vue?vue&type=style&index=0&id=c38eda62&scoped=true&lang=css\"\nimport \"./ChecklistCreatePage.vue?vue&type=style&index=1&id=c38eda62&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-c38eda62\"]])\n\nexport default __exports__","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ChecklistCreatePage.vue?vue&type=style&index=1&id=c38eda62&lang=css\"","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!./ChecklistCreatePage.vue?vue&type=style&index=0&id=c38eda62&scoped=true&lang=css\""],"sourceRoot":""}