staticdash 0.1.4__py3-none-any.whl → 0.2.1__py3-none-any.whl

staticdash/assets/css/style.css

@@ -12,9 +12,24 @@ body {
   width: 240px;
   height: 100vh;
   background-color: #2c3e50;
-  padding: 20px;
+  padding: 20px 20px 60px 20px;
   box-sizing: border-box;
   overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: #888 #2c3e50;
+}
+
+#sidebar::-webkit-scrollbar {
+  width: 6px;
+}
+
+#sidebar::-webkit-scrollbar-track {
+  background: #2c3e50;
+}
+
+#sidebar::-webkit-scrollbar-thumb {
+  background-color: #888;
+  border-radius: 3px;
 }
 
 #sidebar h1 {
@@ -29,12 +44,40 @@ body {
   text-decoration: none;
   margin: 10px 0;
   font-weight: bold;
-  transition: color 0.3s;
+  padding: 10px 15px;
+  border-radius: 10px;
+  transition: background-color 0.3s, color 0.3s;
 }
 
-.nav-link.active,
 .nav-link:hover {
   color: #ffffff;
+  background-color: #34495e;
+}
+
+.nav-link.active {
+  color: #ffffff;
+  background-color: #1abc9c;
+}
+
+#sidebar-footer {
+  position: fixed;
+  bottom: 20px;
+  left: 20px;
+  width: 200px;
+  font-size: 12px;
+  color: #7f8c8d;
+  text-align: center;
+  line-height: 1.4;
+  background-color: #2c3e50;
+}
+
+#sidebar-footer a {
+  color: #1abc9c;
+  text-decoration: none;
+}
+
+#sidebar-footer a:hover {
+  text-decoration: underline;
 }
 
 #content {
@@ -53,6 +96,12 @@ body {
 
 .plot-container {
   margin: 20px 0;
+  width: 100%;
+}
+
+.plot-container .plotly-graph-div {
+  width: 100% !important;
+  height: auto !important;
 }
 
 table {
@@ -79,7 +128,7 @@ tr:nth-child(even) {
   background-color: #f2f2f2;
 }
 
-tr:hover {
+tbody tr:hover {
   background-color: #e8f0fe;
 }
 
@@ -89,26 +138,40 @@ tr:hover {
   margin: 1em 0;
 }
 
+.download-button {
+  display: inline-block;
+  padding: 0.5em 1em;
+  margin: 1em 0;
+  background-color: #2c3e50;
+  color: white;
+  text-decoration: none;
+  border-radius: 5px;
+  font-weight: bold;
+}
 
-.plot-container {
-  width: 100%;
+.download-button:hover {
+  background-color: #547a9f;
 }
 
-.plot-container .plotly-graph-div {
-  width: 100% !important;
-  height: auto !important;
+table.sortable th {
+  cursor: pointer;
+  position: relative;
+  padding-right: 1.5em;
+  user-select: none;
 }
 
-.download-button {
-    display: inline-block;
-    padding: 0.5em 1em;
-    margin: 1em 0;
-    background-color: #2c3e50;
-    color: white;
-    text-decoration: none;
-    border-radius: 5px;
-    font-weight: bold;
+table.sortable th::after {
+  content: "";
+  position: absolute;
+  right: 0.5em;
+  font-size: 0.9em;
+  pointer-events: none;
 }
-.download-button:hover {
-    background-color: #547a9f;
+
+table.sortable th.sorted-asc::after {
+  content: "\25B2";
+}
+
+table.sortable th.sorted-desc::after {
+  content: "\25BC";
 }

staticdash/assets/js/script.js

@@ -40,4 +40,55 @@ document.addEventListener("DOMContentLoaded", () => {
   if (sections.length > 0) {
     showPage(sections[0].id);
   }
+
+  // Table sorting for tables with class "sortable"
+  document.querySelectorAll("table.sortable").forEach(function (table) {
+    const headers = table.querySelectorAll("thead th");
+    let originalRows = null;
+
+    headers.forEach(function (th, colIdx) {
+      th.addEventListener("click", function () {
+        if (!originalRows) {
+          const tbody = table.querySelector("tbody");
+          originalRows = Array.from(tbody.querySelectorAll("tr"));
+        }
+
+        // Cycle: none -> asc -> desc -> none
+        let state = th.dataset.sorted;
+        let nextState = state === "asc" ? "desc" : state === "desc" ? "none" : "asc";
+
+        headers.forEach(h => {
+          h.classList.remove("sorted-asc", "sorted-desc");
+          h.dataset.sorted = "none";
+        });
+
+        th.dataset.sorted = nextState;
+        if (nextState === "asc") th.classList.add("sorted-asc");
+        if (nextState === "desc") th.classList.add("sorted-desc");
+
+        const tbody = table.querySelector("tbody");
+        if (nextState === "none") {
+          originalRows.forEach(row => tbody.appendChild(row));
+          return;
+        }
+
+        const rows = Array.from(tbody.querySelectorAll("tr"));
+        rows.sort(function (a, b) {
+          const aText = a.children[colIdx].textContent.trim();
+          const bText = b.children[colIdx].textContent.trim();
+          // Numeric sort if both are numbers
+          const aNum = parseFloat(aText);
+          const bNum = parseFloat(bText);
+          if (!isNaN(aNum) && !isNaN(bNum)) {
+            return nextState === "asc" ? aNum - bNum : bNum - aNum;
+          }
+          // String sort (works for ISO dates)
+          return nextState === "asc"
+            ? aText.localeCompare(bText)
+            : bText.localeCompare(aText);
+        });
+        rows.forEach(row => tbody.appendChild(row));
+      });
+    });
+  });
 });

staticdash/dashboard.py

@@ -3,16 +3,21 @@ import shutil
 import uuid
 import pandas as pd
 import plotly.graph_objects as go
-import plotly.express as px
 from dominate import document
-from dominate.tags import div, h1, h2, p, a, script, link, table, thead, tr, th, tbody, td, span
-from dominate.util import raw as raw_util  # To avoid ambiguity
+from dominate.tags import div, h1, h2, h3, h4, p, a, script, link, table, thead, tr, th, tbody, td, span
+from dominate.util import raw as raw_util
 
 class Page:
     def __init__(self, slug, title):
         self.slug = slug
         self.title = title
         self.elements = []
+        self.add_header(title, level=1)  # Add page title as level 1 header
+
+    def add_header(self, text, level=1):
+        if level not in (1, 2, 3, 4):
+            raise ValueError("Header level must be 1, 2, 3, or 4")
+        self.elements.append(("header", (text, level)))
 
     def add_text(self, text):
         self.elements.append(("text", text))
@@ -21,12 +26,15 @@ class Page:
         html = raw_util(plot.to_html(full_html=False, include_plotlyjs='cdn', config={'responsive': True}))
         self.elements.append(("plot", html))
 
-    def add_table(self, df, table_id=None):
+    def add_table(self, df, table_id=None, sortable=True):
         if table_id is None:
             table_id = f"table-{len(self.elements)}"
-        html = df.to_html(classes="table-hover table-striped", index=False, border=0, table_id=table_id)
+        classes = "table-hover table-striped"
+        if sortable:
+            classes += " sortable"
+        html = df.to_html(classes=classes, index=False, border=0, table_id=table_id, escape=False)
         self.elements.append(("table", (html, table_id)))
-    
+
     def add_download(self, file_path, label=None):
         if not os.path.isfile(file_path):
             raise FileNotFoundError(f"File not found: {file_path}")
@@ -44,9 +52,18 @@ class Page:
 
     def render(self, index):
         section = div(id=f"page-{index}", cls="page-section")
-        section += h1(self.title)
         for kind, content in self.elements:
-            if kind == "text":
+            if kind == "header":
+                text, level = content
+                if level == 1:
+                    section += h1(text)
+                elif level == 2:
+                    section += h2(text)
+                elif level == 3:
+                    section += h3(text)
+                elif level == 4:
+                    section += h4(text)
+            elif kind == "text":
                 section += p(content)
             elif kind == "plot":
                 section += div(content, cls="plot-container")
@@ -70,13 +87,10 @@ class Dashboard:
         assets_src = os.path.join(os.path.dirname(__file__), "assets")
         assets_dst = os.path.join(output_dir, "assets")
 
-        # Ensure directories exist
         os.makedirs(pages_dir, exist_ok=True)
         os.makedirs(downloads_dir, exist_ok=True)
         shutil.copytree(assets_src, assets_dst, dirs_exist_ok=True)
 
-
-        # Generate each page
         for page in self.pages:
             doc = document(title=page.title)
             with doc.head:
@@ -85,9 +99,19 @@ class Dashboard:
 
             with doc:
                 with div(cls="page-section", id=f"page-{page.slug}"):
-                    h1(page.title)
+                    # Remove h1(page.title) here, since it's already a header element
                     for kind, content in page.elements:
-                        if kind == "text":
+                        if kind == "header":
+                            text, level = content
+                            if level == 1:
+                                h1(text)
+                            elif level == 2:
+                                h2(text)
+                            elif level == 3:
+                                h3(text)
+                            elif level == 4:
+                                h4(text)
+                        elif kind == "text":
                             p(content)
                         elif kind == "plot":
                             div(content, cls="plot-container")
@@ -98,7 +122,6 @@ class Dashboard:
             with open(os.path.join(pages_dir, f"{page.slug}.html"), "w") as f:
                 f.write(str(doc))
 
-        # Generate index.html with navigation
         index_doc = document(title=self.title)
         with index_doc.head:
             index_doc.head.add(link(rel="stylesheet", href="assets/css/style.css"))
@@ -109,46 +132,43 @@ class Dashboard:
                 h1(self.title)
                 for page in self.pages:
                     a(page.title, cls="nav-link", href="#", **{"data-target": f"page-{page.slug}"})
+                with div(id="sidebar-footer"):
+                    a("Produced by staticdash", href="https://pypi.org/project/staticdash/", target="_blank")
+
             with div(id="content"):
                 for page in self.pages:
                     with div(id=f"page-{page.slug}", cls="page-section", style="display:none;"):
-                        h2(page.title)
+                        # Remove h2(page.title) here, since it's already a header element
                         for kind, content in page.elements:
-                            if kind == "text":
+                            if kind == "header":
+                                text, level = content
+                                if level == 1:
+                                    h1(text)
+                                elif level == 2:
+                                    h2(text)
+                                elif level == 3:
+                                    h3(text)
+                                elif level == 4:
+                                    h4(text)
+                            elif kind == "text":
                                 p(content)
                             elif kind == "plot":
                                 div(content, cls="plot-container")
                             elif kind == "table":
                                 table_html, _ = content
                                 div(raw_util(table_html))
-                            # elif kind == "download":
-                            #     src_path, label = content
-                            #     file_uuid = f"{uuid.uuid4().hex}_{os.path.basename(src_path)}"
-                            #     dst_path = os.path.join(downloads_dir, file_uuid)
-                            #     shutil.copy2(src_path, dst_path)
-                            #     a(label or os.path.basename(src_path),
-                            #     href=f"{downloads_dir}/{file_uuid}",
-                            #     cls="download-button",
-                            #     download=True)
                             elif kind == "download":
                                 src_path, label = content
                                 file_uuid = f"{uuid.uuid4().hex}_{os.path.basename(src_path)}"
                                 dst_path = os.path.join(downloads_dir, file_uuid)
                                 shutil.copy2(src_path, dst_path)
-
-                                # Use relative link from HTML to downloads/ folder
                                 download_link = f"downloads/{file_uuid}"
-
-                                # Create button and append it to the current div
                                 btn = a(label or os.path.basename(src_path),
                                         href=download_link,
                                         cls="download-button",
                                         download=True)
-
                                 div(btn)
                                 div(raw_util("<br>"))
 
-
-
         with open(os.path.join(output_dir, "index.html"), "w") as f:
             f.write(str(index_doc))

{staticdash-0.1.4.dist-info → staticdash-0.2.1.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: staticdash
-Version: 0.1.4
+Version: 0.2.1
 Summary: A lightweight static HTML dashboard generator with Plotly and pandas support.
 Author-email: Brian Day <brian.day1@gmail.com>
 License: CC0-1.0

staticdash-0.2.1.dist-info/RECORD

@@ -0,0 +1,8 @@
+staticdash/__init__.py,sha256=KqViaDkiQnhBI8-j3hr14umLDmPgddvdB_G1nJeC5Xs,38
+staticdash/dashboard.py,sha256=trPzco0AZw4IAwZzgY__RsOjwg4UrD7etB-4Da1kHE0,7515
+staticdash/assets/css/style.css,sha256=kL6FAGxIwYrfNoo4oCzC-ygHmyOZDEjhjixpY0YGpss,2649
+staticdash/assets/js/script.js,sha256=SMOyh7_E_BlvLYMEwYlvCnV7-GnMR-x8PtEiFbIIAsw,3089
+staticdash-0.2.1.dist-info/METADATA,sha256=IohPqKSIpXUNPsDhZUFXTpMbtwcrHzYwrhQnUX1Wync,2409
+staticdash-0.2.1.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+staticdash-0.2.1.dist-info/top_level.txt,sha256=3MzZU6SptkUkjcHV1cvPji0H4aRzPphLHnpStgGEcxM,11
+staticdash-0.2.1.dist-info/RECORD,,

staticdash-0.1.4.dist-info/RECORD

@@ -1,8 +0,0 @@
-staticdash/__init__.py,sha256=KqViaDkiQnhBI8-j3hr14umLDmPgddvdB_G1nJeC5Xs,38
-staticdash/dashboard.py,sha256=Pj5or33xXyOJCxyvOVQTs8rDuYcqOYBVy11Z7ViRUuo,6557
-staticdash/assets/css/style.css,sha256=pXKDi54gcDaxF5ABji5zfAS3ckHK4DhQU0onSBKkmWo,1587
-staticdash/assets/js/script.js,sha256=rAGEB9sgv8LGdpA1JLQwYAZVRimpEfFSELKb0fFeATI,1222
-staticdash-0.1.4.dist-info/METADATA,sha256=Dv6QYAxvJ31nrdpqohJ8BTEkXTvN-9jCLfnp6LHPmcI,2409
-staticdash-0.1.4.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-staticdash-0.1.4.dist-info/top_level.txt,sha256=3MzZU6SptkUkjcHV1cvPji0H4aRzPphLHnpStgGEcxM,11
-staticdash-0.1.4.dist-info/RECORD,,