From fc233e22a8ea75258f5c76900947c39564d30af7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?=
 <mateusz.gruszczynski@firma.interia.pl>
Date: Wed, 9 Jul 2025 10:41:28 +0200
Subject: [PATCH] ux i funkcja masowego dodwania produktu

---
 templates/admin/admin_panel.html | 1 -
 templates/admin/edit_list.html   | 6 +++---
 templates/list.html              | 5 ++---
 templates/list_share.html        | 8 ++++----
 templates/main.html              | 2 +-
 5 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/templates/admin/admin_panel.html b/templates/admin/admin_panel.html
index 9e073d7..474f604 100644
--- a/templates/admin/admin_panel.html
+++ b/templates/admin/admin_panel.html
@@ -179,7 +179,6 @@
           <button class="btn btn-outline-success" id="customRangeBtn">Pokaż dane z zakresu 📅</button>
         </div>
 
-
         <div class="bg-dark rounded p-2">
           <canvas id="expensesChart" height="100"></canvas>
         </div>
diff --git a/templates/admin/edit_list.html b/templates/admin/edit_list.html
index 0072f43..e0b6445 100644
--- a/templates/admin/edit_list.html
+++ b/templates/admin/edit_list.html
@@ -10,17 +10,17 @@
 <form method="post">
   <div class="mb-4">
     <label for="title" class="form-label">Ustaw nazwę</label>
-    <input type="text" class="form-control" id="title" name="title" value="{{ list.title }}" required>
+    <input type="text" class="form-control bg-dark text-white border-secondary rounded" id="title" name="title" value="{{ list.title }}" required>
   </div>
 
   <div class="mb-4">
     <label for="amount" class="form-label">Ustaw kwotę wydatku (PLN)</label>
-    <input type="number" step="0.01" min="0" class="form-control" id="amount" name="amount" value="{{ '%.2f'|format(total_expense) }}">
+    <input type="number" step="0.01" min="0" class="form-control bg-dark text-white border-secondary rounded" id="amount" name="amount" value="{{ '%.2f'|format(total_expense) }}">
   </div>
 
   <div class="mb-4">
     <label for="owner_id" class="form-label">Zmień właściciela</label>
-    <select class="form-select" id="owner_id" name="owner_id">
+    <select class="form-select bg-dark text-white border-secondary rounded" id="owner_id" name="owner_id">
       {% for user in users %}
         <option value="{{ user.id }}" {% if list.owner_id == user.id %}selected{% endif %}>
           {{ user.username }}
diff --git a/templates/list.html b/templates/list.html
index 0b71746..f3b691b 100644
--- a/templates/list.html
+++ b/templates/list.html
@@ -71,7 +71,6 @@ Lista: <strong>{{ list.title }}</strong>
   </div>
 {% endif %}
 
-
 <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 {% if item.purchased %}bg-success text-white{% else %}item-not-checked{% endif %}" id="item-{{ item.id }}">
@@ -110,8 +109,8 @@ Lista: <strong>{{ list.title }}</strong>
   </div>
   <div class="col-12 col-md-9">
     <div class="input-group w-100">
-      <input type="text" id="newItem" name="name" class="form-control" placeholder="Dodaj produkt i ilość" required>
-      <input type="number" id="newQuantity" name="quantity" class="form-control" placeholder="Ilość" min="1" value="1" style="max-width: 90px;">
+      <input type="text" id="newItem" name="name" class="form-control bg-dark text-white border-secondary" placeholder="Dodaj produkt i ilość" required>
+      <input type="number" id="newQuantity" name="quantity" class="form-control bg-dark text-white border-secondary" placeholder="Ilość" min="1" value="1" style="max-width: 90px;">
       <button type="button" class="btn btn-success rounded-end" onclick="addItem({{ list.id }})">➕ Dodaj</button>
     </div>
   </div>
diff --git a/templates/list_share.html b/templates/list_share.html
index ca22d12..27fa80e 100644
--- a/templates/list_share.html
+++ b/templates/list_share.html
@@ -43,8 +43,8 @@
 
 {% if not list.is_archived %}
   <div class="input-group mb-2">
-    <input id="newItem" class="form-control" placeholder="Dodaj produkt i ilość">
-    <input id="newQuantity" type="number" class="form-control" placeholder="Ilość" min="1" value="1" style="max-width: 90px;">
+    <input id="newItem" class="form-control bg-dark text-white border-secondary" placeholder="Dodaj produkt i ilość">
+    <input id="newQuantity" type="number" class="form-control bg-dark text-white border-secondary" placeholder="Ilość" min="1" value="1" style="max-width: 90px;">
     <button onclick="addItem({{ list.id }})" class="btn btn-success rounded-end">➕ Dodaj</button>
   </div>
 {% endif %}
@@ -53,7 +53,7 @@
   <hr>
   <h5>💰 Dodaj wydatek</h5>
   <div class="input-group mb-2">
-    <input id="expenseAmount" type="number" step="0.01" min="0" class="form-control" placeholder="Kwota (PLN)">
+    <input id="expenseAmount" type="number" step="0.01" min="0" class="form-control bg-dark text-white border-secondary" placeholder="Kwota (PLN)">
     <button onclick="submitExpense({{ list.id }})" class="btn btn-success rounded-end">💾 Zapisz</button>
   </div>
 {% endif %}
@@ -82,7 +82,7 @@
   <h5>📤 Dodaj zdjęcie paragonu</h5>
   <form action="{{ url_for('upload_receipt', list_id=list.id) }}" method="post" enctype="multipart/form-data">
     <div class="input-group mb-2">
-      <input type="file" name="receipt" accept="image/*" capture="environment" class="form-control custom-file-input" id="receiptInput">
+      <input type="file" name="receipt" accept="image/*" capture="environment" class="form-control bg-dark text-white border-secondary custom-file-input" id="receiptInput">
       <button type="submit" class="btn btn-success rounded-end">➕ Wgraj</button>
     </div>
   </form>
diff --git a/templates/main.html b/templates/main.html
index 3fe4220..5fbbcf3 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -17,7 +17,7 @@
   <div class="card-body">
     <form action="/create" method="post">
       <div class="input-group mb-3">
-        <input type="text" name="title" id="title" placeholder="Wprowadź nazwę nowej listy" required class="form-control">
+        <input type="text" name="title" id="title" placeholder="Wprowadź nazwę nowej listy" required class="form-control bg-dark text-white border-secondary">
         <button 
           type="button" 
           class="btn btn-outline-secondary rounded-end"