🛠️ Refactor tab navigation & add listeners in index.html using element IDs.

This commit is contained in:
Isaak Buslovich 2023-12-22 23:44:57 +01:00
parent 72d044b6e8
commit 17e2624fd3
Signed by: Isaak
GPG Key ID: EEC31D6437FBCC63

View File

@ -124,11 +124,10 @@
<body>
<div class="container" id="appContainer">
<div>
<div class="nav-tab active" onclick="changeTab(event, 'config')">Configuration</div>
<div class="nav-tab" onclick="changeTab(event, 'csv')">CSV Management</div>
<div class="nav-tab" onclick="changeTab(event, 'email')">Email Operations</div>
<div class="nav-tab active" id="configTab">Configuration</div>
<div class="nav-tab" id="csvTab">CSV Management</div>
<div class="nav-tab" id="emailTab">Email Operations</div>
</div>
<div id="config" class="tab-content active">
<label for="user">User:</label>
<input type="text" id="user" name="user">
@ -159,16 +158,26 @@
<div id="email" class="tab-content">
<!-- Email Operations Content -->
<button class="button">Send Emails</button>
<textarea rows="10">Log output here...</textarea>
<label>
<textarea rows="10">Log output here...</textarea>
</label>
</div>
<div class="status-bar" id="statusMessage">Status: Ready</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
// Event listeners for buttons
document.getElementById('loadConfigBtn').addEventListener('click', loadConfig);
document.getElementById('saveConfigBtn').addEventListener('click', saveConfig);
document.getElementById('configTab').addEventListener('click', function (event) {
changeTab(event, 'config')
});
document.getElementById('csvTab').addEventListener('click', function (event) {
changeTab(event, 'csv')
});
document.getElementById('emailTab').addEventListener('click', function (event) {
changeTab(event, 'email')
});
});
function changeTab(event, tabId) {