merge: merge pull request #9 from n0rfas/dev

Author: n0rfas

README.md

@@ -1,6 +1,6 @@
 # Git-Analytics
 
-[![PyPI](https://img.shields.io/pypi/v/git-analytics.svg)](https://pypi.org/project/git-analytics/)
+[![PyPI](https://img.shields.io/pypi/v/git-analytics.svg?color=green)](https://pypi.org/project/git-analytics/)
 [![Python Versions](https://img.shields.io/pypi/pyversions/git-analytics.svg)](https://pypi.org/project/git-analytics/)
 [![code quality check](https://github.com/n0rfas/git-analytics/actions/workflows/code-check-dev.yml/badge.svg?branch=dev)](https://github.com/n0rfas/git-analytics/tree/dev)
 [![python versions check](https://github.com/n0rfas/git-analytics/actions/workflows/python-matrix-main.yml/badge.svg?branch=main)](https://github.com/n0rfas/git-analytics/tree/main)

git_analytics/static/index.html

@@ -168,5 +168,18 @@ <h1 class="h3 mb-4">Other statistics</h1>
     <script src="js/bootstrap.bundle.min.js"></script>
     <script src="js/chart.umd.min.js"></script>
     <script src="js/git-analytics.js"></script>
+    
+    <!-- Loading Modal -->
+    <div class="modal fade" id="loadingModal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
+        <div class="modal-dialog modal-dialog-centered">
+            <div class="modal-content text-center">
+                <div class="modal-body">
+                <div class="spinner-border text-primary mb-3" role="status"></div>
+                    <p class="mb-0"><strong>Analyzing repository. Please wait...</strong></p>
+                </div>
+            </div>
+        </div>
+    </div>
+
 </body>
 </html>

git_analytics/static/js/git-analytics.js

@@ -392,7 +392,11 @@ async function fetchStatistics() {
 
   document.addEventListener("DOMContentLoaded", async () => {
     try {
+      const modalEl = document.getElementById("loadingModal");
+      const modal = new bootstrap.Modal(modalEl, { backdrop: "static", keyboard: false });
+      modal.show();
       const stats = await fetchStatistics();
+      modal.hide();
       const authorsData = stats.authors_statistics.authors;
       renderSummary(stats);
       buildAuthorsChart(authorsData);