{"version":3,"sources":["webpack:///./src/components/Admin/Customer-Modal/C-ProjectsComp.vue?262d","webpack:///./src/components/Admin/Customer-Modal/C-NewProjectComp.vue","webpack:///./src/components/Admin/Customer-Modal/C-NewProjectComp.vue?520f","webpack:///./src/components/Admin/Customer-Modal/C-ProjectsComp.vue","webpack:///./src/components/Admin/Customer-Modal/C-ProjectsComp.vue?f1c5"],"names":["customer","loading","t","te","translate","text","projectValidator","shape","projectName","nullable","required","store","newTargetModalRef","refForm","closeModal","value","clearForm","setTimeout","contentLanguages","length","forEach","item","document","getElementById","Id","Value","classList","remove","activeLink","add","addUp","title","project","name","locales","published","emit","dispatch","getters","customerId","block","saveData","localobj","languageId","push","then","response","page","pageSize","props","prorjectId","Name","Published","Locales","i","LanguageId","updateData","addEventListener","resetForm","__exports__","lazyParams","inputValue","checkAll","propsUpdate","onPage","e","step","getAllCustomerProject","CProjectList","records","finally","selectAll","event","checked","target","matchMode","searchCProject","inputNull","deleteCProject","Item","obj","list","undefined","filter"],"mappings":"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","file":"js/chunk-06d993f0.1df4da38.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-ProjectsComp.vue?vue&type=style&index=0&id=eed73e8a&lang=css\"","<template>\r\n  <div\r\n    class=\"modal fade\"\r\n    tabindex=\"-1\"\r\n    id=\"add-project-modal\"\r\n    ref=\"newTargetModalRef\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <div class=\"modal-dialog modal-dialog-centered mw-950px\">\r\n      <div class=\"modal-content rounded\">\r\n        <BlockUI :loading=\"block\" />\r\n        <div class=\"modal-header\">\r\n          <h5 class=\"modal-title\">{{ translate(title) }}</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\r\n        <div\r\n          class=\"modal-body rounded p-0\"\r\n          style=\"padding-bottom: 1.5rem !important; background: #fbfbfb\"\r\n        >\r\n          <Form\r\n            v-slot=\"{ errors }\"\r\n            ref=\"refForm\"\r\n            id=\"add-project-form\"\r\n            class=\"form\"\r\n            novalidate=\"novalidate\"\r\n            @submit=\"saveData\"\r\n            :validation-schema=\"projectValidator\"\r\n          >\r\n            <div>\r\n              <div\r\n                v-if=\"contentLanguages.length > 0\"\r\n                class=\"card-header card-header-stretch\"\r\n              >\r\n                <div class=\"card-toolbar\">\r\n                  <ul\r\n                    class=\"nav nav-tabs nav-line-tabs nav-stretch fs-5 border-0 text-nowrap flex-nowrap mw-850px ms-3\"\r\n                    style=\"overflow-x: auto; overflow-y: hidden\"\r\n                  >\r\n                    <li class=\"nav-item mx-3\">\r\n                      <a\r\n                        @click=\"activeLink = 'Standart'\"\r\n                        class=\"nav-link fs-6\"\r\n                        :class=\"`${activeLink === 'Standart' ? 'active langue-tabs-bold' : ''}`\"\r\n                        data-bs-toggle=\"tab\"\r\n                        href=\"#kt_tab_pane_1\"\r\n                        >{{ translate(\"project_modal_tab_info\") }}</a\r\n                      >\r\n                    </li>\r\n                    <li\r\n                      v-for=\"(item, index) in contentLanguages\"\r\n                      :key=\"index\"\r\n                      class=\"nav-item mx-3\"\r\n                    >\r\n                      <a\r\n                        @click=\"activeLink = item.Value\"\r\n                        :class=\"`nav-link fs-6 ${activeLink === item.Value ? 'active langue-tabs-bold' : ''}`\"\r\n                        data-bs-toggle=\"tab\"\r\n                        :href=\"`#${item.Value}`\"\r\n                        >{{ item.Value }}</a\r\n                      >\r\n                    </li>\r\n                  </ul>\r\n                </div>\r\n              </div>\r\n              <div class=\"card-body\">\r\n                <div\r\n                  class=\"tab-content\"\r\n                  id=\"myTabContent\"\r\n                >\r\n                  <div\r\n                    class=\"tab-pane fade show active\"\r\n                    id=\"kt_tab_pane_1\"\r\n                    role=\"tabpanel\"\r\n                  >\r\n                    <div class=\"row mb-4\">\r\n                      <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{ translate(\"Customers\") }}</label>\r\n                      <div class=\"col-lg-8 fv-row d-v-container\">\r\n                        <select\r\n                          v-model=\"project.customerId\"\r\n                          class=\"form-select form-select-lg fw-bold fs-6 text-dark\"\r\n                        >\r\n                          <option\r\n                            class=\"text-dark\"\r\n                            :value=\"customer.Id\"\r\n                            selected\r\n                          >\r\n                            {{ customer.Name }}\r\n                          </option>\r\n                        </select>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class=\"row mb-4\">\r\n                      <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                        translate(\"project_field_name_label\")\r\n                      }}</label>\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=\"projectName\" />\r\n                          </div>\r\n                        </div>\r\n                        <Field\r\n                          type=\"text\"\r\n                          name=\"projectName\"\r\n                          :class=\"`form-control form-control-lg fs-6 ${\r\n                            errors['projectName'] !== undefined ? 'v-invalid' : ''\r\n                          }`\"\r\n                          :placeholder=\"translate('project_field_name_label')\"\r\n                          v-model.trim=\"project.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\">\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=\"project.published\"\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\"\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\"\r\n                              for=\"check-remember\"\r\n                              style=\"position: absolute; margin-top: 20px\"\r\n                            >\r\n                              {{ translate(\"project_modal_check_label_description\") }}\r\n                            </label>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div\r\n                    v-for=\"(item, index) in contentLanguages\"\r\n                    :key=\"index\"\r\n                    class=\"tab-pane fade\"\r\n                    :id=\"`${item.Value}`\"\r\n                    role=\"tabpanel\"\r\n                  >\r\n                    <div class=\"row\">\r\n                      <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n                        translate(\"project_field_name_label\")\r\n                      }}</label>\r\n                      <div class=\"col-lg-8 fv-row\">\r\n                        <input\r\n                          type=\"text\"\r\n                          :id=\"`name-${item.Id}`\"\r\n                          :name=\"item.Id\"\r\n                          class=\"form-control form-control-lg fs-6\"\r\n                          :placeholder=\"translate('project_field_name_label')\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"d-flex justify-content-end pb-7 pe-10\">\r\n                <a\r\n                  class=\"btn btn-white btn-active-light me-2 btn-sm fs-6 border\"\r\n                  @click=\"closeModal\"\r\n                >\r\n                  {{ translate(\"Cancel\") }}\r\n                </a>\r\n                <button\r\n                  type=\"submit\"\r\n                  v-show=\"addUp\"\r\n                  class=\"btn btn-primary btn-sm fs-6 border\"\r\n                  :disabled=\"loading\"\r\n                >\r\n                  <div\r\n                    v-if=\"loading\"\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                </button>\r\n                <a\r\n                  v-show=\"!addUp\"\r\n                  class=\"btn btn-sm btn-primary fs-6\"\r\n                  :class=\"`btn btn-primary border btn-sm fs-6 ${loading ? 'disabled' : ''}`\"\r\n                  @click=\"updateData\"\r\n                >\r\n                  <div\r\n                    v-if=\"loading\"\r\n                    class=\"spinner-border spinner-border-sm mx-1\"\r\n                  ></div>\r\n                  <span class=\"indicator-label\">\r\n                    {{ translate(\"Save\") }}\r\n                  </span>\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </Form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { onMounted, computed, ref, reactive, inject, defineProps, defineEmits, watch } from \"vue\";\r\nimport { useStore } from \"vuex\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport * as Yup from \"yup\";\r\nimport { hideModal } from \"@/core/helpers/dom\";\r\n\r\nconst props = defineProps({ prorjectId: Number });\r\nconst emit = defineEmits([\"closeModal\"]);\r\n\r\n// Inject Props\r\nconst customer = inject(\"customer\");\r\nconst loading = ref(false);\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\n// Validation Tanımlaması\r\nconst projectValidator = Yup.object().shape({\r\n  projectName: Yup.string().nullable().required(translate(\"CustomerAdd_Valid_FirstName\")),\r\n});\r\n\r\nconst store = useStore();\r\n\r\nconst newTargetModalRef = ref(null);\r\nconst refForm = ref(null);\r\n\r\n// ! Content Languages\r\nconst closeModal = () => {\r\n  hideModal(newTargetModalRef.value);\r\n};\r\n\r\nconst clearForm = () => {\r\n  setTimeout(() => {\r\n    if (contentLanguages.value.length > 0) {\r\n      contentLanguages.value.forEach((item) => {\r\n        document.getElementById(\"name-\" + item.Id).value = \"\";\r\n      });\r\n      contentLanguages.value.forEach((item) => {\r\n        document.getElementById(item.Value).classList.remove(\"show\", \"active\");\r\n      });\r\n      activeLink.value = \"Standart\";\r\n      document.getElementById(\"kt_tab_pane_1\").classList.add(\"show\", \"active\");\r\n    }\r\n    addUp.value = true;\r\n    title.value = \"project_modal_add_title\";\r\n    project.Id = 0;\r\n    project.name = null;\r\n    project.locales = [];\r\n    project.published = true;\r\n    emit(\"closeModal\");\r\n  }, 300);\r\n};\r\n\r\nstore.dispatch(\"LanguageModule/GET_LOCALİZATON\");\r\nconst contentLanguages = computed(() => store.getters[\"LanguageModule/_getLocalizatonList\"]);\r\nconst activeLink = ref(\"Standart\");\r\nconst project = reactive({\r\n  Id: 0,\r\n  customerId: 0,\r\n  name: null,\r\n  locales: [],\r\n  published: true,\r\n});\r\n\r\nconst addUp = ref(true);\r\nconst title = ref(\"project_modal_add_title\");\r\nconst block = ref(false);\r\nconst customerId = inject(\"customerId\");\r\n\r\n// ! Save Data\r\nconst saveData = () => {\r\n  if (contentLanguages.value.length > 0) {\r\n    contentLanguages.value.forEach((item) => {\r\n      var value = document.getElementById(\"name-\" + item.Id).value;\r\n      var localobj = {\r\n        languageId: \"\",\r\n        name: \"\",\r\n      };\r\n      if (value !== \"\") {\r\n        localobj.languageId = item.Id;\r\n        localobj.name = value;\r\n        project.locales.push(localobj);\r\n      }\r\n    });\r\n  }\r\n  store.dispatch(\"ProjectModule/ADD_PROJECT\", project).then((response) => {\r\n    if (response) {\r\n      store.dispatch(\"ProjectModule/GET_ALL_PROJECTS\", {\r\n        page: 1,\r\n        pageSize: 10,\r\n        customerId: customerId,\r\n      });\r\n    }\r\n  });\r\n  closeModal();\r\n};\r\n\r\n// ! Update Data\r\n\r\nwatch(props, () => {\r\n  if (props.prorjectId !== 0) {\r\n    block.value = true;\r\n    addUp.value = false;\r\n\r\n    store.dispatch(\"ProjectModule/GET_PROJECT\", props.prorjectId).then((response) => {\r\n      title.value = response.Name;\r\n      project.name = response.Name;\r\n      project.Id = response.Id;\r\n      project.published = response.Published;\r\n      response.Locales.forEach((i) => (document.getElementById(\"name-\" + i.LanguageId).value = i.Name));\r\n      block.value = false;\r\n    });\r\n  }\r\n});\r\n\r\nconst updateData = () => {\r\n  if (contentLanguages.value.length > 0) {\r\n    contentLanguages.value.forEach((item) => {\r\n      var value = document.getElementById(\"name-\" + item.Id).value;\r\n      if (value !== \"\") {\r\n        var localobj = {\r\n          languageId: \"\",\r\n          name: \"\",\r\n        };\r\n        localobj.languageId = item.Id;\r\n        localobj.name = value;\r\n        project.locales.push(localobj);\r\n      }\r\n    });\r\n  }\r\n\r\n  store.dispatch(\"ProjectModule/UPDATE_PROJECT\", project).then((response) => {\r\n    if (response) {\r\n      store.dispatch(\"ProjectModule/GET_ALL_PROJECTS\", {\r\n        page: 1,\r\n        pageSize: 10,\r\n        customerId: customerId,\r\n      });\r\n    }\r\n  });\r\n  project.name = null;\r\n  project.Id = 0;\r\n  project.locales = [];\r\n  closeModal();\r\n};\r\n\r\nonMounted(() => {\r\n  project.customerId = customer.Id;\r\n  document.getElementById(\"add-project-modal\").addEventListener(\"hide.bs.modal\", function () {\r\n    clearForm();\r\n    refForm.value.resetForm();\r\n  });\r\n});\r\n</script>\r\n\r\n<style></style>\r\n","import script from \"./C-NewProjectComp.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./C-NewProjectComp.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\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        <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(\"Menu_List_Projects\") }}\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=\"translate('project_new_project_search')\"\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=\"CProjectList.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=\"CProjectList.filter((i) => i.checked === true).length > 0\"\r\n          @click=\"deleteCProject()\"\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_projects\")\r\n          }}<span\r\n            class=\"position-absolute top-0 start-100 translate-middle badge badge-circle badge-danger\"\r\n            >{{ CProjectList.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       \r\n          <div\r\n            v-for=\"(cProjectItem, index) in CProjectList\"\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=\"cProjectItem.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\r\n                class=\"d-flex flex-column position-relative\"\r\n            \r\n              >\r\n                <label\r\n                  class=\"form-check-label col-form-label fw-bold p-0 \"\r\n                  for=\"check-remember\">\r\n                  {{ CProjectList[index].Name }}\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-project-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(CProjectList[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              @click=\"deleteCProject(CProjectList[index])\"\r\n            >\r\n              {{ translate(\"Delete\") }}\r\n            </span>\r\n          </div>\r\n     \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\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-project-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(\"project_button_add_new\") }}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <AddProject :prorjectId=\"prorjectId\" @closeModal=\"closeModal\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport AddProject from \"@/components/Admin/Customer-Modal/C-NewProjectComp.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 prorjectId = ref(0);\r\nconst selectedCProject = 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  prorjectId.value = Id;\r\n};\r\n\r\nconst closeModal = () => {\r\n  prorjectId.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 CProjectList = computed(() => store.getters[\"ProjectModule/_getPorject\"]);\r\nconst records = computed(\r\n  () => store.getters[\"LocationModule/_getTotalRecords\"]\r\n);\r\n\r\nconst totalRecords = computed(\r\n  () => store.getters[\"ProjectModule/_getTotalRecords\"]\r\n);\r\n\r\nconst customerId = inject(\"customerId\");\r\nconst getAllCustomerProject = () => {\r\n  lazyParams.value.customerId = customerId;\r\n  store.dispatch(\"ProjectModule/GET_ALL_PROJECTS\", lazyParams.value).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  CProjectList.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    customerId: 0,\r\n    name: null,\r\n  };\r\n  getAllCustomerProject();\r\n});\r\n\r\nconst filters = ref({\r\n  name: { value: null, matchMode: \"contains\" },\r\n});\r\n\r\nconst searchCProject = () => {\r\n  lazyParams.value.name = inputValue.value;\r\n\r\n  // CProjectList.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.name = null;\r\n    getAllCustomerProject({ page: 1, pageSize: 10 });\r\n  }\r\n};\r\n\r\nconst deleteCProject = (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 = CProjectList.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  store.dispatch(\"ProjectModule/DELETE_PROJECT\", list);\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-ProjectsComp.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./C-ProjectsComp.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./C-ProjectsComp.vue?vue&type=style&index=0&id=eed73e8a&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}