duzo zmian, funkcji

static/js/hide_list.js

@@ -0,0 +1,29 @@
+function toggleVisibility(listId) {
+  fetch('/toggle_visibility/' + listId, {method: 'POST'})
+    .then(response => response.json())
+    .then(data => {
+      const shareHeader = document.getElementById('share-header');
+      const shareUrlSpan = document.getElementById('share-url');
+      const copyBtn = document.getElementById('copyBtn');
+      const toggleBtn = document.getElementById('toggleVisibilityBtn');
+
+      if (data.is_public) {
+        shareHeader.textContent = '🔗 Udostępnij link:';
+        shareUrlSpan.style.display = 'inline';
+        shareUrlSpan.textContent = data.share_url;
+        copyBtn.disabled = false;
+        toggleBtn.innerHTML = '🙈 Ukryj listę';
+      } else {
+        shareHeader.textContent = '🙈 Lista jest ukryta przed gośćmi';
+        shareUrlSpan.style.display = 'none';
+        copyBtn.disabled = true;
+        toggleBtn.innerHTML = '👁️ Udostępnij ponownie';
+      }
+    });
+}
+
+function copyLink(link) {
+  navigator.clipboard.writeText(link).then(() => {
+    alert('Link skopiowany!');
+  });
+}

static/js/live.js

@@ -93,6 +93,7 @@ function setupList(listId, username) {
 
   socket.on('expense_added', data => {
     // Osobne bo w html musi byc unikatowy a wyswietlam w  dwoch miejscach
+
     const badgeEl = document.getElementById('total-expense1');
     if (badgeEl) {
       badgeEl.innerHTML = `💸 ${data.total.toFixed(2)} PLN`;
@@ -114,16 +115,23 @@ function setupList(listId, username) {
     const li = document.createElement('li');
     li.className = 'list-group-item d-flex justify-content-between align-items-center flex-wrap bg-light text-dark';
     li.id = `item-${data.id}`;
+    
+    let quantityBadge = '';
+    if (data.quantity && data.quantity > 1) {
+      quantityBadge = `<span class="badge bg-secondary">x${data.quantity}</span>`;
+    }
+
     li.innerHTML = `
       <div class="d-flex align-items-center flex-wrap gap-2">
         <input type="checkbox">
-        <span id="name-${data.id}" class="text-white">${data.name}</span>
+        <span id="name-${data.id}" class="text-white">${data.name} ${quantityBadge}</span>
       </div>
       <div class="mt-2 mt-md-0">
-        <button class="btn btn-sm btn-outline-warning me-1" onclick="editItem(${data.id}, '${data.name}')">✏️ Edytuj</button>
+        <button class="btn btn-sm btn-outline-warning me-1" onclick="editItem(${data.id}, '${data.name}', ${data.quantity || 1})">✏️ Edytuj</button>
         <button class="btn btn-sm btn-outline-danger" onclick="deleteItem(${data.id})">🗑️ Usuń</button>
       </div>
     `;
+
     document.getElementById('items').appendChild(li);
     updateProgressBar();
   });
@@ -181,9 +189,13 @@ function setupList(listId, username) {
   socket.on('item_edited', data => {
     const nameSpan = document.getElementById(`name-${data.item_id}`);
     if (nameSpan) {
-      nameSpan.innerText = data.new_name;
+      let quantityBadge = '';
+      if (data.new_quantity && data.new_quantity > 1) {
+        quantityBadge = ` <span class="badge bg-secondary">x${data.new_quantity}</span>`;
+      }
+      nameSpan.innerHTML = `${data.new_name}${quantityBadge}`;
     }
-    showToast(`Zmieniono nazwę na: ${data.new_name}`);
+    showToast(`Zaktualizowano produkt: ${data.new_name} (x${data.new_quantity})`);
   });
 
   updateProgressBar();
@@ -225,23 +237,47 @@ function updateProgressBar() {
 
 function addItem(listId) {
   const name = document.getElementById('newItem').value;
+  const quantityInput = document.getElementById('newQuantity');
+  let quantity = 1;
+
+  if (quantityInput) {
+    quantity = parseInt(quantityInput.value);
+    if (isNaN(quantity) || quantity < 1) {
+      quantity = 1;
+    }
+  }
+
   if (name.trim() === '') return;
-  socket.emit('add_item', { list_id: listId, name: name });
+
+  socket.emit('add_item', { list_id: listId, name: name, quantity: quantity });
+
   document.getElementById('newItem').value = '';
+  if (quantityInput) quantityInput.value = 1;
   document.getElementById('newItem').focus();
 }
 
+
 function deleteItem(id) {
   if (confirm('Na pewno usunąć produkt?')) {
     socket.emit('delete_item', { item_id: id });
   }
 }
 
-function editItem(id, oldName) {
-  const newName = prompt('Podaj nową nazwę:', oldName);
-  if (newName && newName.trim() !== '') {
-    socket.emit('edit_item', { item_id: id, new_name: newName });
+function editItem(id, oldName, oldQuantity) {
+  const newName = prompt('Podaj nową nazwę (lub zostaw starą):', oldName);
+  if (newName === null) return; // anulował
+
+  const newQuantityStr = prompt('Podaj nową ilość:', oldQuantity);
+  if (newQuantityStr === null) return; // anulował
+
+  const finalName = newName.trim() !== '' ? newName.trim() : oldName;
+
+  let newQuantity = parseInt(newQuantityStr);
+  if (isNaN(newQuantity) || newQuantity < 1) {
+    newQuantity = oldQuantity;
   }
+
+  socket.emit('edit_item', { item_id: id, new_name: finalName, new_quantity: newQuantity });
 }
 
 function submitExpense() {