From 17e2624fd38bd3b9aa9186c2c65f7b620a41d84f Mon Sep 17 00:00:00 2001
From: Isaak <isaak.buslovich@protonmail.ch>
Date: Fri, 22 Dec 2023 23:44:57 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F=E2=9C=A8=20Refactor=20tab?=
 =?UTF-8?q?=20navigation=20&=20add=20listeners=20in=20index.html=20using?=
 =?UTF-8?q?=20element=20IDs.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)
diff --git a/index.html b/index.html
index 904a956..b341ef7 100644
--- a/index.html
+++ b/index.html
@@ -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) {
