sindhu/xport-tailwind-alpine
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

step 46 : add data master_data di form

Browse Source
This commit is contained in:
sindhu
2025-03-28 13:55:10 +07:00
parent c055fe8958
commit 32cc43e490
4 changed files with 838 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
v1/js/master_data.js
View File

@@ -2,13 +2,9 @@ document.addEventListener('alpine:init', () => {
Alpine.data('masterData', () => ({
// 0. Init dijalankan sebelum inisialisasi
init() {
this.filteredItemAssay = [...this.dataAssay];
},
// 1. Inisialisasi Start
// multiple select
openAssayAdd: false,
searchAssay: "",
selectedAssay: [],
dataAssay: [
{
idAssay: 1,
@@ -31,25 +27,20 @@ document.addEventListener('alpine:init', () => {
namaAssay: 'PLT'
},
],
filteredItemAssay: [],
filterItemAssay() {
this.filteredItemAssay = this.dataAssay.filter(item =>
item.namaAssay.toLowerCase().includes(this.searchAssay.toLowerCase())
);
},
addItemAssay(item) {
if (!this.selectedAssay.some(p => p.idAssay === item.idAssay)) {
this.selectedAssay.push(item);
this.objForm.Assay.push(item);
}
this.searchAssay = "";
this.filterItemAssay();
},
removeItemAssay(index) {
this.selectedAssay.splice(index, 1);
},
dataAlat: [
{
idAlat: 1,
namaAlat: 'Hema 01',
},
{
idAlat: 2,
namaAlat: 'Axsym',
},
{
idAlat: 3,
namaAlat: 'Cobas C311',
},
],
// multiple select
dataMaster: [
@@ -87,19 +78,14 @@ document.addEventListener('alpine:init', () => {
kodeAdd: '',
namaAdd: '',
hargaAdd: '',
formAddArray: [
{
idForm: 1,
selectedInstrument: {},
selectedAssay: []
}
],
formAddArray: [],
showDialogEdit: false,
objForm: {
nama: '',
kode: '',
harga: '',
dataAssay: [],
alat: {},
assay: []
},
objFormEdit: {
nama: '',
@@ -109,18 +95,63 @@ document.addEventListener('alpine:init', () => {
},
// 1. Inisialisasi End
// 2. Fungsi Start
formAddDetail(){
const lastId = this.formAddArray[this.formAddArray. length - 1];
this.formAddArray = this.formAddArray.push([{
formAddDetail() {
const lastId = this.formAddArray.length;
this.formAddArray.push({
idForm: lastId + 1,
selectedInstrument: {},
selectedAssay: []
}])
openAlat: false,
dataAlatForm: this.dataAlat,
selectedAlat: {
idAlat: -1,
namaAlat: 'Alat'
},
selectedAssay: [],
searchAssay: "",
filterItemAssay: this.dataAssay,
dataAssayForm: this.dataAssay,
openAssayAdd: false,
})
},
filterItemAssay(idx, formItem) {
let formId = formItem.idForm
// console.log('formItem ',formItem)
let targetForm = this.formAddArray.find(e => e.idForm === formId);
if (targetForm) {
targetForm.openAssayAdd = true
let searchTerm = targetForm.searchAssay ? targetForm.searchAssay.toLowerCase() : "";
targetForm.filterItemAssay = targetForm.dataAssayForm.filter(item =>
item.namaAssay.toLowerCase().includes(searchTerm)
);
// targetForm.dataAssayForm = targetForm.filterItemAssay
console.log('Filtered Assay:', targetForm.filterItemAssay);
} else {
console.warn('Tidak match ID Form nya');
}
},
addItemAssayToForm(item, idForm) {
let form = this.formAddArray.find(f => f.idForm === idForm);
if (form) {
let exists = form.selectedAssay.some(a => a.idAssay === item.idAssay);
if (!exists) {
form.selectedAssay.push(item);
} else {
console.warn("Item sudah dipilih:", item);
}
}
},
removeItemAssayToForm(idForm, index) {
let form = this.formAddArray.find(f => f.idForm === idForm);
if (!form) return;
form.selectedAssay.splice(index, 1);
},
closeDialog() {
this.AssayAdd = []
this.filteredItemAssay = []
this.selectedAssay = []
this.formAddArray = []
this.kodeAdd = ''
this.namaAdd = ''
this.hargaAdd = ''
@@ -132,13 +163,22 @@ document.addEventListener('alpine:init', () => {
}
this.showDialogAdd = false
},
onChangeInstrumentSearch(item) {
this.openInstrumentSearch = false;
this.selectedInstrument = item;
saveA() {
this.objForm.alat = this.formAddArray.map(form => form.selectedAlat);
this.objForm.assay = this.formAddArray.map(form => form.selectedAssay);
console.log('Data yang disimpan:', this.objForm);
},
onChangeInstrument(item) {
this.openInstrument = false;
this.selectedInstrumentAdd = item;
onChangeInstrument(item, idForm) {
let form = this.formAddArray.find(f => f.idForm === idForm);
if (!form) return;
form.selectedAlat = {
idAlat: item.idAlat,
namaAlat: item.namaAlat
}
form.openAlat = false
},
onChangeInstrumentEdit(item) {
this.openInstrument = false;
@@ -159,14 +199,9 @@ document.addEventListener('alpine:init', () => {
onChangeHargaAdd() {
this.objForm.harga = this.hargaAdd;
},
onChangeHargaAdd() {
onChangeHargaEdit() {
this.objFormEdit.harga = this.e_harga;
},
onChangeInstrumentMobile(item) {
this.openInstrumentSearchMobile = false;
// this.selectedInstrument = item;
this.selectedInstrument = { ...item };
},
openModalEdit(item) {
// mrn
this.e_mrn = item.mrn