{"version":3,"sources":["webpack:///./src/components/Admin/Company/Modal/AddChecklistTemplate.vue?91fd","webpack:///./src/components/Admin/Company/Modal/AddChecklistTemplate.vue","webpack:///./src/components/Admin/Company/Modal/AddChecklistTemplate.vue?99ab","webpack:///./src/components/Admin/Company/CompanyAdmin-ChecklistTemplate.vue","webpack:///./src/components/Admin/Company/CompanyAdmin-ChecklistTemplate.vue?e117","webpack:///./src/components/Admin/Company/CompanyAdmin-ChecklistTemplate.vue?ab1c"],"names":["t","te","translate","text","store","companyId","props","listActive","filterObject","page","pageSize","getChecklist","selectedItemValue","checkLists","value","filter","item","checked","length","loading","totalRecordCount","btnAddAll","checkAllItem","checkBox","notData","parseInt","sortColumn","sortDirection","checklistName","Search","inputNull","closeList","emit","selectAll","e","forEach","dispatch","then","response","TotalItemsCount","ListItems","element","newCheckModel","ChecklistName","id","Id","sectionCount","TotalSectionCount","questionCount","TotalQuestionCount","push","finally","scrollPage","target","offsetHeight","Math","ceil","scrollTop","scrollHeight","payload","checklistIds","addAll","addAllChecklist","addSelectChecklist","i","addChecklist","splice","findIndex","x","__exports__","block","checkAll","checklists","getters","records","company","getChecklists","onPage","step","removeModel","removeChecklist","undefined","event"],"mappings":"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","file":"js/chunk-d40130de.6e96643f.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./AddChecklistTemplate.vue?vue&type=style&index=0&id=11f6aa54&scoped=true&lang=css\"","<template>\r\n  <transition\r\n    name=\"component-fade\"\r\n    mode=\"out-in\"\r\n  >\r\n    <div\r\n      v-show=\"listActive\"\r\n      class=\"list-container\"\r\n      @click=\"closeList\"\r\n    ></div>\r\n  </transition>\r\n  <transition\r\n    name=\"list-fade\"\r\n    mode=\"in-out\"\r\n  >\r\n    <div\r\n      v-show=\"listActive\"\r\n      class=\"card bg-white shadow-sm pt-5 c-xf\"\r\n    >\r\n      <div\r\n        class=\"d-flex justify-content-between align-items-center border-bottom pb-3\"\r\n        style=\"padding-right: 1.5rem\"\r\n      >\r\n        <div>\r\n          <h5 class=\"d-flex align-items-start flex-column m-0 p-6\">\r\n            {{ props.company.Name }}\r\n            <span class=\"text-muted mt-1 fw-bold fs-8\">{{\r\n              translate(\"company_detail_location_list_title\")\r\n            }}</span>\r\n          </h5>\r\n        </div>\r\n        <div\r\n          class=\"btn btn-icon btn-sm btn-active-light-primary ms-2 text-dark\"\r\n          @click=\"closeList\"\r\n          aria-label=\"Close\"\r\n        >\r\n          <i class=\"bi bi-x-lg\"></i>\r\n        </div>\r\n      </div>\r\n\r\n      <div\r\n        class=\"d-flex align-items-center justify-content-between pt-4 pe-4 pb-4 border-bottom position-relative\"\r\n        style=\"padding-left: 2.4rem !important; background: #fbfbfb\"\r\n      >\r\n        <div class=\"form-check form-check-custom form-check-solid\">\r\n          <input\r\n            ref=\"checkBox\"\r\n            class=\"form-check-input\"\r\n            type=\"checkbox\"\r\n            v-model=\"checkAllItem\"\r\n            @change=\"selectAll()\"\r\n          />\r\n        </div>\r\n        <div\r\n          class=\"d-flex align-items-center justify-content-end position-relative\"\r\n        >\r\n          <div class=\"d-flex align-items-center position-relative my-1\">\r\n            <span class=\"svg-icon svg-icon-1 position-absolute ms-6\">\r\n              <i class=\"bi bi-search fs-3 text-gray-600\"></i>\r\n            </span>\r\n            <input\r\n              type=\"text\"\r\n              class=\"form-control form-control-white ps-15 form-control-sm border\"\r\n              style=\"width: 250px\"\r\n              :placeholder=\"translate('question_comp_save_template_search')\"\r\n              v-model=\"filterObject.checklistName\"\r\n              @keydown.enter=\"Search\"\r\n              @keyup.delete=\"inputNull\"\r\n            />\r\n          </div>\r\n\r\n          <button\r\n            v-if=\"btnAddAll\"\r\n            type=\"button\"\r\n            class=\"btn btn-primary position-relative btn-sm ms-2\"\r\n            @click=\"addAllChecklist\"\r\n          >\r\n            {{ translate(\"Add_All\") }}\r\n            <span\r\n              class=\"position-absolute top-0 start-100 translate-middle badge badge-circle badge-danger\"\r\n              >{{ totalRecordCount }}</span\r\n            >\r\n          </button>\r\n          <button\r\n            v-else-if=\"selectedItemValue > 0\"\r\n            type=\"button\"\r\n            class=\"btn btn-primary position-relative btn-sm ms-2\"\r\n            @click=\"addSelectChecklist\"\r\n          >\r\n            {{ translate(\"Add\") }}\r\n            <span\r\n              class=\"position-absolute top-0 start-100 translate-middle badge badge-circle badge-danger\"\r\n              >{{ selectedItemValue }}</span\r\n            >\r\n          </button>\r\n        </div>\r\n        <a\r\n          v-show=\"!notData\"\r\n          class=\"text-muted mt-1 fs-8 position-absolute top-5\"\r\n          style=\"top: 71px; right: 15px\"\r\n          >{{ totalRecordCount }} {{ translate(\"Records_Found\") }}</a\r\n        >\r\n      </div>\r\n\r\n      <ul\r\n        id=\"all-location\"\r\n        class=\"locations-list mt-2 pt-7 ps-3\"\r\n        @scroll=\"scrollPage($event)\"\r\n      >\r\n        <div\r\n          v-if=\"notData\"\r\n          class=\"d-flex justify-content-center align-items-center mt-10 mb-1 me-2 border rounded p-6 bg-light-info text-info\"\r\n        >\r\n          {{ translate(\"No_Records\") }}\r\n        </div>\r\n        <div\r\n          v-for=\"(item, index) in checkLists\"\r\n          :key=\"index\"\r\n          class=\"d-flex align-items-center mb-1 me-2 border rounded\"\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              :disabled=\"checkAllItem === true && btnAddAll === true\"\r\n              class=\"form-check-input\"\r\n              type=\"checkbox\"\r\n              v-model=\"item.checked\"\r\n              :id=\"`checklist-${index}`\"\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 w-100\">\r\n              <label\r\n                class=\"form-check-label col-form-label fw-bold p-0\"\r\n                :for=\"`checklist-${index}`\"\r\n              >\r\n                {{ item.checklistName }}\r\n              </label>\r\n              <label\r\n                class=\"form-check-label col-form-label fw-bold p-0\"\r\n                :for=\"`checklist-${index}`\"\r\n              >\r\n                {{ item.sectionCount }}\r\n                {{ translate(\"audit_departments_name\") }} /\r\n                {{ item.questionCount }}\r\n                {{ translate(\"question_component_name\") }}\r\n              </label>\r\n            </div>\r\n          </div>\r\n          <!--end::Description-->\r\n          <div\r\n            class=\"btn btn-icon btn-sm btn-active-light-primary me-2\"\r\n            @click=\"addChecklist(item.id)\"\r\n          >\r\n            <i class=\"bi bi-plus-lg\"></i>\r\n          </div>\r\n        </div>\r\n        <div\r\n          v-if=\"loading\"\r\n          class=\"d-flex justify-content-center align-items-center mb-1 me-2 pt-2\"\r\n        >\r\n          <span\r\n            class=\"spinner-border spinner-border-sm align-middle text-primary\"\r\n          ></span>\r\n        </div>\r\n      </ul>\r\n    </div>\r\n  </transition>\r\n</template>\r\n\r\n<script setup>\r\nimport { useStore } from \"vuex\";\r\nimport ProjectModule from \"@/store/modules/Customer/ProjectModule\";\r\nimport {\r\n  reactive,\r\n  ref,\r\n  defineProps,\r\n  defineEmits,\r\n  computed,\r\n  inject,\r\n  watch,\r\n} from \"vue\";\r\n\r\nimport { useI18n } from \"vue-i18n\";\r\n\r\n// Multi Language\r\nconst { t, te } = useI18n();\r\nconst translate = (text) => {\r\n  if (te(text)) {\r\n    return t(text);\r\n  } else {\r\n    return text;\r\n  }\r\n};\r\n\r\nconst store = useStore();\r\n//en üst componentten inject\r\nconst companyId = inject(\"companyId\");\r\n// props-emits\r\nconst props = defineProps({ listActive: Boolean, company: Object });\r\nconst emit = defineEmits([\"closeList\"]);\r\n\r\n//yan panelin açılış durumuna göre watch\r\nwatch(props, () => {\r\n  if (props.listActive) {\r\n    filterObject.page = 1;\r\n    filterObject.pageSize = 20;\r\n    getChecklist();\r\n  }\r\n});\r\n\r\n//yan paneldeki seçili olan itemların sayısı\r\nconst selectedItemValue = computed(\r\n  () => checkLists.value.filter((item) => item.checked === true).length\r\n);\r\n\r\nconst loading = ref(false);\r\nconst checkLists = ref([]);\r\nconst totalRecordCount = ref(0);\r\nconst btnAddAll = ref(false);\r\nconst checkAllItem = ref(false);\r\nconst checkBox = ref();\r\nconst notData = ref(false);\r\n\r\n// Filter\r\nconst filterObject = reactive({\r\n  page: 1,\r\n  pageSize: 20,\r\n  companyId: parseInt(companyId),\r\n  sortColumn: null,\r\n  sortDirection: null,\r\n  checklistName: null,\r\n});\r\nconst Search = () => {\r\n  checkLists.value = [];\r\n  getChecklist();\r\n};\r\nconst inputNull = () => {\r\n  if (\r\n    filterObject.checklistName === \"\" ||\r\n    filterObject.checklistName === null\r\n  ) {\r\n    filterObject.checklistName = null;\r\n    getChecklist();\r\n  }\r\n};\r\n\r\n// Filter End\r\n\r\nconst closeList = () => {\r\n  checkAllItem.value = false;\r\n  emit(\"closeList\");\r\n};\r\n\r\nconst selectAll = (e) => {\r\n  if (checkAllItem.value && checkLists.value.length > 0) {\r\n    checkLists.value.forEach((item) => (item.checked = true));\r\n    if (filterObject.checklistName !== null) {\r\n      btnAddAll.value = false;\r\n    } else {\r\n      btnAddAll.value = true;\r\n    }\r\n  } else if (!checkAllItem.value && checkLists.value.length > 0) {\r\n    checkLists.value.forEach((item) => (item.checked = false));\r\n    btnAddAll.value = false;\r\n  }\r\n};\r\n\r\nfunction getChecklist() {\r\n  loading.value = true;\r\n  notData.value = false;\r\n  store\r\n    .dispatch(\"AdminTemplateCheckListModule/CHECKLIST_NO_MAPPED\", filterObject)\r\n    .then((response) => {\r\n      checkLists.value = [];\r\n      totalRecordCount.value = response.TotalItemsCount;\r\n      response.ListItems.forEach((element) => {\r\n        let newCheckModel = {\r\n          checklistName: element.ChecklistName,\r\n          id: element.Id,\r\n          checked: checkAllItem.value === true ? true : false,\r\n          sectionCount: element.TotalSectionCount,\r\n          questionCount: element.TotalQuestionCount,\r\n        };\r\n\r\n        checkLists.value.push(newCheckModel);\r\n      });\r\n\r\n      // if (response.Success && response.Data.ListItems.length > 0) {\r\n      //   totalRecordCount.value = response.Data.TotalItemsCount;\r\n      //   response.Data.ListItems.forEach((element) => {\r\n      //     if (!checkLists.value.some((item) => item.id === element.Id)) {\r\n      //       var checlistItem = new Object();\r\n      //       checlistItem.= element.Name;\r\n      //       checlistItem.checked = checkAllItem.value === true ? true : false;\r\n      //       checlistItem.id = element.Id;\r\n      //       checkLists.value.push(checlistItem);\r\n      //     }\r\n      //   });\r\n      // } else {\r\n      //   lastData = true;\r\n      //   if (checkLists.value.length === 0) notData.value = true;\r\n      // }\r\n    })\r\n    .finally(() => {\r\n      loading.value = false;\r\n    });\r\n}\r\n\r\nfunction scrollPage(e) {\r\n  let value = e.target.offsetHeight + Math.ceil(e.target.scrollTop);\r\n  if (value >= e.target.scrollHeight) {\r\n    filterObject.page = filterObject.page + 1;\r\n    getChecklist(filterObject);\r\n  }\r\n}\r\n\r\nconst payload = reactive({\r\n  companyId: parseInt(companyId),\r\n  checklistIds: [],\r\n  addAll: false,\r\n});\r\n\r\nfunction addAllChecklist() {\r\n  payload.addAll = true;\r\n  store\r\n    .dispatch(\r\n      \"AdminTemplateCheckListModule/ADD_CHECK_TEMPLATES_COMPANY\",\r\n      payload\r\n    )\r\n    .then((response) => {\r\n      checkLists.value = [];\r\n      payload.addAll = false;\r\n      getChecklist(filterObject);\r\n      checkBox.value.checked = false;\r\n      btnAddAll.value = false;\r\n    });\r\n}\r\nfunction addSelectChecklist() {\r\n  checkLists.value\r\n    .filter((item) => item.checked === true)\r\n    .forEach((i) => payload.checklistIds.push(i.id));\r\n  store\r\n    .dispatch(\r\n      \"AdminTemplateCheckListModule/ADD_CHECK_TEMPLATES_COMPANY\",\r\n      payload\r\n    )\r\n    .finally(() => {\r\n      checkLists.value = checkLists.value.filter((i) => i.checked === false);\r\n      filterObject.pageSize = 25 + payload.checklistIds.length;\r\n      filterObject.checklistName = null;\r\n      checkAllItem.value = false;\r\n\r\n      payload.checklistIds = [];\r\n      getChecklist(filterObject);\r\n    });\r\n}\r\nfunction addChecklist(Id) {\r\n  payload.checklistIds = [];\r\n  payload.checklistIds.push(Id);\r\n  store\r\n    .dispatch(\r\n      \"AdminTemplateCheckListModule/ADD_CHECK_TEMPLATES_COMPANY\",\r\n      payload\r\n    )\r\n    .then((response) => {\r\n      checkLists.value = checkLists.value.filter((i) => i.checked === false);\r\n      checkLists.value.splice(\r\n        checkLists.value.findIndex((x) => x.id === Id),\r\n        1\r\n      );\r\n      filterObject.pageSize = 21;\r\n      getChecklist(filterObject);\r\n    });\r\n}\r\n\r\ngetChecklist(filterObject);\r\n</script>\r\n\r\n<style scoped>\r\n.list-fade-enter-active,\r\n.list-fade-leave-active {\r\n  transition: all 0.5s ease;\r\n}\r\n.list-fade-enter-from,\r\n.list-fade-leave-to {\r\n  transform: translateX(500px);\r\n}\r\n\r\n.component-fade-enter-active,\r\n.component-fade-leave-active {\r\n  transition: opacity 0.5s ease;\r\n}\r\n\r\n.component-fade-enter-from,\r\n.component-fade-leave-to {\r\n  opacity: 0;\r\n}\r\n.list-container {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  background: rgba(0, 0, 0, 0.219);\r\n  z-index: 1200;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n}\r\n.c-xf {\r\n  position: fixed;\r\n  width: 500px;\r\n  height: 100vh;\r\n  top: 0px;\r\n  right: 0;\r\n  z-index: 1201;\r\n  border-radius: 5px 0 0 5px;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n}\r\n@media only screen and (max-width: 600px) {\r\n  .c-xf {\r\n    width: 100%;\r\n    border-radius: 0;\r\n  }\r\n}\r\n.checklist-list {\r\n  padding: 0%;\r\n  background: white;\r\n  width: 100%;\r\n  max-height: 100vh;\r\n  overflow: scroll;\r\n  overflow-x: hidden;\r\n}\r\n</style>\r\n","import script from \"./AddChecklistTemplate.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddChecklistTemplate.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddChecklistTemplate.vue?vue&type=style&index=0&id=11f6aa54&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Projects\\\\git\\\\Fornax-Software\\\\audittick.frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-11f6aa54\"]])\n\nexport default __exports__","<template>\r\n  <div>\r\n    <div class=\"card mb-5 mb-xl-10\">\r\n      <BlockUI :loading=\"block\" />\r\n      <!--begin::Card header-->\r\n      <div class=\"border-bottom\">\r\n        <!--begin::Card title-->\r\n\r\n        <div class=\"row ps-8 pe-8 pt-5 pb-5 align-items-center\">\r\n          <!--begin::Label-->\r\n          <div class=\"col-lg-4\">\r\n            <h3 class=\"d-flex flex-column m-0\">\r\n              {{ translate(\"ChecklistTemplate\") }}\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            <!--end::Label-->\r\n          </div>\r\n          <!--begin::Col-->\r\n          <div class=\"col-lg-8\">\r\n            <!--begin::Row-->\r\n            <div class=\"row\">\r\n              <!--begin::Col-->\r\n              <div class=\"col-lg-3 fv-row\"></div>\r\n              <div class=\"col-lg-6 fv-row d-flex\">\r\n                <div\r\n                  class=\"d-flex align-items-center position-relative my-1 w-100\"\r\n                >\r\n                  <span class=\"svg-icon svg-icon-1 position-absolute ms-6\">\r\n                    <i class=\"bi bi-search fs-3 text-gray-600\"></i>\r\n                  </span>\r\n                  <input\r\n                    type=\"text\"\r\n                    class=\"form-control form-control-white ps-15 form-control-sm border\"\r\n                    :placeholder=\"\r\n                      translate('question_comp_save_template_search')\r\n                    \"\r\n                    v-model=\"filterObject.checklistName\"\r\n                    @keydown.enter=\"Search\"\r\n                    @keyup.delete=\"inputNull\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <!--end::Col-->\r\n\r\n              <!--begin::Col-->\r\n              <div class=\"col-lg-3 fv-row d-flex\">\r\n                <div\r\n                  class=\"row align-items-center justify-content-end w-100 mx-0 m-2\"\r\n                >\r\n                  <button\r\n                    class=\"btn btn-sm btn-primary border ps-2 pe-2\"\r\n                    @click=\"listActive = !listActive\"\r\n                  >\r\n                    <span>{{\r\n                      translate(\"question_comp_save_template_modal_title\")\r\n                    }}</span>\r\n                  </button>\r\n                </div>\r\n              </div>\r\n              <!--end::Col-->\r\n            </div>\r\n            <!--end::Row-->\r\n          </div>\r\n          <!--end::Col-->\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"d-flex justify-content-between p-8 pt-6 pb-6 border-bottom\"\r\n        style=\"background: #fbfbfb\"\r\n      >\r\n        <div\r\n          v-show=\"checklists.length > 0\"\r\n          class=\"form-check form-check-custom form-check-solid\"\r\n          style=\"margin-left: 2.3rem !important\"\r\n        >\r\n          <input\r\n            ref=\"checkAll\"\r\n            class=\"form-check-input\"\r\n            type=\"checkbox\"\r\n            @change=\"selectAll($event)\"\r\n            id=\"check-all\"\r\n          />\r\n          <label\r\n            class=\"form-check-label text-primary fw-bolder fs-7\"\r\n            style=\"margin-left: 1.3rem !important\"\r\n            for=\"check-all\"\r\n          >\r\n            {{ translate(\"Select_All\") }}\r\n          </label>\r\n        </div>\r\n\r\n        <button\r\n          v-show=\"checklists.filter((i) => i.checked === true).length > 0\"\r\n          @click=\"removeChecklist()\"\r\n          type=\"button\"\r\n          class=\"btn bg-white bg-hover-secondary btn-sm border position-relative ms-2 text-gray-700\"\r\n        >\r\n          {{ translate(\"question_comp_remove_template\")\r\n          }}<span\r\n            class=\"position-absolute top-0 start-100 translate-middle badge badge-circle badge-danger\"\r\n            >{{ checklists.filter((i) => i.checked === true).length }}</span\r\n          >\r\n        </button>\r\n      </div>\r\n      <div class=\"card-body pt-6 pb-0\">\r\n        <!--begin::Item-->\r\n        <div\r\n          v-for=\"(item, index) in checklists\"\r\n          :key=\"index\"\r\n          class=\"d-flex align-items-center mb-1 border rounded p-2\"\r\n        >\r\n          <!--begin::Bullet-->\r\n          <span\r\n            class=\"bullet bullet-vertical h-40px\"\r\n            :class=\"`bg-primary`\"\r\n          ></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              :id=\"`check-${item.Id}`\"\r\n              class=\"form-check-input\"\r\n              type=\"checkbox\"\r\n              v-model=\"item.checked\"\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 w-100\">\r\n              <label\r\n                class=\"form-check-label col-form-label fw-bold p-0\"\r\n                :for=\"`check-${item.Id}`\"\r\n                >{{ item.ChecklistName }}\r\n              </label>\r\n\r\n              <label\r\n                class=\"form-check-label col-form-label fw-bold p-0\"\r\n                :for=\"`check-${item.Id}`\"\r\n                >{{ item.TotalSectionCount }}\r\n                {{ translate(\"audit_departments_name\") }} /\r\n                {{ item.TotalQuestionCount }}\r\n                {{ translate(\"question_component_name\") }}\r\n              </label>\r\n            </div>\r\n          </div>\r\n          <!--end::Description-->\r\n\r\n          <span\r\n            class=\"badge fs-7 fw-bolder badge-light\"\r\n            style=\"cursor: pointer\"\r\n            @click=\"removeChecklist(item.Id)\"\r\n            >{{ translate(\"Remove\") }}</span\r\n          >\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row ps-8 pe-8 pt-5 pb-5 align-items-center\">\r\n        <div class=\"col-lg-12\">\r\n          <Pagination\r\n            @onPage=\"onPage\"\r\n            :TotalData=\"records\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <AddChecklistTemplate\r\n        :listActive=\"listActive\"\r\n        @closeList=\"closeList\"\r\n        :company=\"company\"\r\n      />\r\n    </div>\r\n\r\n    <!-- :project=\"project\" -->\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport AddChecklistTemplate from \"@/components/Admin/Company/Modal/AddChecklistTemplate.vue\";\r\nimport { ref, reactive, computed, inject } from \"vue\";\r\nimport ProjectModule from \"@/store/modules/Customer/ProjectModule\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useStore } from \"vuex\";\r\n\r\n// Multi Language\r\nconst { t, te } = useI18n();\r\nconst translate = (text) => {\r\n  if (te(text)) {\r\n    return t(text);\r\n  } else {\r\n    return text;\r\n  }\r\n};\r\n\r\nconst store = useStore();\r\n\r\nconst block = ref(true);\r\nconst checkAll = ref();\r\nconst checklists = computed(\r\n  () => store.getters[\"AdminTemplateCheckListModule/_getCompanyCheckTemp\"]\r\n);\r\nconst records = computed(\r\n  () => store.getters[\"AdminTemplateCheckListModule/_getCompanyTempTotal\"]\r\n);\r\nconst listActive = ref(false);\r\nconst companyId = inject(\"companyId\");\r\nconst company = inject(\"company\");\r\n\r\nconst closeList = () => {\r\n  listActive.value = false;\r\n};\r\n\r\n// Filter\r\nconst filterObject = reactive({\r\n  page: 1,\r\n  pageSize: 20,\r\n  companyId: 0,\r\n  checklistName: null,\r\n  sortColumn: null,\r\n  sortDirection: null,\r\n});\r\nconst Search = () => {\r\n  checklists.value = [];\r\n  getChecklists();\r\n};\r\nconst inputNull = () => {\r\n  if (\r\n    filterObject.checklistName === \"\" ||\r\n    filterObject.checklistName === null\r\n  ) {\r\n    filterObject.checklistName = null;\r\n    getChecklists();\r\n  }\r\n};\r\n\r\n// Filter End\r\n\r\nconst onPage = (e) => {\r\n  filterObject.page = e.step.value;\r\n  filterObject.pageSize = e.pageSize.value;\r\n\r\n  getChecklists();\r\n};\r\n// Filter End\r\n\r\nconst getChecklists = () => {\r\n  filterObject.companyId = companyId;\r\n  store\r\n    .dispatch(\r\n      \"AdminTemplateCheckListModule/GET_COMPANY_TEMP_CHECKLIST\",\r\n      filterObject\r\n    )\r\n    .finally(() => (block.value = false));\r\n};\r\n\r\nconst removeModel = reactive({\r\n  companyId: companyId,\r\n  checklistIds: [],\r\n  addAll: false,\r\n});\r\nconst removeChecklist = (Id) => {\r\n  if (Id !== undefined) {\r\n    removeModel.checklistIds.push(Id);\r\n  } else {\r\n    let value = checklists.value.filter((i) => i.checked === true);\r\n    value.forEach((x) => removeModel.checklistIds.push(x.Id));\r\n  }\r\n  store\r\n    .dispatch(\r\n      \"AdminTemplateCheckListModule/DELETE_CHECKLIST_TEMPLATE\",\r\n      removeModel\r\n    )\r\n    .then((response) => {\r\n      if (response) {\r\n        getChecklists();\r\n        removeModel.checklistIds = [];\r\n        checkAll.value.checked = false;\r\n      }\r\n    });\r\n};\r\n\r\nconst selectAll = (event) => {\r\n  checklists.value.forEach((item) => (item.checked = event.target.checked));\r\n};\r\ngetChecklists();\r\n</script>\r\n\r\n<style scoped>\r\n.border-radius-left {\r\n  border-radius: 5px 0 0 5px !important;\r\n}\r\n.border-radius-right {\r\n  border-radius: 0 5px 5px 0 !important;\r\n}\r\n.select-menu-list {\r\n  right: 0;\r\n  top: 38px;\r\n  width: 200px;\r\n  background-color: #fff;\r\n  padding: 4px 2px 2px 2px;\r\n  z-index: 5;\r\n}\r\n.select-menu-list li {\r\n  list-style-type: none;\r\n  margin-bottom: 2px;\r\n  padding: 4px 2px 4px 5px;\r\n  color: #3f4254;\r\n}\r\n.select-menu-list li:hover {\r\n  background-color: #04c8c8;\r\n  font-weight: 500;\r\n  color: #fff;\r\n}\r\n.select-item {\r\n  background-color: #04c8c8a9;\r\n  color: #fff !important;\r\n  font-weight: 500;\r\n}\r\n.made-enter-active,\r\n.made-leave-active {\r\n  transition: opacity 0.2s ease;\r\n}\r\n\r\n.made-enter-from,\r\n.made-leave-to {\r\n  opacity: 0;\r\n}\r\n</style>\r\n","import script from \"./CompanyAdmin-ChecklistTemplate.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CompanyAdmin-ChecklistTemplate.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CompanyAdmin-ChecklistTemplate.vue?vue&type=style&index=0&id=637eebc4&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Projects\\\\git\\\\Fornax-Software\\\\audittick.frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-637eebc4\"]])\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!./CompanyAdmin-ChecklistTemplate.vue?vue&type=style&index=0&id=637eebc4&scoped=true&lang=css\""],"sourceRoot":""}