{"version":3,"sources":["webpack:///./src/components/Admin/Customer-Modal/C-LocationsComp.vue","webpack:///./src/components/Admin/Customer-Modal/C-LocationsComp.vue?cad6"],"names":["confirm","lazyParams","customerId","parseInt","store","customer","block","filterList","locationId","t","te","translate","text","closeModal","value","propsUpdate","Id","getAllProjectLocations","dispatch","finally","page","pageSize","name","code","countryName","cityName","CLocationList","getters","records","Search","filter","deger","Object","keys","forEach","i","selectAll","event","item","checked","target","deleteCLocation","Item","obj","list","undefined","push","message","length","require","currentTarget","icon","acceptLabel","rejectLabel","acceptClass","rejectClass","accept","reject","onPage","e","step","__exports__"],"mappings":"+mDA6KA,MAAMA,EAAU,iBACVC,EAAa,iBAAI,IACjBC,EAAaC,SAAS,oBAAO,eAC7BC,EAAQ,iBACRC,EAAW,oBAAO,YAClBC,EAAQ,kBAAI,GAGZC,EAAa,iBAAI,CAAC,OAAQ,OAAQ,cAAe,aAGjDC,EAAa,iBAAI,IAEjB,EAAEC,EAAC,GAAEC,GAAO,iBACZC,EAAaC,GACbF,EAAGE,GACEH,EAAEG,GAEFA,EAGLC,EAAa,KACjBL,EAAWM,MAAQ,GAGfC,EAAeC,IACnBR,EAAWM,MAAQE,GAGfC,EAAyB,KAC7BhB,EAAWa,MAAMZ,WAAaA,EAC9BE,EACGc,SAAS,kCAAmCjB,EAAWa,OACvDK,QAAQ,IAAOb,EAAMQ,OAAQ,IAGlC,uBAAU,KACRb,EAAWa,MAAQ,CACjBM,KAAM,EACNC,SAAU,GACVnB,WAAY,EACZoB,KAAM,KACNC,KAAM,KACNC,YAAa,KACbC,SAAU,MAEZR,MAGF,MAAMS,EAAgB,sBACpB,IAAMtB,EAAMuB,QAAQ,oCAEhBC,EAAU,sBACd,IAAMxB,EAAMuB,QAAQ,oCAGhBE,EAAUC,IACd,IAAIC,EAAQ,KACG,OAAXD,IACFC,EAAQC,OAAOC,KAAKH,GAAQ,IAE9BE,OAAOC,KAAKhC,EAAWa,OAAOoB,QAASC,IACjCA,IAAMJ,EACR9B,EAAWa,MAAMqB,GAAKL,EAAOC,GAEnB,SAANI,GAAsB,aAANA,IAAkBlC,EAAWa,MAAMqB,GAAK,QAIhElB,EAAuBhB,EAAWa,QAG9BsB,EAAaC,IACjBX,EAAcZ,MAAMoB,QAASI,GAAUA,EAAKC,QAAUF,EAAMG,OAAOD,UAE/DE,EAAmBC,IACvB,IAAIC,EAAM,GACNC,EAAO,GACX,QAAaC,IAATH,EACFC,EAAIG,KAAKJ,EAAK1B,IACd4B,EAAKE,KAAKH,GACVC,EAAKE,KAAK7C,EAAWa,WAChB,CACL,IAAIA,EAAQY,EAAcZ,MAAMgB,OAAQK,IAAoB,IAAdA,EAAEI,SAChDzB,EAAMoB,QAASI,IACbK,EAAIG,KAAKR,EAAKtB,MAEhB4B,EAAKE,KAAKH,GACVC,EAAKE,KAAK7C,EAAWa,OAGvB,IAAIiC,EAAU,iBAAI,IACdJ,EAAIK,OAAS,EACfD,EAAQjC,MAAQH,EAAU,6BAE1BoC,EAAQjC,MAAQH,EAAU,qCAE5BX,EAAQiD,QAAQ,CACdT,OAAQH,MAAMa,cACdH,QAASA,EAAQjC,MACjBqC,KAAM,uBACNC,YAAazC,EAAU,yCACvB0C,YAAa1C,EAAU,yCACvB2C,YAAa,yBACbC,YAAa,uBACbC,OAAQ,KACNpD,EAAMc,SAAS,iCAAkC0B,IAEnDa,OAAQ,UAMNC,EAAUC,IACd1D,EAAWa,MAAMM,KAAOuC,EAAEC,KAAK9C,MAC/Bb,EAAWa,MAAMO,SAAWsC,EAAEtC,SAASP,MACvCG,EAAuBhB,EAAWa,Q,+0IC/RpC,MAAM+C,EAAc,EAEL","file":"js/chunk-2d20edf1.5896fbe4.js","sourcesContent":["<template>\r\n  <div class=\"card mb-5 mb-xl-10\">\r\n    <BlockUI :loading=\"block\" />\r\n    <ConfirmPopup></ConfirmPopup>\r\n    <!--begin::Card header-->\r\n    <div class=\"border-bottom\">\r\n      <!--begin::Card title-->\r\n      <div class=\"row ps-8 pe-8 pt-3 pb-3 align-items-center\">\r\n        <div class=\"col-lg-5\">\r\n          <h3 class=\"fw-bolder m-0 fs-4 text-gray-800 m-3\">\r\n            {{ translate(\"Locations\") }}\r\n          </h3>\r\n        </div>\r\n        <div class=\"col-lg-3\"></div>\r\n        <div class=\"col-lg-4\">\r\n          <div class=\"row\">\r\n            <FilterInput\r\n              :PlaceHolder=\"\r\n                translate('project_detail_location_input_seacrh_placeholder')\r\n              \"\r\n              :searchId=\"0\"\r\n              :filterList=\"filterList\"\r\n              @onFilterSearch=\"Search\"\r\n            />\r\n          </div>\r\n        </div>\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=\"CLocationList.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      <button\r\n        v-show=\"CLocationList.filter((i) => i.checked === true).length > 0\"\r\n        @click=\"deleteCLocation()\"\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          >{{ CLocationList.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        class=\"d-flex align-items-center mb-1 border rounded p-2\"\r\n        v-for=\"(CLocationItem, index) in CLocationList\"\r\n        :key=\"index\"\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            class=\"form-check-input\"\r\n            type=\"checkbox\"\r\n            value=\"\"\r\n            v-model=\"CLocationItem.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-remember\"\r\n              style=\"margin-bottom: 15px\"\r\n            >\r\n              <span\r\n                v-show=\"\r\n                  CLocationList[index].Code !== null &&\r\n                  CLocationList[index].Code !== ''\r\n                \"\r\n                >{{ CLocationList[index].Code }} - </span\r\n              ><span>{{ CLocationList[index].Name }}</span>\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-remember\"\r\n              style=\"position: absolute; margin-top: 20px\"\r\n            >\r\n              {{ CLocationList[index].CountryName }} -\r\n              {{ CLocationList[index].CityName }}\r\n            </label>\r\n          </div>\r\n        </div>\r\n        <!--end::Description-->\r\n\r\n        <span\r\n          type=\"button\"\r\n          data-bs-toggle=\"modal\"\r\n          data-bs-target=\"#add-location-modal\"\r\n          class=\"btn fs-7 fw-bolder bg-light-primary btn-sm text-primary p-1 ps-3 pe-3 me-2 d-flex\"\r\n          @click=\"propsUpdate(CLocationList[index].Id)\"\r\n        >\r\n          {{ translate(\"customer_detail_button_edit\") }}\r\n        </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=\"deleteCLocation(CLocationList[index])\"\r\n          >{{ translate(\"Delete\") }}</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 class=\"row align-items-center justify-content-end w-100 mx-0 m-2\">\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\r\n      :locationId=\"locationId\"\r\n      :customerId=\"customerId\"\r\n      @closeModal=\"closeModal\"\r\n      :customer=\"customer\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport AddLocation from \"@/components/Admin/Customer-Modal/AddLocation.vue\";\r\nimport { ref, onActivated, reactive, computed, onMounted, inject } from \"vue\";\r\nimport { useStore } from \"vuex\";\r\nimport { useI18n } from \"vue-i18n\";\r\n\r\nimport { useConfirm } from \"primevue/useconfirm\";\r\n\r\nconst confirm = useConfirm();\r\nconst lazyParams = ref({});\r\nconst customerId = parseInt(inject(\"customerId\"));\r\nconst store = useStore();\r\nconst customer = inject(\"customer\");\r\nconst block = ref(true);\r\n// Filter\r\n\r\nconst filterList = ref([\"name\", \"code\", \"countryName\", \"cityName\"]);\r\n\r\n//Location Update\r\nconst locationId = ref(0);\r\n\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\nconst closeModal = () => {\r\n  locationId.value = 0;\r\n};\r\n\r\nconst propsUpdate = (Id) => {\r\n  locationId.value = Id;\r\n};\r\n\r\nconst getAllProjectLocations = () => {\r\n  lazyParams.value.customerId = customerId;\r\n  store\r\n    .dispatch(\"LocationModule/GET_ALL_LOCATION\", lazyParams.value)\r\n    .finally(() => (block.value = false));\r\n};\r\n\r\nonMounted(() => {\r\n  lazyParams.value = {\r\n    page: 1,\r\n    pageSize: 10,\r\n    customerId: 0,\r\n    name: null,\r\n    code: null,\r\n    countryName: null,\r\n    cityName: null,\r\n  };\r\n  getAllProjectLocations();\r\n});\r\n\r\nconst CLocationList = computed(\r\n  () => store.getters[\"LocationModule/_getLocationList\"]\r\n);\r\nconst records = computed(\r\n  () => store.getters[\"LocationModule/_getTotalRecords\"]\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(lazyParams.value).forEach((i) => {\r\n    if (i === deger) {\r\n      lazyParams.value[i] = filter[deger];\r\n    } else {\r\n      if (i !== \"page\" && i !== \"pageSize\") lazyParams.value[i] = null;\r\n    }\r\n  });\r\n\r\n  getAllProjectLocations(lazyParams.value);\r\n};\r\n\r\nconst selectAll = (event) => {\r\n  CLocationList.value.forEach((item) => (item.checked = event.target.checked));\r\n};\r\nconst deleteCLocation = (Item) => {\r\n  let obj = [];\r\n  let list = [];\r\n  if (Item !== undefined) {\r\n    obj.push(Item.Id);\r\n    list.push(obj);\r\n    list.push(lazyParams.value);\r\n  } else {\r\n    let value = CLocationList.value.filter((i) => i.checked === true);\r\n    value.forEach((item) => {\r\n      obj.push(item.Id);\r\n    });\r\n    list.push(obj);\r\n    list.push(lazyParams.value);\r\n  }\r\n\r\n  let message = ref(\"\");\r\n  if (obj.length > 1) {\r\n    message.value = translate(\"confirm_message_locations\");\r\n  } else {\r\n    message.value = translate(\"customer_location_confirm_message\");\r\n  }\r\n  confirm.require({\r\n    target: event.currentTarget,\r\n    message: message.value,\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-primary\",\r\n    rejectClass: \"btn btn-sm btn-light\",\r\n    accept: () => {\r\n      store.dispatch(\"LocationModule/DELETE_LOCATION\", list);\r\n    },\r\n    reject: () => {\r\n      return;\r\n    },\r\n  });\r\n};\r\n\r\nconst onPage = (e) => {\r\n  lazyParams.value.page = e.step.value;\r\n  lazyParams.value.pageSize = e.pageSize.value;\r\n  getAllProjectLocations(lazyParams.value);\r\n};\r\n// Filter End\r\n</script>\r\n\r\n<style scoped></style>\r\n","import script from \"./C-LocationsComp.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./C-LocationsComp.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}