poprawki

templates/admin/edit_zbiorka.html

@@ -3,7 +3,7 @@
 {% block content %}
 <div class="container my-4">
   <div class="card shadow-sm">
-    <div class="card-header bg-primary text-white">
+    <div class="card-header bg-success text-white">
       <h3 class="card-title mb-0">Edytuj zbiórkę</h3>
     </div>
     <div class="card-body">

templates/base.html

@@ -36,5 +36,23 @@
         {% block content %}{% endblock %}
     </div>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+        // Funkcja aktualizująca animację paska postępu
+        function animateProgressBars() {
+            document.querySelectorAll('.progress-bar').forEach(bar => {
+                const progressValue = bar.getAttribute('aria-valuenow');
+                bar.style.setProperty('--progress-width', progressBarWidth(progressBarValue(progressBar)));
+            });
+        }
+        
+        // Funkcja wywoływana przy ładowaniu strony
+        document.addEventListener('DOMContentLoaded', () => {
+            document.querySelectorAll('.progress-bar').forEach(bar => {
+                const width = bar.getAttribute('aria-valuenow') + '%';
+                bar.style.setProperty('--progress-width', width);
+            });
+        });
+        </script>
+        
 </body>
 </html>

templates/index.html

@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
-{% block title %}Lista Zbiórek{% endblock %}
+{% block title %}Aktywne zbiórki{% endblock %}
 {% block content %}
-<h1 class="mb-4">Lista Zbiórek</h1>
+<h2 class="mb-4">Aktualnie aktywne zbiórki</h2>
 <div class="row">
     {% for z in zbiorki %}
     <div class="col-sm-12 col-md-6 col-lg-4 mb-4">
@@ -14,7 +14,7 @@
                         {{ progress|round(2) }}%
                     </div>
                 </div>
-                <a href="{{ url_for('zbiorka', zbiorka_id=z.id) }}" class="btn btn-primary btn-sm">Wejdź do zbiórki</a>
+                <a href="{{ url_for('zbiorka', zbiorka_id=z.id) }}" class="btn btn-primary btn-sm">Szczegóły</a>
             </div>
         </div>
     </div>

templates/zbiorka.html

@@ -4,32 +4,36 @@
 <div class="container my-4">
   <!-- Główna karta zbiórki -->
   <div class="card mb-4 shadow-sm">
-    <div class="card-header bg-primary text-white">
-      <h2 class="card-title mb-0">{{ zbiorka.nazwa }}</h2>
+    <div class="card-header bg-secondary text-white">
+      <h3 class="card-title mb-0"></h3>{{ zbiorka.nazwa }}</h3>
     </div>
     <div class="card-body">
       <div class="row">
         <!-- Lewa kolumna: opis i postęp -->
         <div class="col-md-8">
-          <h5>Opis zbiórki</h5>
+          <h5>Opis:</h5>
           <div class="mb-3">
             {{ zbiorka.opis | markdown }}
           </div>
           {% set progress = (zbiorka.stan / zbiorka.cel * 100) if zbiorka.cel > 0 else 0 %}
-          <h5>Postęp zbiórki</h5>
+          <h5>Postęp:</h5>
           <div class="progress mb-3" style="height: 40px;">
-            <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" 
-                 style="width: {{ progress if progress < 100 else 100 }}%;" 
-                 aria-valuenow="{{ progress }}" aria-valuemin="0" aria-valuemax="100">
-                {{ progress|round(2) }}%
+            <div class="progress-bar progress-bar-striped progress-bar-animated"
+                 role="progressbar"
+                 style="width: {{ progress if progress < 100 else 100 }}%;"
+                 aria-valuenow="{{ progress }}"
+                 aria-valuemin="0"
+                 aria-valuemax="100">
+                 {{ progress|round(2) }}%
             </div>
           </div>
+          
         </div>
         <!-- Prawa kolumna: sekcja "Wspomóż" -->
         <div class="col-md-4">
           <div class="card wspomoz-card mb-3">
             <div class="card-body">
-              <h5 class="card-title">Wspomóż</h5>
+
               <p class="card-text">
                 <strong>Numer konta:</strong>
                 <span class="fs-4">{{ zbiorka.numer_konta }}</span>
@@ -39,6 +43,7 @@
                 <span class="fs-4">{{ zbiorka.numer_telefonu_blik }}</span>
               </p>
               {% if not zbiorka.ukryj_kwote %}
+              <hr>
               <p class="card-text">
                 <strong>Cel zbiórki:</strong>
                 <span class="fs-4">{{ zbiorka.cel }} PLN</span>
@@ -58,7 +63,7 @@
         {% if current_user.is_authenticated and current_user.is_admin %}
           <a href="{{ url_for('admin_dodaj_wplate', zbiorka_id=zbiorka.id) }}" class="btn btn-primary">Dodaj wpłatę</a>
         {% endif %}
-        <a href="{{ url_for('index') }}" class="btn btn-secondary">Powrót do listy zbiórek</a>
+        <a href="{{ url_for('index') }}" class="btn btn-secondary">Powrót do listy</a>
       </div>
     </div>
   </div>