static/js/functions.js

@@ -92,6 +92,24 @@ function submitExpense(listId) {
 }
 
 function copyLink(link) {
+  // Najpierw sprawdź Web Share API (działa na większości urządzeń mobilnych)
+  if (navigator.share) {
+    navigator.share({
+      title: 'Udostępnij link',
+      text: 'Sprawdź ten link:',
+      url: link
+    }).then(() => {
+      showToast('Link udostępniony!');
+    }).catch((err) => {
+      // Użytkownik anulował lub wystąpił błąd – próbujemy dalej
+      tryClipboard(link);
+    });
+    return;
+  }
+  tryClipboard(link);
+}
+
+function tryClipboard(link) {
   if (navigator.clipboard && window.isSecureContext) {
     navigator.clipboard.writeText(link).then(() => {
       showToast('Link skopiowany do schowka!');
@@ -104,6 +122,36 @@ function copyLink(link) {
   }
 }
 
+function fallbackCopyText(text) {
+  const textarea = document.createElement('textarea');
+  textarea.value = text;
+  textarea.style.position = 'fixed';
+  textarea.style.top = 0;
+  textarea.style.left = 0;
+  textarea.style.opacity = 0;
+  document.body.appendChild(textarea);
+  textarea.focus();
+  textarea.select();
+
+  try {
+    const successful = document.execCommand('copy');
+    if (successful) {
+      showToast('Link skopiowany do schowka!');
+    } else {
+      showToast('Nie udało się skopiować linku', 'warning');
+    }
+  } catch (err) {
+    console.error('Fallback błąd kopiowania:', err);
+    showToast('Nie udało się skopiować linku', 'warning');
+  }
+
+  document.body.removeChild(textarea);
+}
+
+function openList(link) {
+  window.open(link, '_blank');
+}
+
 function applyHidePurchased(isInit = false) {
   console.log("applyHidePurchased: wywołana, isInit =", isInit);
   const toggle = document.getElementById('hidePurchasedToggle');
@@ -142,36 +190,6 @@ function applyHidePurchased(isInit = false) {
   });
 }
 
-function openList(link) {
-  window.open(link, '_blank');
-}
-
-function fallbackCopyText(text) {
-  const textarea = document.createElement('textarea');
-  textarea.value = text;
-  textarea.style.position = 'fixed';
-  textarea.style.top = 0;
-  textarea.style.left = 0;
-  textarea.style.opacity = 0;
-  document.body.appendChild(textarea);
-  textarea.focus();
-  textarea.select();
-
-  try {
-    const successful = document.execCommand('copy');
-    if (successful) {
-      showToast('Link skopiowany do schowka!');
-    } else {
-      showToast('Nie udało się skopiować linku', 'warning');
-    }
-  } catch (err) {
-    console.error('Fallback błąd kopiowania:', err);
-    showToast('Nie udało się skopiować linku', 'warning');
-  }
-
-  document.body.removeChild(textarea);
-}
-
 function toggleVisibility(listId) {
   fetch('/toggle_visibility/' + listId, {method: 'POST'})
     .then(response => response.json())

templates/list.html

@@ -80,7 +80,7 @@ Lista: <strong>{{ list.title }}</strong>
 
 <div class="form-check form-switch mb-3 d-flex justify-content-end">
   <input class="form-check-input" type="checkbox" id="hidePurchasedToggle">
-  <label class="form-check-label ms-2" for="hidePurchasedToggle">Ukryj kupione produkty</label>
+  <label class="form-check-label ms-2" for="hidePurchasedToggle">Ukryj zaznaczone</label>
 </div>
 
 <ul id="items" class="list-group mb-3">

templates/list_share.html

@@ -22,10 +22,9 @@
 
 <div class="form-check form-switch mb-3 d-flex justify-content-end">
   <input class="form-check-input" type="checkbox" id="hidePurchasedToggle">
-  <label class="form-check-label ms-2" for="hidePurchasedToggle">Ukryj kupione produkty</label>
+  <label class="form-check-label ms-2" for="hidePurchasedToggle">Ukryj zaznaczone</label>
 </div>
 
-
 <ul id="items" class="list-group mb-3">
   {% for item in items %}
   <li data-name="{{ item.name|lower }}" id="item-{{ item.id }}" class="list-group-item d-flex justify-content-between align-items-center flex-wrap clickable-item {% if item.purchased %}bg-success text-white{% else %}item-not-checked{% endif %}" id="item-{{ item.id }}">    <div class="d-flex align-items-center gap-3 flex-grow-1">