@@ -360,17 +460,194 @@
}
});
- // Template selection
+ let selectedBidang = null;
+ let selectedCategory = null;
+ let selectedParameters = new Set();
+
+ // Handle bidang selection
document.querySelectorAll('.template-card').forEach(card => {
card.addEventListener('click', () => {
document.querySelectorAll('.template-card').forEach(c => c.classList.remove('selected'));
card.classList.add('selected');
- // Here you would typically load the parameters for the selected template
+ selectedBidang = card.dataset.type;
+ loadCategories(selectedBidang);
});
});
+ function loadCategories(bidangType) {
+ const bidang = testingParameters[bidangType];
+ if (!bidang) return;
+
+ // Show selected bidang
+ const selectedBidangDiv = document.querySelector('.selected-bidang');
+ selectedBidangDiv.textContent = `Bidang Pengujian: ${bidang.name}`;
+
+ // Load categories
+ const categorySelection = document.querySelector('.category-selection');
+ categorySelection.innerHTML = bidang.categories.map(category => `
+
+
${category.name}
+
${category.parameters.length} Parameter Tersedia
+
+ `).join('');
+
+ // Add event listeners to category cards
+ categorySelection.querySelectorAll('.category-card').forEach(card => {
+ card.addEventListener('click', () => {
+ document.querySelectorAll('.category-card').forEach(c => c.classList.remove('selected'));
+ card.classList.add('selected');
+ selectedCategory = card.dataset.category;
+ loadParameters(selectedBidang, selectedCategory);
+ });
+ });
+ }
+
+ function loadParameters(bidangType, categoryName) {
+ const bidang = testingParameters[bidangType];
+ const category = bidang.categories.find(c => c.name === categoryName);
+ if (!category) return;
+
+ // Show selected category
+ const selectedCategoryDiv = document.querySelector('.selected-category');
+ selectedCategoryDiv.textContent = `Kategori: ${category.name}`;
+
+ // Load parameters
+ const parameterList = document.querySelector('.parameter-list');
+ parameterList.innerHTML = category.parameters.map(param => `
+
+
+
+ ${param.name}
+ ${param.method}
+
+
Rp ${param.price.toLocaleString()}
+
+ `).join('');
+
+ // Add event listeners to checkboxes
+ parameterList.querySelectorAll('input[type="checkbox"]').forEach(checkbox => {
+ checkbox.addEventListener('change', () => {
+ if (checkbox.checked) {
+ selectedParameters.add(checkbox.value);
+ } else {
+ selectedParameters.delete(checkbox.value);
+ }
+ updatePriceSummary();
+ });
+ });
+ }
+
+ function updatePriceSummary() {
+ let subtotal = 0;
+ selectedParameters.forEach(paramId => {
+ const bidang = testingParameters[selectedBidang];
+ const category = bidang.categories.find(c => c.name === selectedCategory);
+ const parameter = category.parameters.find(p => p.id === paramId);
+ if (parameter) {
+ subtotal += parameter.price;
+ }
+ });
+
+ const tax = subtotal * 0.11;
+ const total = subtotal + tax;
+
+ document.getElementById('parameterCount').textContent = selectedParameters.size;
+ document.getElementById('subtotal').textContent = `Rp ${subtotal.toLocaleString()}`;
+ document.getElementById('tax').textContent = `Rp ${tax.toLocaleString()}`;
+ document.getElementById('total').textContent = `Rp ${total.toLocaleString()}`;
+ }
+
// Initialize form
showStep(1);
+
+ const testingParameters = {
+ // FISIKA
+ fisika: {
+ name: "FISIKA",
+ categories: [
+ {
+ name: "Udara Lingkungan Kerja",
+ parameters: [
+ { id: 'debu_total', name: 'Debu Total', method: 'SNI 16-7058-2004', price: 150000 },
+ { id: 'intensitas_pencahayaan', name: 'Intensitas Pencahayaan', method: 'SNI 7062:2019', price: 100000 },
+ { id: 'tekanan', name: 'Tekanan', method: 'Direct Reading', price: 100000 },
+ { id: 'iklim_kerja_suhu', name: 'Iklim Kerja (suhu)', method: 'Direct Reading', price: 100000 },
+ { id: 'iklim_kerja_kelembaban', name: 'Iklim Kerja (kelembaban)', method: 'Direct Reading', price: 100000 },
+ { id: 'intensitas_kebisingan', name: 'Intensitas Kebisingan', method: 'SNI 7231:2019', price: 150000 },
+ { id: 'kebisingan_personal', name: 'Kebisingan Personal', method: 'SNI/APHA', price: 150000 }
+ ]
+ }
+ ]
+ },
+
+ // KIMIA
+ kimia: {
+ name: "KIMIA",
+ categories: [
+ {
+ name: "Air Minum, Hygiene, Sanitasi",
+ parameters: [
+ { id: 'suhu', name: 'Suhu', method: 'SNI/APHA', price: 50000 },
+ { id: 'tds', name: 'TDS', method: 'SNI/APHA', price: 75000 },
+ { id: 'kekeruhan', name: 'Kekeruhan', method: 'SNI/APHA', price: 75000 },
+ { id: 'warna', name: 'Warna', method: 'SNI/APHA', price: 75000 },
+ { id: 'bau', name: 'Bau', method: 'SNI/APHA', price: 50000 },
+ { id: 'ph', name: 'pH', method: 'SNI/APHA', price: 75000 },
+ { id: 'nitrat', name: 'Nitrat (NO3 terlarut)', method: 'SNI/APHA', price: 150000 },
+ { id: 'nitrit', name: 'Nitrit (NO2 terlarut)', method: 'SNI/APHA', price: 150000 },
+ { id: 'kromium', name: 'Kromium Valensi 6 (CR6+ terlarut)', method: 'SNI/APHA', price: 200000 },
+ { id: 'besi', name: 'Besi (Fe Terlarut)', method: 'SNI/APHA', price: 150000 },
+ { id: 'mangan', name: 'Mangan (Mn Terlarut)', method: 'SNI/APHA', price: 150000 },
+ { id: 'sisa_klor', name: 'Sisa Klor (terlarut)', method: 'SNI/APHA', price: 150000 },
+ { id: 'arsen', name: 'Arsen (AS terlarut)', method: 'SNI/APHA', price: 200000 },
+ { id: 'kadmium', name: 'Kadmium (Cd) terlarut', method: 'SNI/APHA', price: 200000 },
+ { id: 'timbal', name: 'Timbal (Pb terlarut)', method: 'SNI/APHA', price: 200000 },
+ { id: 'fluoride', name: 'Fluoride (F) Terlarut', method: 'SNI/APHA', price: 200000 },
+ { id: 'aluminium', name: 'Aluminium (Al) Terlarut', method: 'SNI/APHA', price: 200000 }
+ ]
+ },
+ {
+ name: "Limbah Domestik",
+ parameters: [
+ { id: 'ph_limbah', name: 'pH', method: 'SNI-6989.11-2019', price: 75000 },
+ { id: 'bod', name: 'BOD', method: 'APHA 5210 B-2017', price: 200000 },
+ { id: 'cod', name: 'COD', method: 'APHA 522 0.C-2017', price: 200000 },
+ { id: 'tss', name: 'TSS', method: 'SNI 06-6989.3-2004', price: 150000 },
+ { id: 'minyak_lemak', name: 'Minyak & Lemak', method: 'SNI-6989.10-2011', price: 200000 },
+ { id: 'amoniak', name: 'Amoniak', method: 'SNI 06-6989.30-2005', price: 150000 },
+ { id: 'debit', name: 'Debit', method: 'SNI', price: 100000 }
+ ]
+ }
+ ]
+ },
+
+ // BIOLOGI
+ biologi: {
+ name: "BIOLOGI",
+ categories: [
+ {
+ name: "Air Minum, Hygiene, Sanitasi",
+ parameters: [
+ { id: 'ecoli', name: 'E. Coli', method: 'SNI/APHA', price: 200000 },
+ { id: 'total_coliform', name: 'Total Coliform', method: 'SNI/APHA', price: 200000 }
+ ]
+ },
+ {
+ name: "Limbah Domestik",
+ parameters: [
+ { id: 'total_coliform_limbah', name: 'Total Coliform', method: 'SNI', price: 200000 }
+ ]
+ },
+ {
+ name: "IPAL OUTLET",
+ parameters: [
+ { id: 'total_coliform_ipal', name: 'Total Coliform', method: 'APHA 23 TAHUN 2017', price: 200000 }
+ ]
+ }
+ ]
+ }
+ };