zmiany1

templates/expenses.html

@@ -133,6 +133,16 @@
         <div class="card bg-dark text-white mb-4">
           <div class="card-body">
 
+            <div class="text-end mb-2">
+              <div class="btn-group btn-group-sm">
+                <button class="btn btn-outline-light" id="openFsBtn"
+                  onclick="openChartFullscreen('expensesChart','Wydatki')" title="Pełny ekran" disabled>⛶</button>
+
+                <button type="button" class="btn btn-outline-light" id="downloadMainChartBtn" title="Pobierz jako PNG"
+                  disabled>⬇</button>
+              </div>
+            </div>
+
             <div class="d-flex gap-3 mb-3">
               <div>
                 <h6 class="text-white">Podział według czasu</h6>
@@ -145,7 +155,8 @@
               </div>
               <div>
                 <h6 class="text-white">Kategorie/Sumy wydatków</h6>
-                <button class="btn btn-outline-light btn-sm" id="toggleCategorySplit" aria-pressed="false">Przełącz na kategorie</button>
+                <button class="btn btn-outline-light btn-sm" id="toggleCategorySplit" aria-pressed="false">Przełącz na
+                  kategorie</button>
               </div>
             </div>
 
@@ -181,6 +192,21 @@
   </div>
 </div>
 
+<div class="modal fade" id="chartFullscreenModal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog modal-xl modal-dialog-centered">
+    <div class="modal-content bg-dark">
+      <div class="modal-header">
+        <h5 class="modal-title" id="chartModalTitle">Wykres</h5>
+        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Zamknij"></button>
+      </div>
+      <div class="modal-body p-0">
+        <canvas id="chartFullscreenCanvas"></canvas>
+      </div>
+    </div>
+  </div>
+</div>
+
+
 {% endblock %}
 
 {% block scripts %}
@@ -191,4 +217,6 @@
 <script src="{{ url_for('static_bp.serve_js', filename='expense_tab.js') }}"></script>
 <script src="{{ url_for('static_bp.serve_js', filename='select_all_table.js') }}"></script>
 <script src="{{ url_for('static_bp.serve_js', filename='chart_controls.js') }}"></script>
+<script src="{{ url_for('static_bp.serve_js', filename='modal_chart.js') }}"></script>
+<script src="{{ url_for('static_bp.serve_js', filename='download_chart.js') }}"></script>
 {% endblock %}