step 53 : copy dan paste v1, untuk komponen reusable

2025-04-17 05:53:28 +07:00
parent 7bb10dbcf5
commit 45f7beabe8
31 changed files with 11999 additions and 0 deletions
--- a/v1-test-cmp/js/assay_format_mobile_edit.js
+++ b/v1-test-cmp/js/assay_format_mobile_edit.js
@@ -0,0 +1,109 @@
+document.addEventListener('alpine:init', () => {
+    Alpine.data('assayFormatMobileEdit', () => ({
+        // 0. Init dijalankan sebelum inisialisasi
+        init() {
+            let itemEdit = localStorage.getItem('itemEditMobile');
+            // console.log('itemEdit ', itemEdit);
+            if (itemEdit) {
+                let json = JSON.parse(itemEdit);
+                console.log('itemEdit ', json);
+                this.selectedInstrument = {
+                    idInstrument: json.idInstrument,
+                    namaInstrument: json.namaInstrument
+                };
+
+                this.assayCode = json.assayCode || '';
+                this.decimalFont = json.decimalFont || '';
+                this.formula = json.formula || '';
+                this.idAssayFormat = json.idAssayFormat || -1;
+            }
+        },
+        // 1. Inisialisasi Start
+        loadingVerifikasi: false,
+        idAssayFormat: -1,
+        decimalFont: '',
+        assayCode: '',
+        formula: '',
+        selectedInstrument: {
+            idInstrument: -1,
+            namaInstrument: 'Instrument'
+        },
+        openInstrument: false,
+        dataInstrument: [
+            {
+                idInstrument: 1,
+                namaInstrument: 'Hema 01',
+            },
+            {
+                idInstrument: 2,
+                namaInstrument: 'Axsym',
+            },
+            {
+                idInstrument: 3,
+                namaInstrument: 'Cobas C311',
+            },
+        ],
+        hasilVerifikasi: '',
+        isErrorVerifikasi: false,
+        isVerifikasiDone: false,
+        objForm: {
+            isValidForm: false,
+            idInstrument: -1,
+            namaInstrument: 'Instrument',
+            decimalFont: '',
+            assayCode: '',
+            formula: '',
+        },
+        // 1. Inisialisasi End
+        // 2. Fungsi Start
+        onChangeFormula() {
+            this.objForm.formula = this.formula;
+            this.validateForm();
+        },
+        onChangeDecimalFont() {
+            this.objForm.decimalFont = this.decimalFont;
+            this.validateForm();
+        },
+        onChangeAssayCode() {
+            this.objForm.assayCode = this.assayCode;
+            this.validateForm();
+        },
+        onChangeInstrument(item) {
+            this.selectedInstrument = item;
+            this.objForm.idInstrument = item.idInstrument;
+            this.objForm.namaInstrument = item.namaInstrument;
+            this.validateForm();
+        },
+        onProcessVerifikasi() {
+            if(this.isVerifikasiDone == true) {
+                return;
+            }
+
+            this.loadingVerifikasi = true;
+
+            setTimeout(() => {
+                this.loadingVerifikasi = false;
+                this.isErrorVerifikasi = false;
+                this.isVerifikasiDone = true;
+                this.hasilVerifikasi = 'Formula is valid';
+            }, 2000);
+        },
+        validateForm() {
+            this.objForm.isValidForm = (
+                this.selectedInstrument.idInstrument != -1 &&
+                this.decimalFont.trim() !== '' &&
+                this.assayCode.trim() !== '' &&
+                this.formula.trim() !== ''
+            );
+        },
+        save() {
+            if (this.objForm.isValidForm === true) {
+                alert('true')
+            } else {
+                alert('inputan harus diisi');
+            }
+        },
+        // 2. Fungsi End
+    })
+    )
+})