{"version":3,"sources":["webpack:///./src/components/Admin/Customer-Modal/C-NewProjectComp.vue","webpack:///./src/components/Admin/Customer-Modal/C-NewProjectComp.vue?520f"],"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__"],"mappings":"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","file":"js/chunk-2d214439.3a7e518d.js","sourcesContent":["<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__"],"sourceRoot":""}