duzo fixow i optymalizacji

templates/base.html

@@ -40,10 +40,6 @@
               <li><a class="dropdown-item" href="{{ url_for('import_servers') }}">Importuj serwery z CSV</a></li>
             </ul>
           </li>
-          <!-- WYczysc /etc/hosts -->
-          <li class="nav-item">
-            <a class="nav-link" href="{{ url_for('clear_server') }}">Wyczyść /etc/hosts</a>
-          </li>
           <!-- Edytuj /etc/hosts z podsekcjami -->
           <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="editHostsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
@@ -75,6 +71,17 @@
               <li><a class="dropdown-item" href="{{ url_for('new_hosts_file') }}">Utwórz nowy /etc/hosts</a></li>
             </ul>
           </li>
+
+          <!-- Dpmyślne wpisy -->
+          <li class="nav-item">
+            <a class="nav-link" href="{{ url_for('local_defaults') }}">Domyślne /etc/hosts</a>
+          </li>
+
+          <!-- Wyczysc /etc/hosts -->
+          <li class="nav-item">
+            <a class="nav-link" href="{{ url_for('clear_server') }}">Wyczyść /etc/hosts</a>
+          </li>
+
           <!-- Kopie zapasowe -->
           <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" id="backupsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
@@ -85,17 +92,6 @@
             </ul>
           </li>
 
-
-          <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="#" id="filesDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-              Domyślne wpisy
-            </a>
-            <ul class="dropdown-menu" aria-labelledby="filesDropdown">
-              <li><a class="nav-link" href="{{ url_for('local_defaults') }}">Domyślne /etc/hosts</a></li>
-
-            </ul>
-          </li>
-
           <!-- Ustawienia -->
           <li class="nav-item">
             <a class="nav-link" href="{{ url_for('settings') }}">Ustawienia</a>

templates/clear_servers.html

@@ -61,19 +61,16 @@
 {% block extra_js %}
   {{ super() }}
   <script>
-    // Ustaw dynamicznie action formularza dla czyszczenia pojedynczego serwera
     document.getElementById('clear-single-form').addEventListener('submit', function(e) {
       e.preventDefault();
       var hostId = document.getElementById('host_id').value;
-      if(!hostId) {
+      if (!hostId) {
         alert("Proszę wybrać serwer!");
         return;
       }
-      // Skonstruuj URL bez użycia url_for
       this.action = "/clear-single-server/" + hostId;
       this.submit();
     });
   </script>
-
   
 {% endblock %}

templates/local_defaults.html

@@ -4,49 +4,182 @@
 {% block content %}
 <div class="card">
   <div class="card-header">
-    <h3>Ustaw domyślne wpisy /etc/hosts z dynamicznymi zmiennymi</h3>
+    <h3>Ustaw domyślne wpisy /etc/hosts</h3>
   </div>
   <div class="card-body">
     <form method="POST">
-      <div class="row">
-        <div class="col-md-6">
-          <label class="form-label">Adres IP</label>
-          <input type="text" class="form-control" name="ip_address" placeholder="np. 127.0.0.1" required>
+        <div class="row align-items-end">
+          <div class="col-md-4">
+            <label class="form-label">Adres IP</label>
+            <input type="text" class="form-control" name="ip_address" placeholder="np. 127.0.0.1" required>
+          </div>
+          <div class="col-md-4">
+            <label class="form-label">Hostname</label>
+            <input type="text" class="form-control" name="hostname" placeholder="np. localhost" required>
+          </div>
+          <div class="col-md-4">
+            <button type="submit" class="btn btn-primary w-100">Dodaj wpis</button>
+          </div>
         </div>
-        <div class="col-md-6">
-          <label class="form-label">Hostname</label>
-          <input type="text" class="form-control" name="hostname" placeholder="np. localhost" required>
-        </div>
-      </div>
-      <button type="submit" class="btn btn-primary mt-3">Dodaj wpis</button>
     </form>
+    <hr>
 
-    <table class="table table-striped mt-4">
-      <thead>
-        <tr>
-          <th>ID</th>
-          <th>Adres IP</th>
-          <th>Hostname</th>
-          <th>Akcje</th>
-        </tr>
-      </thead>
-      <tbody>
-        {% for e in entries %}
-        <tr>
-          <td>{{ e.id }}</td>
-          <td>{{ e.ip_address }}</td>
-          <td>{{ e.hostname }}</td>
-          <td>
-            <form method="POST" action="{{ url_for('delete_local_default', entry_id=e.id) }}" onsubmit="return confirm('Usunąć wpis?');">
-              <button class="btn btn-danger btn-sm">Usuń</button>
-            </form>
-          </td>
-        </tr>
-        {% else %}
-        <tr><td colspan="5">Brak zdefiniowanych wpisów.</td></tr>
-        {% endfor %}
-      </tbody>
-    </table>
+    <form id="bulkDeleteForm">
+        <div class="mb-2">
+          <button type="button" class="btn btn-danger btn-sm" id="deleteSelectedBtn" disabled>Usuń zaznaczone</button>
+        </div>
+      
+        <table class="table table-striped mt-4">
+          <thead>
+            <tr>
+              <th><input type="checkbox" id="selectAll"></th>
+              <th>ID</th>
+              <th>Adres IP</th>
+              <th>Hostname</th>
+              <th>Akcje</th>
+            </tr>
+          </thead>
+          <tbody>
+            {% for e in entries %}
+            <tr>
+              <td><input type="checkbox" class="entry-checkbox" value="{{ e.id }}"></td>
+              <td>{{ e.id }}</td>
+              <td class="ip-address">{{ e.ip_address }}</td>
+              <td class="hostname">{{ e.hostname }}</td>
+              <td>
+                <button class="btn btn-warning btn-sm edit-btn" data-id="{{ e.id }}">Edytuj</button>
+                <button class="btn btn-success btn-sm save-btn d-none" data-id="{{ e.id }}">Zapisz</button>
+                <form method="POST" action="{{ url_for('delete_local_default', entry_id=e.id) }}" 
+                      onsubmit="return confirm('Usunąć wpis?');" style="display:inline;">
+                  <button class="btn btn-danger btn-sm">Usuń</button>
+                </form>
+              </td>
+            </tr>
+            {% else %}
+            <tr><td colspan="5">Brak zdefiniowanych wpisów.</td></tr>
+            {% endfor %}
+          </tbody>
+        </table>
+    </form>
   </div>
 </div>
+
+{% endblock %}
+
+{% block extra_js %}
+{{ super() }}
+<script>
+document.addEventListener("DOMContentLoaded", function() {
+    // Logika edycji w tabeli
+    document.querySelectorAll(".edit-btn").forEach(button => {
+        button.addEventListener("click", function() {
+            let row = this.closest("tr");
+            let entryId = this.getAttribute("data-id");
+            let ipCell = row.querySelector(".ip-address");
+            let hostnameCell = row.querySelector(".hostname");
+            let saveButton = row.querySelector(".save-btn");
+
+            let ipInput = document.createElement("input");
+            ipInput.type = "text";
+            ipInput.className = "form-control form-control-sm";
+            ipInput.value = ipCell.textContent.trim();
+
+            let hostnameInput = document.createElement("input");
+            hostnameInput.type = "text";
+            hostnameInput.className = "form-control form-control-sm";
+            hostnameInput.value = hostnameCell.textContent.trim();
+
+            ipCell.textContent = "";
+            hostnameCell.textContent = "";
+            ipCell.appendChild(ipInput);
+            hostnameCell.appendChild(hostnameInput);
+
+            this.classList.add("d-none");
+            saveButton.classList.remove("d-none");
+
+            saveButton.addEventListener("click", function() {
+                let newIp = ipInput.value.trim();
+                let newHostname = hostnameInput.value.trim();
+
+                fetch(`/local-defaults/update/${entryId}`, {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({ ip_address: newIp, hostname: newHostname })
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.status === "success") {
+                        ipCell.textContent = newIp;
+                        hostnameCell.textContent = newHostname;
+
+                        button.classList.remove("d-none");
+                        saveButton.classList.add("d-none");
+                    } else {
+                        alert("Błąd: " + data.message);
+                    }
+                })
+                .catch(error => {
+                    alert("Wystąpił błąd podczas zapisywania: " + error);
+                });
+            });
+        });
+    });
+
+    // Logika zaznaczania i usuwania wpisów
+    let deleteButton = document.getElementById("deleteSelectedBtn");
+    let checkboxes = document.querySelectorAll(".entry-checkbox");
+    let selectAllCheckbox = document.getElementById("selectAll");
+
+    function updateDeleteButtonState() {
+        let anyChecked = Array.from(checkboxes).some(checkbox => checkbox.checked);
+        deleteButton.disabled = !anyChecked;
+    }
+
+    checkboxes.forEach(checkbox => {
+        checkbox.addEventListener("change", updateDeleteButtonState);
+    });
+
+    selectAllCheckbox.addEventListener("change", function() {
+        let isChecked = this.checked;
+        checkboxes.forEach(checkbox => checkbox.checked = isChecked);
+        updateDeleteButtonState();
+    });
+
+    deleteButton.addEventListener("click", function() {
+        let selectedIds = Array.from(checkboxes)
+                               .filter(checkbox => checkbox.checked)
+                               .map(checkbox => checkbox.value);
+
+        if (selectedIds.length === 0) {
+            alert("Nie zaznaczono żadnych wpisów do usunięcia.");
+            return;
+        }
+
+        if (!confirm("Czy na pewno chcesz usunąć zaznaczone wpisy?")) {
+            return;
+        }
+
+        fetch("/local-defaults/delete", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ entry_ids: selectedIds })
+        })
+        .then(response => response.json())
+        .then(data => {
+            if (data.status === "success") {
+                selectedIds.forEach(id => {
+                    let row = document.querySelector(`input[value='${id}']`).closest("tr");
+                    row.remove();
+                });
+                updateDeleteButtonState();
+            } else {
+                alert("Błąd: " + data.message);
+            }
+        })
+        .catch(error => {
+            alert("Wystąpił błąd podczas usuwania: " + error);
+        });
+    });
+});
+</script>
 {% endblock %}