109 lines
3.4 KiB
JavaScript
109 lines
3.4 KiB
JavaScript
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
|
|
})
|
|
)
|
|
}) |