{"version":3,"sources":["webpack:///./src/components/Admin/Customer-Modal/ProjectDetail/P-LocationList.vue?1c17","webpack:///./src/components/Admin/Customer-Modal/ProjectDetail/P-LocationsComp.vue?eaa2","webpack:///./src/components/Admin/Customer-Modal/ProjectDetail/P-LocationList.vue","webpack:///./src/components/Admin/Customer-Modal/ProjectDetail/P-LocationList.vue?8c49","webpack:///./src/components/Admin/Customer-Modal/ProjectDetail/P-LocationsComp.vue","webpack:///./src/components/Admin/Customer-Modal/ProjectDetail/P-LocationsComp.vue?abcf","webpack:///./src/core/helpers/dom.ts"],"names":["t","te","translate","text","store","project","projectId","props","listActive","lastData","filterObject","page","pageSize","getLocation","selectedItemValue","locationList","value","filter","item","checked","length","loading","totalRecordCount","btnAddAll","checkAllItem","checkBox","notData","loadingButton","parseInt","locationName","locationCode","countryName","cityName","filterList","Search","deger","Object","keys","forEach","i","closeList","emit","selectAll","e","ProjectModule","actions","GET_PROJECT_NOT_LOCATİON","then","response","Success","Data","ListItems","TotalItemsCount","element","some","id","Id","locationItem","name","code","Name","Code","CountryName","CityName","push","finally","scrollPage","target","offsetHeight","Math","ceil","scrollTop","scrollHeight","payload","locationIds","addAll","addAllLocation","dispatch","addSelectLocation","document","querySelector","addLocaiton","splice","findIndex","x","__exports__","block","checkAll","getters","records","onPage","step","locationId","closeModal","deleteModel","deleteAll","deleteProjectLocation","undefined","PROJECT_DELETE_LOCATİON","event","editLocation","hideModal","modalEl","myModal","getInstance","hide","removeModalBackdrop","querySelectorAll","remove"],"mappings":"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","file":"js/chunk-d0e2169e.b0c5803d.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!./P-LocationList.vue?vue&type=style&index=0&id=616fddb9&scoped=true&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!./P-LocationsComp.vue?vue&type=style&index=0&id=3f731aa1&scoped=true&lang=css\"","<template>\r\n  <transition name=\"component-fade\" mode=\"out-in\">\r\n    <div v-show=\"listActive\" class=\"list-container\" @click=\"closeList\"></div>\r\n  </transition>\r\n  <transition name=\"list-fade\" mode=\"in-out\">\r\n    <div v-show=\"listActive\" class=\"card bg-white shadow-sm pt-5 c-xf\">\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            {{ project.name }}\r\n            <span class=\"text-muted mt-1 fw-bold fs-8\">{{\r\n              translate(\"project_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 class=\"d-flex align-items-center justify-content-end\">\r\n          <FilterInput\r\n            :PlaceHolder=\"\r\n              translate('project_detail_location_input_seacrh_placeholder')\r\n            \"\r\n            :searchId=\"1\"\r\n            :filterList=\"filterList\"\r\n            :Style=\"'min-width:280px'\"\r\n            @onFilterSearch=\"Search\"\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=\"addAllLocation\"\r\n          >\r\n            {{ translate(\"Add_All\") }}\r\n\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=\"addSelectLocation\"\r\n            :disabled=\"loading\"\r\n          >\r\n            <div\r\n              v-if=\"loadingButton\"\r\n              class=\"spinner-border spinner-border-sm mx-1\"\r\n            ></div>\r\n            <span class=\"indicator-label\">\r\n              {{ translate(\"Add\") }}\r\n            </span>\r\n            <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: 66px; 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 locationList\"\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=\"`location-${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 mt-2\"\r\n                :for=\"`location-${index}`\"\r\n                style=\"margin-bottom: 15px\"\r\n                :style=\"\r\n                  item.countryName === null && item.cityName === null\r\n                    ? 'margin-bottom: 0px; margin-top: 0px !important '\r\n                    : ''\r\n                \"\r\n              >\r\n                <a v-if=\"item.code !== null\">{{ item.code }} - </a>\r\n                {{ item.name }}\r\n              </label>\r\n              <label\r\n                class=\"form-check-label col-form-label fw-bold fs-7 p-0 text-gray-500\"\r\n                :for=\"`location-${index}`\"\r\n                style=\"position: absolute; margin-top: 20px\"\r\n              >\r\n                <a v-if=\"item.countryName !== null\">{{ item.countryName }} / </a\r\n                ><a>{{ item.cityName }}</a>\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=\"addLocaiton(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 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\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\nconst project = inject(\"project\");\r\nconst projectId = inject(\"projectId\");\r\nconst props = defineProps({ listActive: Boolean }, { project: Object });\r\nconst emit = defineEmits([\"closeList\"]);\r\n\r\nwatch(props, () => {\r\n  if (props.listActive) {\r\n    lastData = false;\r\n    filterObject.page = 1;\r\n    filterObject.pageSize = 20;\r\n    getLocation();\r\n  }\r\n});\r\n\r\nconst selectedItemValue = computed(\r\n  () => locationList.value.filter((item) => item.checked === true).length\r\n);\r\nconst loading = ref(false);\r\nconst locationList = ref([]);\r\nlet lastData = false;\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\nconst loadingButton = ref(false);\r\n\r\n// Filter\r\nconst filterObject = reactive({\r\n  page: 1,\r\n  pageSize: 20,\r\n  projectId: parseInt(projectId),\r\n  locationName: null,\r\n  locationCode: null,\r\n  countryName: null,\r\n  cityName: null,\r\n});\r\n\r\nconst filterList = ref([\r\n  \"locationName\",\r\n  \"locationCode\",\r\n  \"countryName\",\r\n  \"cityName\",\r\n]);\r\n\r\nconst Search = (filter) => {\r\n  let deger = null;\r\n  if (filter !== null) {\r\n    deger = Object.keys(filter)[0];\r\n  }\r\n  Object.keys(filterObject).forEach((i) => {\r\n    if (i === deger) {\r\n      filterObject[i] = filter[deger];\r\n    } else {\r\n      if (i !== \"page\" && i !== \"pageSize\" && i !== \"projectId\")\r\n        filterObject[i] = null;\r\n    }\r\n  });\r\n\r\n  lastData = false;\r\n  filterObject.page = 1;\r\n  locationList.value = [];\r\n  getLocation();\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 && locationList.value.length > 0) {\r\n    locationList.value.forEach((item) => (item.checked = true));\r\n    if (\r\n      filterObject.locationName !== null ||\r\n      filterObject.locationCode !== null ||\r\n      filterObject.countryName !== null ||\r\n      filterObject.cityName !== null\r\n    ) {\r\n      btnAddAll.value = false;\r\n    } else {\r\n      btnAddAll.value = true;\r\n    }\r\n  } else if (!checkAllItem.value && locationList.value.length > 0) {\r\n    locationList.value.forEach((item) => (item.checked = false));\r\n    btnAddAll.value = false;\r\n  }\r\n};\r\n\r\nfunction getLocation() {\r\n  if (!lastData) {\r\n    loading.value = true;\r\n    notData.value = false;\r\n    ProjectModule.actions\r\n      .GET_PROJECT_NOT_LOCATİON(null, filterObject)\r\n      .then((response) => {\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 (!locationList.value.some((item) => item.id === element.Id)) {\r\n              var locationItem = {\r\n                name: null,\r\n                id: null,\r\n                checked: null,\r\n                cityName: null,\r\n                countryName: null,\r\n                code: null,\r\n              };\r\n              locationItem.name = element.Name;\r\n              locationItem.code = element.Code;\r\n              locationItem.countryName = element.CountryName;\r\n              locationItem.cityName = element.CityName;\r\n              locationItem.checked = checkAllItem.value === true ? true : false;\r\n              locationItem.id = element.Id;\r\n\r\n              locationList.value.push(locationItem);\r\n            }\r\n          });\r\n        } else {\r\n          lastData = true;\r\n          if (locationList.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\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    getLocation(filterObject);\r\n  }\r\n}\r\n\r\nconst payload = reactive({\r\n  projectId: projectId,\r\n  locationIds: [],\r\n  addAll: false,\r\n});\r\n\r\nfunction addAllLocation() {\r\n  payload.addAll = true;\r\n  store\r\n    .dispatch(\"ProjectModule/PROJECT_ADD_LOCATİON\", payload)\r\n    .then((response) => {\r\n      if (response) {\r\n        locationList.value = [];\r\n        payload.addAll = false;\r\n        getLocation(filterObject);\r\n        checkBox.value.checked = false;\r\n        btnAddAll.value = false;\r\n      }\r\n    });\r\n}\r\nfunction addSelectLocation() {\r\n  loadingButton.value = true;\r\n  locationList.value\r\n    .filter((item) => item.checked === true)\r\n    .forEach((i) => payload.locationIds.push(i.id));\r\n  store\r\n    .dispatch(\"ProjectModule/PROJECT_ADD_LOCATİON\", payload)\r\n    .then((response) => {\r\n      if (response) {\r\n        loadingButton.value = false;\r\n        locationList.value = locationList.value.filter(\r\n          (i) => i.checked === false\r\n        );\r\n        filterObject.pageSize = 25 + payload.locationIds.length;\r\n        filterObject.locationName = null;\r\n        filterObject.locationCode = null;\r\n        filterObject.countryName = null;\r\n        filterObject.cityName = null;\r\n        checkAllItem.value = false;\r\n        document.querySelector(\"#search-input-1\").value = null;\r\n        getLocation(filterObject);\r\n        payload.locationIds = [];\r\n      }\r\n    });\r\n}\r\nfunction addLocaiton(Id) {\r\n  payload.locationIds = [];\r\n  payload.locationIds.push(Id);\r\n  store\r\n    .dispatch(\"ProjectModule/PROJECT_ADD_LOCATİON\", payload)\r\n    .then((response) => {\r\n      if (response) {\r\n        locationList.value = locationList.value.filter(\r\n          (i) => i.checked === false\r\n        );\r\n        lastData = false;\r\n        locationList.value.splice(\r\n          locationList.value.findIndex((x) => x.id === Id),\r\n          1\r\n        );\r\n        filterObject.pageSize = 21;\r\n        getLocation(filterObject);\r\n        payload.locationIds = [];\r\n      }\r\n    });\r\n}\r\n\r\ngetLocation(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.locations-list {\r\n  padding: 0%;\r\n  background: white;\r\n  width: 100%;\r\n  max-height: 100vh;\r\n  overflow: scroll;\r\n  overflow-x: hidden;\r\n}\r\n</style>\r\n","import script from \"./P-LocationList.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./P-LocationList.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./P-LocationList.vue?vue&type=style&index=0&id=616fddb9&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-616fddb9\"]])\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(\"Locations\") }}\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\">\r\n                <FilterInput\r\n                  :PlaceHolder=\"\r\n                    translate(\r\n                      'project_detail_location_input_seacrh_placeholder'\r\n                    )\r\n                  \"\r\n                  :searchId=\"0\"\r\n                  :filterList=\"filterList\"\r\n                  @onFilterSearch=\"Search\"\r\n                  class=\"pt-2\"\r\n                />\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(\"project_detail_location_button_add\")\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=\"locationList.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=\"locationList.filter((i) => i.checked === true).length > 0\"\r\n          @click=\"deleteProjectLocation()\"\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(\"project_detail_location_button_remove_locations\")\r\n          }}<span\r\n            class=\"position-absolute top-0 start-100 translate-middle badge badge-circle badge-danger\"\r\n            >{{ locationList.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=\"(location, index) in locationList\"\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-${location.Id}`\"\r\n              class=\"form-check-input\"\r\n              type=\"checkbox\"\r\n              v-model=\"location.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 mt-2\"\r\n                :for=\"`check-${location.Id}`\"\r\n                style=\"margin-bottom: 15px\"\r\n                :style=\"\r\n                  location.CountryName === null && location.CityName === null\r\n                    ? 'margin-bottom: 0px; margin-top: 0px !important '\r\n                    : ''\r\n                \"\r\n              >\r\n                <a v-if=\"location.Code !== null\">{{ location.Code }} - </a>\r\n                <a>{{ location.Name }}</a>\r\n              </label>\r\n              <label\r\n                class=\"form-check-label col-form-label fw-bold fs-7 p-0 text-gray-500\"\r\n                :for=\"`check-${location.Id}`\"\r\n                style=\"position: absolute; margin-top: 20px\"\r\n              >\r\n                <a v-if=\"location.CountryName !== null\"\r\n                  >{{ location.CountryName }} /\r\n                </a>\r\n                <a>{{ location.CityName }}</a>\r\n              </label>\r\n            </div>\r\n          </div>\r\n          <!--end::Description-->\r\n          <span\r\n            class=\"badge fs-7 fw-bolder badge-light-primary me-2\"\r\n            style=\"cursor: pointer\"\r\n            data-bs-toggle=\"modal\"\r\n            data-bs-target=\"#add-location-modal\"\r\n            @click=\"editLocation(location.Id)\"\r\n            >{{ translate(\"Edit\") }}</span\r\n          >\r\n          <span\r\n            class=\"badge fs-7 fw-bolder badge-white border\"\r\n            style=\"cursor: pointer\"\r\n            @click=\"deleteProjectLocation(location.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-8\">\r\n          <Pagination @onPage=\"onPage\" :TotalData=\"records\" />\r\n        </div>\r\n        <div class=\"col-lg-2\"></div>\r\n        <div class=\"col-lg-2\">\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              type=\"button\"\r\n              data-bs-toggle=\"modal\"\r\n              data-bs-target=\"#add-location-modal\"\r\n              class=\"btn btn-primary align-self-center btn-sm ps-2 pe-2 mt-2 mb-2\"\r\n              @click=\"customerProfilEdit\"\r\n            >\r\n              {{ translate(\"location_list_add_button\") }}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <AddLocation :locationId=\"locationId\" @closeModal=\"closeModal\" />\r\n    </div>\r\n    <LocationList :listActive=\"listActive\" @closeList=\"closeList\" />\r\n    <!-- :project=\"project\" -->\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport LocationList from \"@/components/Admin/Customer-Modal/ProjectDetail/P-LocationList.vue\";\r\nimport AddLocation from \"@/components/Admin/Customer-Modal/AddLocation.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\nconst block = ref(true);\r\nconst checkAll = ref();\r\nconst locationList = computed(\r\n  () => store.getters[\"ProjectModule/_getlocationList\"]\r\n);\r\nconst records = computed(\r\n  () => store.getters[\"ProjectModule/_getlocationRecords\"]\r\n);\r\nconst listActive = ref(false);\r\nconst projectId = inject(\"projectId\");\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: 10,\r\n  projectId: 0,\r\n  locationName: null,\r\n  locationCode: null,\r\n  countryName: null,\r\n  cityName: null,\r\n});\r\n\r\nconst filterList = ref([\r\n  \"locationName\",\r\n  \"locationCode\",\r\n  \"countryName\",\r\n  \"cityName\",\r\n]);\r\n\r\nconst Search = (filter) => {\r\n  let deger = null;\r\n  if (filter !== null) {\r\n    deger = Object.keys(filter)[0];\r\n  }\r\n  Object.keys(filterObject).forEach((i) => {\r\n    if (i === deger) {\r\n      filterObject[i] = filter[deger];\r\n    } else {\r\n      if (i !== \"page\" && i !== \"pageSize\") filterObject[i] = null;\r\n    }\r\n  });\r\n  getLocation();\r\n};\r\n\r\nconst onPage = (e) => {\r\n  filterObject.page = e.step.value;\r\n  filterObject.pageSize = e.pageSize.value;\r\n\r\n  getLocation();\r\n};\r\n// Filter End\r\n\r\n//Location Update\r\nconst locationId = ref(0);\r\nconst closeModal = () => {\r\n  locationId.value = 0;\r\n  getLocation();\r\n};\r\n\r\nconst getLocation = () => {\r\n  filterObject.projectId = parseInt(projectId);\r\n  store\r\n    .dispatch(\"ProjectModule/GET_PROJECT_LOCATİON\", filterObject)\r\n    .finally(() => {\r\n      block.value = false;\r\n    });\r\n};\r\n\r\nconst deleteModel = reactive({\r\n  projectId: projectId,\r\n  locationIds: [],\r\n  deleteAll: false,\r\n});\r\nconst deleteProjectLocation = (Id) => {\r\n  if (Id !== undefined) {\r\n    deleteModel.locationIds.push(Id);\r\n  } else {\r\n    let value = locationList.value.filter((i) => i.checked === true);\r\n    value.forEach((x) => deleteModel.locationIds.push(x.Id));\r\n  }\r\n  ProjectModule.actions\r\n    .PROJECT_DELETE_LOCATİON(null, deleteModel)\r\n    .then((response) => {\r\n      if (response) {\r\n        getLocation();\r\n        deleteModel.locationIds = [];\r\n        checkAll.value.checked = false;\r\n      }\r\n    });\r\n};\r\n\r\nconst selectAll = (event) => {\r\n  locationList.value.forEach((item) => (item.checked = event.target.checked));\r\n};\r\n\r\nconst editLocation = (Id) => {\r\n  locationId.value = Id;\r\n};\r\n\r\ngetLocation();\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 \"./P-LocationsComp.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./P-LocationsComp.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./P-LocationsComp.vue?vue&type=style&index=0&id=3f731aa1&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-3f731aa1\"]])\n\nexport default __exports__","import { Modal } from \"bootstrap\";\r\n\r\nconst hideModal = (modalEl: HTMLElement | null): void => {\r\n  if (!modalEl) {\r\n    return;\r\n  }\r\n\r\n  const myModal = Modal.getInstance(modalEl);\r\n  myModal.hide();\r\n};\r\n\r\nconst removeModalBackdrop = (): void => {\r\n  if (document.querySelectorAll(\".modal-backdrop.fade.show\").length) {\r\n    document.querySelectorAll(\".modal-backdrop.fade.show\").forEach((item) => {\r\n      item.remove();\r\n    });\r\n  }\r\n};\r\n\r\nexport { removeModalBackdrop, hideModal };\r\n"],"sourceRoot":""}