From 16fd76ff5a386eb3e89ed666dd37d7c5a2cf9008 Mon Sep 17 00:00:00 2001
From: Mohamad Hesham Jenbaz <mohamad.jenbaz@pkm.tu-darmstadt.de>
Date: Wed, 9 Jul 2025 14:38:43 +0200
Subject: [PATCH] New Changes

---
 db.sqlite3                          | Bin 151552 -> 151552 bytes
 sheets/templates/clients_table.html |   1 +
 sheets/templates/table_two.html     | 234 +++++++++++++++-------------
 3 files changed, 126 insertions(+), 109 deletions(-)
diff --git a/db.sqlite3 b/db.sqlite3
index 4d79c073f66d6adaab450e0b5934261e9008c0bf..dd31c09fee8589f4cac783460921644555887478 100644
GIT binary patch
delta 480
zcmZozz}c{XbAmKu<wO~0#>$Neul2NLMR}O@8H+PgQ%j2DQ!A2Fb5iq4iYmDTxtY~r
z!pS+AKta~#GX3pk`iy-SxS07jG4P+^f62dTvtYs!eklo776wH{ztnOCXRuNb%Q2-W
zwYYft8Ga@U9!CC`3_#Tv_!sdn0_vE=KYfurlb*OZ7aIeUs3N0atci(<sgZ$^sjh*k
zuHp3O@=UTKto%L<{CD_w@K50{;P>G_0)+gV6&1eoP3PBVvaMH=Wn<vbS7c1BNX#wB
zNp(ogP0Y;EOU}=Q7-Oz$V8N^;Lr@Kik~9%&q%hRDVp=ANp$J0_7Xt$WBmXZ3{$KoG
z_+Rk90EWd4{^>95nFQszSeY3anK?izSot48R6OE;2UPV72u}l5ZswnU+Mh{Uidhz<
Pltl(iN`tjYfk{aK+EszA

delta 451
zcmY*VKS%;m9DcudC0>d@PEV~&uA3Ulf6o(Iq9K~ynu0VrtdNFIq+3d8k7~J9T$&m}
zqP3w-iNK|)p`nzZNeG<!U3Np?H@wI9`@Zk-d(D>IY{?f1s9r8?K=rotnO;_-K`8^)
zo@v&t9rL(i*385Dku56$X~~l-wS5w&&KjBfMh4EG{TzD?dpPVUr3Z9+$XA0L`wWNJ
z$2PV}zCx$1@pK%vo>bY#K+!?Z=S5Z&QduJ<oDYpBRlotm0p1Z0h>t|<=!@SW2Qz%_
zG*{sG&WfPv5U@OW6}cGt7?0?{UIpQ=m?Dg^6Q0mP*)B}*f3^!b9bz^?h@5aw+m45Q
zOmeGkt_{QR{F{?90Z9r7QMRmd*_sUJBEFbPTSawPp+v!p2qDeT`y59M$2g+h2J{y%
w=nU4mqRG<|faG@_fMeJ3MSLTUiCuDb(CHR=VxA*;W_idB@G#wjT=@;FKg-W<+5i9m

diff --git a/sheets/templates/clients_table.html b/sheets/templates/clients_table.html
index 9fd835c..c79b444 100644
--- a/sheets/templates/clients_table.html
+++ b/sheets/templates/clients_table.html
@@ -64,6 +64,7 @@
             font-size: 14px;
         }
         .edit-btn {
+         
             background-color: #28a745;
             color: white;
         }
diff --git a/sheets/templates/table_two.html b/sheets/templates/table_two.html
index bb92e19..d9c6bdf 100644
--- a/sheets/templates/table_two.html
+++ b/sheets/templates/table_two.html
@@ -1,13 +1,14 @@
 <!DOCTYPE html>
+
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Helium Output</title>
-    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
-    <style>
+<meta charset="utf-8"/>
+<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+<title>Helium Output</title>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
+<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" rel="stylesheet"/>
+<style>
         body {
             font-family: Arial, sans-serif;
             margin: 0;
@@ -123,84 +124,90 @@
     </style>
 </head>
 <body>
-
-    <div class="d-flex justify-content-start mb-2">
-        <!-- "Go to Clients" button at top-left -->
-        <a href="{% url 'clients_list' %}" class="btn btn-outline-primary">
-            &#8678; Go to Clients
+<div class="d-flex justify-content-start mb-2">
+<!-- "Go to Clients" button at top-left -->
+<a class="btn btn-outline-primary" href="{% url 'clients_list' %}">
+            ⇦ Go to Clients
         </a>
-    </div>
-
-    <h2>Helium Output</h2>
-
-
-
-
-        <!-- Second Table -->
-        <div class="table-container">
-            <button class="add-row-btn" id="add-row-two">Add Row</button>
-            <table id="table-two">
-                <thead>
-                    <tr>
-                        <th>#</th>
-                        <th>ID</th>
-                        <th>Client</th>
-                        <th>Entry 1</th>
-                        <th>Entry 2</th>
-                        <th>Date Joined</th>
-                        <th>Actions</th>
-                    </tr>
-                </thead>
-                <tbody>
+</div>
+<h2>Helium Output</h2>
+<!-- Second Table -->
+<div class="table-container">
+<button class="add-row-btn" id="add-row-two">Add Row</button>
+<table id="table-two">
+<thead><tr><th>#</th><th>ID</th><th>Client</th><th>Date</th><th>Warm</th><th>LHe Anlieferung</th><th>LHe Ausgabe</th><th>Comments</th><th>Actions</th></tr></thead>
+<tbody>
                     {% for entry in entries_table2 %}
                     <tr data-id="{{ entry.id }}">
-                        <td>{{ forloop.counter }}</td>
-                        <td>{{ entry.id }}</td>
-                        <td>{{ entry.client.name }}</td>
-                        <td>{{ entry.age }}</td>
-                        <td>{{ entry.email }}</td>
-                        <td>{{ entry.date_joined }}</td>
-                        <td class="actions">
-                            <button class="edit-btn-two">Edit</button>
-                            <button class="delete-btn-two">Delete</button>
-                        </td>
-                    </tr>
+<td>{{ forloop.counter }}</td>
+<td>{{ entry.id }}</td>
+<td>{{ entry.client.name }}</td>
+<td>{{ entry.age }}</td>
+<td>{{ entry.email }}</td>
+<td>{{ entry.date_joined }}</td>
+<td class="actions">
+<button class="edit-btn-two">Edit</button>
+<button class="delete-btn-two">Delete</button>
+</td>
+</tr>
                     {% endfor %}
                 </tbody>
-            </table>
-        </div>
-    </div>
+</table>
+</div>
 
-    <!-- Add Entry Popup -->
-    <div id="add-popup-two" class="popup">
-        <span class="close-btn">&times;</span>
-        <h3>Add Entry</h3>
-        <select id="add-client-id">
+<!-- Add Entry Popup -->
+<div id="add-popup-two" class="popup" style="display:none;">
+    <span class="close-btn">&times;</span>
+    <h3>Add Entry</h3>
+    <label for="add-client-id">Kunde:</label>
+    <select id="add-client-id">
+        {% for client in clients %}
+            <option value="{{ client.id }}">{{ client.name }}</option>
+        {% endfor %}
+    </select>
+
+    <label for="add-date">Datum:</label>
+    <input type="date" id="add-date">
+
+    <label><input type="checkbox" id="add-warm"> warm</label>
+
+    <label for="add-lhe-anlieferung">LHe Anlieferung:</label>
+    <input type="text" id="add-lhe-anlieferung" placeholder="LHe Anlieferung">
+
+    <label for="add-lhe-ausgabe">LHe Ausgabe:</label>
+    <input type="text" id="add-lhe-ausgabe" placeholder="LHe Ausgabe">
+
+    <label for="add-comment">Kommentar:</label>
+    <textarea id="add-comment" rows="4"></textarea>
+
+    <div style="margin-top: 10px;">
+        <button id="save-add-two">💾 Save</button>
+        <button class="close-btn">❌ Cancel</button>
+        <button id="help-btn">❓ Help</button>
+    </div>
+</div>
+
+</div>
+<!-- Edit Entry Popup -->
+<div class="popup" id="edit-popup-two">
+<span class="close-btn">×</span>
+<h3>Edit Entry</h3>
+<input id="edit-id" type="hidden"/>
+<label for="edit-client-id">Kunde:</label>
+<select id="edit-client-id">
             {% for client in clients %}
                 <option value="{{ client.id }}">{{ client.name }}</option>
             {% endfor %}
         </select>
-        <input type="number" id="add-age" placeholder="Age">
-        <input type="email" id="add-email" placeholder="Email">
-        <button id="save-add-two">Add</button>
-    </div>
-
-    <!-- Edit Entry Popup -->
-    <div id="edit-popup-two" class="popup">
-        <span class="close-btn">&times;</span>
-        <h3>Edit Entry</h3>
-        <input type="hidden" id="edit-id">
-        <select id="edit-client-id">
-            {% for client in clients %}
-                <option value="{{ client.id }}">{{ client.name }}</option>
-            {% endfor %}
-        </select>
-        <input type="number" id="edit-age" placeholder="Age">
-        <input type="email" id="edit-email" placeholder="Email">
-        <button id="save-edit-two">Save</button>
-    </div>
-
-    <script>
+<label><input id="edit-warm" type="checkbox"/> warm</label>
+<input id="edit-anlieferung" placeholder="LHe Anlieferung" type="text"/>
+<input id="edit-ausgabe" placeholder="LHe Ausgabe" type="text"/>
+<textarea id="edit-comments" placeholder="Comments" rows="4"></textarea>
+<button id="save-edit-two">Save</button>
+<button class="close-btn">Cancel</button>
+<button id="help-btn-edit-two">Help</button>
+</div>
+<script>
         $(document).ready(function () {
             let currentTableId = null; // To track which table is being edited
             let currentModelName = null; // To track which model is being used
@@ -218,40 +225,50 @@
             });
 
             // Save Add Entry
-            $('#save-add-two').on('click', function () {
-                let client_id = $('#add-client-id').val(); // ✅ Correct variable
-                let age = $('#add-age').val();
-                let email = $('#add-email').val();
+$('#save-add-two').on('click', function () {
+    let client_id = $('#add-client-id').val();
+    let date = $('#add-date').val();
+    let warm = $('#add-warm').is(':checked') ? 1 : 0;
+    let lhe_anlieferung = $('#add-lhe-anlieferung').val();
+    let lhe_ausgabe = $('#add-lhe-ausgabe').val();
+    let comment = $('#add-comment').val();
 
-                $.ajax({
-                    url: `/add-entry/${currentModelName}/`,
-                    method: 'POST',
-                    data: {
-                        'client_id': client_id,  // ✅ REPLACE 'name' with this
-                        'age': age,
-                        'email': email,
-                        'csrfmiddlewaretoken': '{{ csrf_token }}'
-                    },
-                    success: function (response) {
-                        let rowCount = $('#table-two tbody tr').length + 1;
-                        let newRow = `
-                            <tr data-id="${response.id}">
-                                <td>${rowCount}</td>                    <!-- Serial # -->
-                                <td>${response.id}</td>                 <!-- ID -->
-                                <td>${response.client_name}</td>               <!-- Name -->
-                                <td>${response.age}</td>                <!-- Age -->
-                                <td>${response.email}</td>              <!-- Email -->
-                                <td>${response.date_joined}</td>        <!-- Date Joined -->
-                                <td class="actions">                    <!-- Actions -->
-                                    <button class="edit-btn-two">Edit</button>
-                                    <button class="delete-btn-two">Delete</button>
-                                </td>
-                            </tr>
-                        `;
-                        $(`#${currentTableId} tbody`).append(newRow);
-                        $('#add-popup-two').fadeOut();
-                    }
-                });
+    $.ajax({
+        url: '/add-entry/SecondTableEntry/',
+        method: 'POST',
+        data: {
+            'client_id': client_id,
+            'date': date,
+            'warm': warm,
+            'lhe_anlieferung': lhe_anlieferung,
+            'lhe_ausgabe': lhe_ausgabe,
+            'comment': comment,
+            'csrfmiddlewaretoken': '{{ csrf_token }}'
+        },
+        success: function (response) {
+            let rowCount = $('tbody tr').length + 1;
+            let newRow = `
+                <tr data-id="${response.id}">
+                    <td>${rowCount}</td>
+                    <td>${response.id}</td>
+                    <td>${response.name}</td>
+                    <td>${response.warm}</td>
+                    <td>${response.lhe_anlieferung}</td>
+                    <td>${response.lhe_ausgabe}</td>
+                    <td>${response.date}</td>
+                    <td class="actions">
+                        <button class="edit-btn-two">Edit</button>
+                        <button class="delete-btn-two">Delete</button>
+                    </td>
+                </tr>`;
+            $('tbody').append(newRow);
+            $('#add-popup-two').fadeOut();
+        },
+        error: function (xhr) {
+            alert('Failed to add entry: ' + xhr.responseText);
+        }
+    });
+});
             });
 
             // Open Edit Popup
@@ -330,6 +347,5 @@
             });
         });
     </script>
-
 </body>
 </html>
\ No newline at end of file

#	ID	Client	Date	Warm	LHe Anlieferung	LHe Ausgabe	Comments	Actions
{{ forloop.counter }}	{{ entry.id }}	{{ entry.client.name }}	{{ entry.age }}	{{ entry.email }}	{{ entry.date_joined }}	- - -
{{ forloop.counter }}	{{ entry.id }}	{{ entry.client.name }}	{{ entry.age }}	{{ entry.email }}	{{ entry.date_joined }}	+ + +