{"version":3,"file":"supplier-TJYcGDUk.js","sources":["../../../app/frontend/entrypoints/controllers/erp/product/overview/show/supplier.ts"],"sourcesContent":["import jQuery from 'jquery/dist/jquery';\nimport Swal from 'sweetalert2';\nimport * as bootstrap from 'bootstrap'\nimport Utils from '../../../../../utils'\nimport ErpProductSupplierEntity from \"../../../product_supplier/entity\";\nexport default class ErpProductSupplier{\n private parent: any;\n private entity = \"erp/supplier_products\";\n private toastr: any;\n private datatable: any = null;\n private datatableElem: any;\n private editModal: bootstrap.Modal;\n\n constructor(parent: any) {\n this.parent = parent\n this.toastr = parent.toastr\n this.datatableElem = jQuery(\".datatables-erp-product-supplier\")\n this.editModal = new bootstrap.Modal((document.querySelector(\"#editErpProductSupplierModal\") as HTMLElement));\n this.bindListeners();\n }\n\n getEntityData(elem: any) {\n return {...ErpProductSupplierEntity.getEntityData(elem), productId: this.parent.id}\n }\n\n bindListeners() {\n (document.querySelector(\"#addNewErpProductSupplierForm\") as HTMLFormElement).addEventListener(\"submit\", async (e: any) => {\n e.preventDefault();\n const elem = document.querySelector(\"#addNewErpProductSupplierForm\") as HTMLFormElement;\n const valid = elem.checkValidity();\n if (valid) {\n await Utils.showLoader();\n await Utils.entity.upsert(this.getEntityData(elem), this.entity)\n this.toastr.success(`${Utils.translate('erp.supplier.name')} ${Utils.translate('generic.saved')}`, `${Utils.translate('generic.success')}`)\n\n\n const bsElem = bootstrap.Offcanvas.getInstance((document.querySelector(\"#offcanvasAddErpProductSupplier\") as HTMLElement))\n if (bsElem) {\n bsElem.hide();\n }\n await Utils.hideLoader();\n await this.parent.getEntity()\n }\n });\n\n (document.querySelector(\"#editErpProductSupplierForm\") as HTMLFormElement).addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n const elem = document.querySelector(\"#editErpProductSupplierForm\") as HTMLFormElement;\n const valid = elem.checkValidity();\n if (valid) {\n const r = await Utils.entity.upsert(this.getEntityData(elem), this.entity)\n if (r.status === 200) {\n await this.parent.getEntity()\n const bsElem = bootstrap.Modal.getInstance((document.querySelector(\"#editErpProductSupplierModal\") as HTMLElement))\n if (bsElem) {\n bsElem.hide();\n }\n this.toastr.success(`${Utils.translate('erp.supplier.name')} ${Utils.translate('generic.saved')}`, `${Utils.translate('generic.success')}`)\n }\n }\n });\n\n\n this.datatableElem.delegate(\".edit-record\", \"click\", async (e: any) => {\n const id = e.currentTarget.getAttribute(\"data-id\")\n const requestData = await Utils.entity.get(id, this.entity)\n if (requestData.status === 200) {\n const data = requestData.data[0]\n const form = (document.querySelector(\"#editErpProductSupplierForm\") as HTMLFormElement);\n Object.keys(data).forEach((key) => {\n const elem = form.querySelector(`#erp_product_supplier_${key}`) as HTMLInputElement | null\n if(elem && data[key]) {\n elem.value = data[key]\n }\n })\n\n const $newOption = jQuery(\"\").val(data.supplierId).text(data.supplier[0].name)\n jQuery(\"#editErpProductSupplierForm #erp_product_supplier_supplier_id\").append($newOption).trigger('change');\n\n // @ts-ignore\n this.editModal.show();\n }\n\n });\n\n this.datatableElem.delegate(\".delete-record\", \"click\", async (e: any) => {\n e.preventDefault();const confirm = await Swal.fire({\n title: 'Are you sure?',\n text: \"You won't be able to revert this!\",\n icon: 'warning',\n showCancelButton: true,\n confirmButtonText: 'Yes, delete it!',\n customClass: {\n confirmButton: 'btn btn-primary me-3',\n cancelButton: 'btn btn-label-secondary'\n },\n buttonsStyling: false\n })\n if(confirm.value === true) {\n const id = e.currentTarget.getAttribute(\"data-id\");\n const r = await Utils.entity.destroy(id, this.entity);\n if (r.status === 200) {\n this.toastr.success(`${Utils.translate('erp.supplier.name')} ${Utils.translate('generic.deleted')}`, `${Utils.translate('generic.success')}`)\n } else {\n this.toastr.error(`${Utils.translate('erp.supplier.name')} ${Utils.translate('generic.messages.not_deleted')}`, `${Utils.translate('generic.error')}`)\n }\n await this.parent.getEntity()\n }\n });\n }\n\n createDataTable() {\n this.datatable = new DataTable(\".datatables-erp-product-supplier\", {\n processing: true,\n dom:\n '<\"row me-2 align-items-center\"' +\n '<\"col-md-2\"<\"me-3 m-3\"l>>' +\n '<\"col-md-10\"<\"dt-action-buttons text-xl-end text-lg-start text-md-end text-start d-flex align-items-center justify-content-end flex-md-row flex-column mb-3 mb-md-0\"fB>>' +\n '>t' +\n '<\"row mx-2 align-items-center justify-content-between\"' +\n '<\"col-6\"i>' +\n '<\"col-6 mt-3\"p>' +\n '>',\n language: {\n sLengthMenu: '_MENU_',\n search: '',\n searchPlaceholder: `${Utils.translate('generic.search')}...`,\n \"zeroRecords\": `${Utils.translate('generic.datatable.no_results')}`,\n \"emptyTable\": `${Utils.translate('generic.datatable.no_results')}`,\n \"paginate\": {\n \"first\": `${Utils.translate('generic.datatable.pagination.first')}`,\n \"last\": `${Utils.translate('generic.datatable.pagination.last')}`,\n \"next\": `${Utils.translate('generic.datatable.pagination.next')}`,\n \"previous\": `${Utils.translate('generic.datatable.pagination.previous')}`\n },\n \"info\": `${Utils.translate('generic.datatable.info.info')}`,\n \"infoEmpty\": `${Utils.translate('generic.datatable.info.empty')}`,\n \"infoFiltered\": `${Utils.translate('generic.datatable.info.filtered')}`,\n },\n buttons: [\n {\n text: `${Utils.translate('generic.add')}`,\n className: 'dt-button add-new btn btn-primary m-2',\n attr: {\n 'data-bs-toggle': 'offcanvas',\n 'data-bs-target': '#offcanvasAddErpProductSupplier'\n }\n }\n ]\n });\n }\n\n async update(data: any) {\n if (this.datatable) {\n this.datatable.destroy();\n }\n await Utils.updateElements(data, '', (document.querySelector(\"#erp_product_supplier\") as HTMLElement))\n const table = document.querySelector(\".datatables-erp-product-supplier tbody\") as HTMLElement;\n table.innerHTML = \"\";\n data.suppliers.forEach((supplier: any) => {\n const tr = `