From 7a9042ffb25ac5ae14005278585ccfb6afe0395b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?=
 <mateusz.gruszczynski@firma.interia.pl>
Date: Sat, 19 Jul 2025 22:18:23 +0200
Subject: [PATCH] upload z zjec z galerii + prettycode

---
 static/js/receipt_upload.js | 11 +++++++++++
 templates/list_share.html   | 11 +++++++++--
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/static/js/receipt_upload.js b/static/js/receipt_upload.js
index 4fbf803..04107ad 100644
--- a/static/js/receipt_upload.js
+++ b/static/js/receipt_upload.js
@@ -89,3 +89,14 @@ if (!window.receiptUploaderInitialized) {
 
   window.receiptUploaderInitialized = true;
 }
+
+document.addEventListener("DOMContentLoaded", function () {
+  const isMobile = /Mobi|Android|iPhone|iPad/i.test(navigator.userAgent);
+  const galleryBtn = document.getElementById("galleryBtn");
+  const galleryInput = document.getElementById("galleryInput");
+
+  if (!isMobile && galleryBtn && galleryInput) {
+    galleryBtn.style.display = "none";
+    galleryInput.disabled = true;
+  }
+});
diff --git a/templates/list_share.html b/templates/list_share.html
index 3b33b09..b96f601 100644
--- a/templates/list_share.html
+++ b/templates/list_share.html
@@ -130,21 +130,28 @@
   <h5>📤 Dodaj zdjęcie paragonu</h5>
   <form id="receiptForm" action="{{ url_for('upload_receipt', list_id=list.id) }}" method="post"
     enctype="multipart/form-data" class="text-center">
-    <label for="cameraInput"
+
+    <!-- Zrób zdjęcie -->
+    <label for="cameraInput" id="cameraBtn"
       class="btn btn-outline-light w-100 py-2 mb-2 d-flex align-items-center justify-content-center gap-2">
       <i class="bi bi-camera"></i> 📸 Zrób zdjęcie
     </label>
     <input type="file" name="receipt" accept="image/*" capture="environment" class="d-none" id="cameraInput">
-    <label for="galleryInput"
+
+    <!-- Z galerii -->
+    <label for="galleryInput" id="galleryBtn"
       class="btn btn-outline-light w-100 py-2 mb-2 d-flex align-items-center justify-content-center gap-2">
       <i class="bi bi-image"></i> 🖼️ Z galerii
     </label>
     <input type="file" name="receipt" accept="image/*" class="d-none" id="galleryInput">
+
     <div id="progressContainer" class="progress" style="height: 20px; display: none;">
       <div id="progressBar" class="progress-bar bg-success fw-bold" role="progressbar" style="width: 0%;">0%</div>
     </div>
+
     <div id="receiptGallery" class="mt-3"></div>
   </form>
+
   {% endif %}
 
 </div>