{"version":3,"sources":["webpack:///./src/components/Admin/Customer-Modal/C-UsersComp.vue?36c2","webpack:///./src/components/Admin/Customer-Modal/C-UsersComp.vue","webpack:///./src/components/Admin/Customer-Modal/C-UsersComp.vue?1c22"],"names":["store","lazyParams","inputValue","userId","selectedCUsers","checkAll","block","t","te","translate","text","propsUpdate","Id","value","closeModal","onPage","e","page","step","pageSize","getAllCustomerProject","CUserList","getters","customerId","dispatch","finally","selectAll","event","forEach","item","checked","target","sortColumn","sortDirection","firstname","lastname","active","matchMode","searchCProject","inputNull","deleteCUser","Item","obj","undefined","push","then","response","__exports__"],"mappings":"gHAAA,W,qkDC2KA,MAAMA,EAAQ,iBAERC,GADK,iBAAI,MACI,iBAAI,KACjBC,EAAa,iBAAI,IACjBC,EAAS,iBAAI,GACbC,EAAiB,iBAAI,IACrBC,EAAW,mBACXC,EAAQ,kBAAI,IAEZ,EAAEC,EAAC,GAAEC,GAAO,iBACZC,EAAaC,GACbF,EAAGE,GACEH,EAAEG,GAEFA,EAGLC,EAAeC,IACnBT,EAAOU,MAAQD,GAGXE,EAAa,KACjBX,EAAOU,MAAQ,GAGXE,EAAUC,IACdf,EAAWY,MAAMI,KAAOD,EAAEE,KAAKL,MAC/BZ,EAAWY,MAAMM,SAAWH,EAAEG,SAASN,MACvCO,EAAsBnB,EAAWY,QAG7BQ,EAAY,sBAAS,IAAMrB,EAAMsB,QAAQ,yBAMzCC,GAJe,sBACnB,IAAMvB,EAAMsB,QAAQ,iCAGH,oBAAO,eACpBF,EAAwB,KAC5BnB,EAAWY,MAAMU,WAAaA,EAC9BvB,EACGwB,SAAS,4BAA6BvB,EAAWY,OACjDY,QAAQ,IAAOnB,EAAMO,OAAQ,IAK5Ba,EAAaC,IACjBN,EAAUR,MAAMe,QAASC,GAAUA,EAAKC,QAAUH,EAAMI,OAAOD,UAGjE,uBAAU,KACR7B,EAAWY,MAAQ,CACjBI,KAAM,EACNE,SAAU,GACVa,WAAY,KACZC,cAAe,KACfC,UAAW,KACXC,SAAU,KACVZ,WAAY,EACZa,OAAQ,GAEVhB,MAGc,iBAAI,CAClBc,UAAW,CAAErB,MAAO,KAAMwB,UAAW,cADvC,MAIMC,EAAiB,KACrBrC,EAAWY,MAAMqB,UAAYhC,EAAWW,MAGxCO,EAAsB,CAAEH,KAAM,EAAGE,SAAU,MAEvCoB,EAAY,KACS,KAArBrC,EAAWW,OAAqC,OAArBX,EAAWW,QACxCZ,EAAWY,MAAMqB,UAAY,KAC7Bd,EAAsB,CAAEH,KAAM,EAAGE,SAAU,OAIzCqB,EAAeC,IACnB,IAAIC,EAAM,QACGC,IAATF,EACFC,EAAIE,KAAKH,EAAK7B,IAEdR,EAAeS,MAAMe,QAASC,IAC5Ba,EAAIE,KAAKf,EAAKjB,MAGlBZ,EAAMwB,SAAS,0BAA2BkB,GAAKG,KAAMC,IAC/CA,GACF1B,EAAsBnB,EAAWY,U,2qICnQvC,MAAMkC,EAAc,EAEL,gB","file":"js/chunk-a231b594.12b0af1b.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!./C-UsersComp.vue?vue&type=style&index=0&id=481ed966&lang=css\"","<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        <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(\"user_list_page_bread\") }}\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 pt-2 pb-2\">\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\r\n                    :class=\"`bi bi-search fs-3 ${\r\n                      inputValue !== '' ? 'text-gray-700' : ''\r\n                    }`\"\r\n                  ></i>\r\n                </span>\r\n                <input\r\n                  type=\"text\"\r\n                  @keydown.enter=\"searchCProject()\"\r\n                  class=\"form-control ps-15 form-control-sm input-Filter-search\"\r\n                  v-model=\"inputValue\"\r\n                  @keyup.delete=\"inputNull()\"\r\n                  :placeholder=\"\r\n                    translate('project_detail_user_input_seacrh_placeholder')\r\n                  \"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!--begin::Card header-->\r\n\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=\"CUserList.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=\"CUserList.filter((i) => i.checked === true).length > 0\"\r\n          @click=\"deleteCUser()\"\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_user_button_remove_users\")\r\n          }}<span\r\n            class=\"position-absolute top-0 start-100 translate-middle badge badge-circle badge-danger\"\r\n            >{{ CUserList.filter((i) => i.checked === true).length }}</span\r\n          >\r\n        </button>\r\n      </div>\r\n      <!--begin::Body-->\r\n      <div class=\"card-body pt-6 pb-2\">\r\n        <!--begin::Item-->\r\n\r\n        <div\r\n          v-for=\"(CUserItem, index) in CUserList\"\r\n          :key=\"index.Id\"\r\n          class=\"d-flex align-items-center mb-1 border rounded p-2\"\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              value=\"\"\r\n              key=\"\"\r\n              v-model=\"CUserItem.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\">\r\n              <label class=\"form-check-label col-form-label fw-bold p-0\">\r\n                {{ CUserList[index].Firstname }}\r\n                {{ CUserList[index].Lastname }}\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-NewUser-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(CUserList[index].Id)\"\r\n          >\r\n            {{ translate(\"customer_detail_button_edit\") }}\r\n          </span>\r\n\r\n          <span\r\n            type=\"button\"\r\n            class=\"badge fs-7 fw-bolder badge-white border\"\r\n            style=\"cursor: pointer\"\r\n            @click=\"deleteCUser(CUserList[index])\"\r\n          >\r\n            {{ translate(\"Delete\") }}\r\n          </span>\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=\"6\" />\r\n        </div>\r\n\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-NewUser-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(\"user_list_button_new_user\") }}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <new-user-comp\r\n        :customerId=\"customerId\"\r\n        :userId=\"userId\"\r\n        @closeModal=\"closeModal\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport newUserComp from \"@/components/Admin/Customer-Modal/C-NewUserComp.vue\";\r\nimport ProjectModule from \"@/store/modules/Customer/ProjectModule\";\r\nimport { inject, ref, onMounted, computed } from \"vue\";\r\nimport { useStore } from \"vuex\";\r\nimport { useI18n } from \"vue-i18n\";\r\nconst store = useStore();\r\nconst Id = ref(null);\r\nconst lazyParams = ref({});\r\nconst inputValue = ref(\"\");\r\nconst userId = ref(0);\r\nconst selectedCUsers = ref([]);\r\nconst checkAll = ref();\r\nconst block = ref(true);\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 propsUpdate = (Id) => {\r\n  userId.value = Id;\r\n};\r\n\r\nconst closeModal = () => {\r\n  userId.value = 0;\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  getAllCustomerProject(lazyParams.value);\r\n};\r\n\r\nconst CUserList = computed(() => store.getters[\"UsersModule/_getUser\"]);\r\n\r\nconst totalRecords = computed(\r\n  () => store.getters[\"UsersModule/_getTotalRecords\"]\r\n);\r\n\r\nconst customerId = inject(\"customerId\");\r\nconst getAllCustomerProject = () => {\r\n  lazyParams.value.customerId = customerId;\r\n  store\r\n    .dispatch(\"UsersModule/GET_ALL_USERS\", lazyParams.value)\r\n    .finally(() => (block.value = false));\r\n};\r\n\r\n// onMounted ilk önce buranın yüklenmesini sağlar.\r\n\r\nconst selectAll = (event) => {\r\n  CUserList.value.forEach((item) => (item.checked = event.target.checked));\r\n};\r\n\r\nonMounted(() => {\r\n  lazyParams.value = {\r\n    page: 1,\r\n    pageSize: 10,\r\n    sortColumn: null,\r\n    sortDirection: null,\r\n    firstname: null,\r\n    lastname: null,\r\n    customerId: 0,\r\n    active: 0,\r\n  };\r\n  getAllCustomerProject();\r\n});\r\n\r\nconst filters = ref({\r\n  firstname: { value: null, matchMode: \"contains\" },\r\n});\r\n\r\nconst searchCProject = () => {\r\n  lazyParams.value.firstname = inputValue.value;\r\n\r\n  // CUserList.value[0].name = inputValue.value;\r\n  getAllCustomerProject({ page: 1, pageSize: 10 });\r\n};\r\nconst inputNull = () => {\r\n  if (inputValue.value === \"\" || inputValue.value === null) {\r\n    lazyParams.value.firstname = null;\r\n    getAllCustomerProject({ page: 1, pageSize: 10 });\r\n  }\r\n};\r\n\r\nconst deleteCUser = (Item) => {\r\n  let obj = [];\r\n  if (Item !== undefined) {\r\n    obj.push(Item.Id);\r\n  } else {\r\n    selectedCUsers.value.forEach((item) => {\r\n      obj.push(item.Id);\r\n    });\r\n  }\r\n  store.dispatch(\"UsersModule/DELETE_USER\", obj).then((response) => {\r\n    if (response) {\r\n      getAllCustomerProject(lazyParams.value);\r\n    }\r\n  });\r\n};\r\n</script>\r\n\r\n<style>\r\ns .locations-list {\r\n  padding: 0%;\r\n  width: 100%;\r\n  max-height: 100vh;\r\n  overflow: scroll;\r\n  overflow-y: hidden;\r\n}\r\n</style>\r\n","import script from \"./C-UsersComp.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./C-UsersComp.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./C-UsersComp.vue?vue&type=style&index=0&id=481ed966&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}