{"version":3,"sources":["webpack:///./src/components/Admin/Customer-Modal/ProjectDetail/P-DetailsComp.vue","webpack:///./src/components/Admin/Customer-Modal/ProjectDetail/P-DetailsComp.vue?ae22","webpack:///./src/core/helpers/dom.ts"],"names":["t","te","translate","text","store","platform","state","customerList","newTargetModalRef","refForm","loading","projectId","project","projectValidator","shape","customerId","nullable","min","positive","projectName","required","closeModal","value","dispatch","contentLanguages","getters","activeLink","addUp","title","block","saveData","length","forEach","item","document","getElementById","Id","localobj","languageId","name","locales","push","then","response","page","pageSize","updateData","getUpDateProject","customerName","getCustomers","Name","CustomerId","CustomerName","id","published","Published","Locales","i","LanguageId","__exports__","hideModal","modalEl","myModal","getInstance","hide","removeModalBackdrop","querySelectorAll","remove"],"mappings":"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","file":"js/chunk-55384070.f5c7d741.js","sourcesContent":["<template>\r\n  <div\r\n    class=\"card mb-5 mb-xl-10\"\r\n    id=\"profile_details_view\"\r\n  >\r\n    <!--begin::Card header-->\r\n    <div class=\"card-header cursor-pointer\">\r\n      <!--begin::Card title-->\r\n      <div class=\"card-title m-0\">\r\n        <h3 class=\"fw-bolder m-0 fs-4 text-gray-800\">\r\n          {{ translate(\"Details\") }}\r\n        </h3>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"card-body p-9\">\r\n      <div class=\"row mb-7\">\r\n        <!--begin::Label-->\r\n        <label class=\"col-lg-4 fw-bold text-muted\">{{ translate(\"customer_detail_label_name\") }}</label>\r\n        <!--end::Label-->\r\n\r\n        <!--begin::Col-->\r\n        <div class=\"col-lg-8 fv-row\">\r\n          <span class=\"fw-bold fw-bolder fs-6 text-dark\">{{ project.customerName }}</span>\r\n        </div>\r\n        <!--end::Col-->\r\n      </div>\r\n\r\n      <div class=\"row mb-7\">\r\n        <!--begin::Label-->\r\n        <label class=\"col-lg-4 fw-bold text-muted\">{{ translate(\"project_field_name_label\") }}</label>\r\n        <!--end::Label-->\r\n\r\n        <!--begin::Col-->\r\n        <div class=\"col-lg-8\">\r\n          <span class=\"fw-bold fs-6 text-gray-800\"> {{ project.name }}</span>\r\n        </div>\r\n        <!--end::Col-->\r\n      </div>\r\n    </div>\r\n    <div class=\"d-flex justify-content-end p-5 pe-8\">\r\n      <!--end::Card body-->\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\"\r\n      >\r\n        {{ translate(\"customer_detail_button_edit\") }}\r\n      </button>\r\n    </div>\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\"\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\">{{\r\n                          translate(\"Customers\")\r\n                        }}</label>\r\n                        <div class=\"col-lg-8 fv-row d-v-container\">\r\n                          <div\r\n                            class=\"fv-plugins-message-container d-v-content\"\r\n                            style=\"z-index: 1\"\r\n                          >\r\n                            <div class=\"fv-help-block ms-2 v-element\">\r\n                              <ErrorMessage name=\"customerId\" />\r\n                            </div>\r\n                          </div>\r\n\r\n                          <Field\r\n                            name=\"customerId\"\r\n                            v-model=\"project.customerId\"\r\n                          >\r\n                            <Dropdown\r\n                              :filter=\"!platform\"\r\n                              :emptyFilterMessage=\"translate('No_Records')\"\r\n                              v-model=\"project.customerId\"\r\n                              :options=\"customerList\"\r\n                              optionLabel=\"Value\"\r\n                              optionValue=\"Id\"\r\n                              :placeholder=\"translate('location_modal_customer_placeholder')\"\r\n                              style=\"padding: 5px !important\"\r\n                              :style=\"`${\r\n                                errors['customerId'] !== undefined ? 'border-color: #FE554C !important;' : ''\r\n                              }`\"\r\n                              appendTo=\"self\"\r\n                            >\r\n                              <template v-slot:indicator>\r\n                                <div\r\n                                  class=\"p-dropdown-trigger\"\r\n                                  role=\"button\"\r\n                                  aria-haspopup=\"listbox\"\r\n                                  aria-expanded=\"false\"\r\n                                >\r\n                                  <span class=\"p-dropdown-trigger-icon pi pi-chevron-down\"></span>\r\n                                </div>\r\n\r\n                                <i\r\n                                  v-if=\"project.customerId === 0 ? false : true\"\r\n                                  class=\"p-dropdown-clear-icon pi pi-times\"\r\n                                  @click=\"project.customerId = 0\"\r\n                                ></i>\r\n                              </template>\r\n                            </Dropdown>\r\n                          </Field>\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                  <a\r\n                    :class=\"`btn btn-primary border btn-sm fs-6 ${\r\n                      Object.keys(errors).length > 0 || loading ? 'disabled' : ''\r\n                    }`\"\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  </div>\r\n</template>\r\n<script setup>\r\nimport { onMounted, computed, ref, inject } from \"vue\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useStore } from \"vuex\";\r\nimport * as Yup from \"yup\";\r\nimport { hideModal } from \"@/core/helpers/dom\";\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 store = useStore();\r\nconst platform = store.state.platform;\r\n\r\nconst customerList = ref([]);\r\nconst newTargetModalRef = ref(null);\r\nconst refForm = ref(null);\r\nconst loading = ref(false);\r\n\r\nconst projectId = inject(\"projectId\");\r\nconst project = inject(\"project\");\r\n\r\nconst projectValidator = Yup.object().shape({\r\n  customerId: Yup.number().nullable().min(0).positive(translate(\"CustomerAdd_Valid_CompanyName\")),\r\n  projectName: Yup.string().nullable().required(translate(\"CustomerAdd_Valid_FirstName\")),\r\n});\r\n\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_edit_title\";\r\n    project.id = 0;\r\n    project.customerId = 0;\r\n    project.name = null;\r\n    project.locales = [];\r\n    project.published = true;\r\n    refForm.value.resetForm();\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\n\r\nconst addUp = ref(true);\r\nconst title = ref(\"project_modal_edit_title\");\r\nconst block = ref(false);\r\n\r\n// ! Save Data\r\nconst saveData = () => {\r\n  loading.value = true;\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      });\r\n      loading.value = false;\r\n    }\r\n  });\r\n  closeModal();\r\n};\r\n\r\n// ! Update Data\r\n\r\nconst updateData = () => {\r\n  loading.value = true;\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  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      });\r\n      loading.value = false;\r\n      getUpDateProject(projectId);\r\n    }\r\n  });\r\n  closeModal();\r\n};\r\nconst customerName = ref(\"\");\r\n\r\nconst getCustomers = () => {\r\n  store.dispatch(\"CustomerModule/GET_COMMONN_CUSTOMERS\").then((response) => {\r\n    customerList.value = response;\r\n    customerList.value.forEach((item) => {\r\n      if (item.Id == project.customerId) {\r\n        item.value == customerName.value;\r\n      }\r\n    });\r\n  });\r\n};\r\nconst getUpDateProject = (Id) => {\r\n  block.value = true;\r\n  addUp.value = false;\r\n  store.dispatch(\"ProjectModule/GET_PROJECT\", Id).then((response) => {\r\n    title.value = response.Name;\r\n    project.name = response.Name;\r\n    project.customerId = response.CustomerId;\r\n    project.customerName = response.CustomerName;\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\nonMounted(() => {\r\n  getCustomers();\r\n});\r\n</script>\r\n","import script from \"./P-DetailsComp.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./P-DetailsComp.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\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":""}