step 45 : list data di master data

2025-03-25 08:46:32 +07:00
parent e8538b7329
commit c055fe8958
2 changed files with 501 additions and 1 deletions
--- a/v1/js/master_data.js
+++ b/v1/js/master_data.js
@@ -0,0 +1,196 @@
+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,
+                namaAssay: 'Xn500'
+            },
+            {
+                idAssay: 2,
+                namaAssay: 'HGB'
+            },
+            {
+                idAssay: 3,
+                namaAssay: 'WBC'
+            },
+            {
+                idAssay: 4,
+                namaAssay: 'RBC'
+            },
+            {
+                idAssay: 5,
+                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);
+        },
+
+        // multiple select
+        dataMaster: [
+            {
+                idMaster: 1,
+                kode: 'A04',
+                namaPemeriksaan: 'Darah Lengkap',
+                harga: '50.000',
+                pemeriksaanStr: 'Xn500, HCB, WBC, RBC, PLT',
+                dataAssay: [
+                    {
+                        idAssay: 1,
+                        namaAssay: 'Xn500'
+                    },
+                    {
+                        idAssay: 2,
+                        namaAssay: 'HGB'
+                    },
+                    {
+                        idAssay: 3,
+                        namaAssay: 'WBC'
+                    },
+                    {
+                        idAssay: 4,
+                        namaAssay: 'RBC'
+                    },
+                    {
+                        idAssay: 5,
+                        namaAssay: 'PLT'
+                    },
+                ],
+            },
+        ],
+        showDialogAdd: false,
+        kodeAdd: '',
+        namaAdd: '',
+        hargaAdd: '',
+        formAddArray: [
+            {
+                idForm: 1,
+                selectedInstrument: {},
+                selectedAssay: []
+            }
+        ],
+        showDialogEdit: false,
+        objForm: {
+            nama: '',
+            kode: '',
+            harga: '',
+            dataAssay: [],
+        },
+        objFormEdit: {
+            nama: '',
+            kode: '',
+            harga: '',
+            dataAssay: [],
+        },
+        // 1. Inisialisasi End
+        // 2. Fungsi Start
+        formAddDetail(){
+            const lastId = this.formAddArray[this.formAddArray. length - 1];
+            this.formAddArray = this.formAddArray.push([{
+                idForm: lastId + 1,
+                selectedInstrument: {},
+                selectedAssay: []
+            }])
+        },
+        closeDialog() {
+            this.AssayAdd = []
+            this.filteredItemAssay = []
+            this.selectedAssay = []
+            this.kodeAdd = ''
+            this.namaAdd = ''
+            this.hargaAdd = ''
+            this.objForm = {
+                nama: '',
+                kode: '',
+                harga: '',
+                dataAssay: [],
+            }
+            this.showDialogAdd = false
+        },
+        onChangeInstrumentSearch(item) {
+            this.openInstrumentSearch = false;
+            this.selectedInstrument = item;
+        },
+        onChangeInstrument(item) {
+            this.openInstrument = false;
+            this.selectedInstrumentAdd = item;
+        },
+        onChangeInstrumentEdit(item) {
+            this.openInstrument = false;
+            this.selectedInstrumentEdit = item;
+        },
+        onChangeNamaAdd() {
+            this.objForm.nama = this.namaAdd;
+        },
+        onChangeNamaEdit() {
+            this.objFormEdit.nama = this.e_nama;
+        },
+        onChangeKodeAdd() {
+            this.objForm.kode = this.kodeAdd;
+        },
+        onChangeKodeEdit() {
+            this.objFormEdit.kode = this.e_kode;
+        },
+        onChangeHargaAdd() {
+            this.objForm.harga = this.hargaAdd;
+        },
+        onChangeHargaAdd() {
+            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
+
+            // sid
+            this.e_sid = item.sid
+
+            // name
+            this.e_name = item.name
+
+            // multiple pemeriksaan
+            this.e_selectedPemeriksaan = [...item.dataPemeriksaan];
+            this.e_filteredPemeriksaan = [...this.dataPemeriksaan];
+
+            this.showDialogEdit = !this.showDialogEdit;
+        },
+        closeDialogEdit() {
+            this.showDialogEdit = !this.showDialogEdit;
+        },
+        editMobilePage(item) {
+            var json = JSON.stringify(item);
+            localStorage.setItem('itemEditMobile', json)
+            window.location.href = "order_mobile_edit.html";
+        },
+        // 2. Fungsi End
+    }))
+})