109 lines
4.0 KiB
JavaScript
109 lines
4.0 KiB
JavaScript
// renderer.js
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
|
|
console.log('DOM fully loaded. renderer.js is now running.');
|
|
|
|
// --- 0. INITIALIZE FORM DEFAULTS ---
|
|
const publicationDateInput = document.getElementById('publicationDate');
|
|
if (publicationDateInput) {
|
|
publicationDateInput.value = new Date().toISOString().split('T')[0];
|
|
}
|
|
|
|
|
|
// --- 1. TAB SWITCHING LOGIC ---
|
|
const tabButtons = document.querySelectorAll('.tab-btn');
|
|
const tabContents = document.querySelectorAll('.tab-content');
|
|
|
|
tabButtons.forEach(button => {
|
|
button.addEventListener('click', () => {
|
|
tabButtons.forEach(btn => btn.classList.remove('active'));
|
|
tabContents.forEach(content => content.classList.remove('active'));
|
|
button.classList.add('active');
|
|
document.getElementById(button.dataset.tab + '-tab').classList.add('active');
|
|
});
|
|
});
|
|
// Set the initial active tab content
|
|
document.getElementById('machine-tab').classList.add('active');
|
|
|
|
// --- 2. DYNAMIC ALARM ROW LOGIC ---
|
|
const addAlarmBtn = document.getElementById('add-alarm-btn');
|
|
const alarmsTableBody = document.getElementById('alarms-table-body');
|
|
const alarmTemplate = document.getElementById('alarm-row-template');
|
|
|
|
addAlarmBtn.addEventListener('click', () => {
|
|
const currentIdInputs = alarmsTableBody.querySelectorAll('[name="alarm_id"]');
|
|
let maxId = 0;
|
|
currentIdInputs.forEach(input => {
|
|
const currentId = parseInt(input.value, 10);
|
|
if (!isNaN(currentId) && currentId > maxId) {
|
|
maxId = currentId;
|
|
}
|
|
});
|
|
const nextId = maxId + 1;
|
|
const paddedId = nextId.toString().padStart(3, '0');
|
|
|
|
const clone = alarmTemplate.content.cloneNode(true);
|
|
clone.querySelector('[name="alarm_id"]').value = nextId;
|
|
clone.querySelector('[name="alarm_name"]').value = `ALARM_${paddedId}`;
|
|
const removeBtn = clone.querySelector('.remove-row-btn');
|
|
removeBtn.addEventListener('click', (e) => {
|
|
e.target.closest('tr').remove();
|
|
});
|
|
alarmsTableBody.appendChild(clone);
|
|
});
|
|
|
|
|
|
// --- 3. FORM SUBMISSION LOGIC ---
|
|
const form = document.getElementById('machine-form');
|
|
if (form) {
|
|
form.addEventListener('submit', async (event) => {
|
|
event.preventDefault();
|
|
|
|
// A. Collect data from the main "Machine" tab using FormData
|
|
const formData = new FormData(form);
|
|
// Convert FormData to a plain object
|
|
const mainData = {};
|
|
for (const [key, value] of formData.entries()) {
|
|
// This check prevents multi-value fields from overwriting themselves
|
|
if (!mainData[key]) {
|
|
mainData[key] = value;
|
|
}
|
|
}
|
|
mainData.addins = formData.getAll('addins');
|
|
|
|
// B. Collect all alarm rows from the table
|
|
const alarmRows = alarmsTableBody.querySelectorAll('tr');
|
|
const alarmsData = [];
|
|
alarmRows.forEach(row => {
|
|
const alarm = {
|
|
id: row.querySelector('[name="alarm_id"]').value,
|
|
name: row.querySelector('[name="alarm_name"]').value,
|
|
message: row.querySelector('[name="alarm_message"]').value,
|
|
};
|
|
if (alarm.message) {
|
|
alarmsData.push(alarm);
|
|
}
|
|
});
|
|
|
|
// C. Combine all data into a single object
|
|
const finalData = { ...mainData, alarms: alarmsData };
|
|
|
|
console.log('Sending all collected data to main process:', finalData);
|
|
|
|
try {
|
|
const result = await window.electronAPI.submitForm(finalData);
|
|
if (result.success) {
|
|
// // Reset the entire form to its initial state
|
|
// form.reset();
|
|
// // Re-apply the defaults that are not part of the standard reset
|
|
// document.getElementById('publicationDate').value = new Date().toISOString().split('T')[0];
|
|
// document.querySelector('#stopReasonYes').checked = true; // Set StopReason back to Yes
|
|
// updateFilename(); // Clear the filename preview
|
|
}
|
|
} catch (error) {
|
|
console.error('Error during form submission process:', error);
|
|
}
|
|
});
|
|
}
|
|
}); |