]> git.sesse.net Git - pkanalytics/blobdiff - viewer.html
Begin supporting filters.
[pkanalytics] / viewer.html
index 0a20d883d5331f7e5648868c161278b2a25f6b08..3ac59b7cfadbc2959805ab45f40756003e8e92a0 100644 (file)
@@ -2,13 +2,24 @@
 <!-- TODO: make something nice to package up the ultimate.json and everything into one file -->
 <html>
   <head>
+    <meta charset="utf-8">
     <title>Plastkast Analytics</title>
     <link rel="stylesheet" type="text/css" href="ultimate.css">
     <script src="ultimate.js"></script>
   </head>
   <body>
-    <p id="mainmenu">
-    </p>
+    <p id="mainmenu"></p>
+    <div id="filter">
+      <!-- SVG icon: MIT license, jtblabs, https://github.com/jtblabs/jtb-icons?ref=svgrepo.com -->
+      <svg id="filter-icon" width="18" height="18" viewBox="0 0 32 32"><path d="M30 6.749h-28c-0.69 0-1.25 0.56-1.25 1.25s0.56 1.25 1.25 1.25v0h28c0.69 0 1.25-0.56 1.25-1.25s-0.56-1.25-1.25-1.25v0zM24 14.75h-16c-0.69 0-1.25 0.56-1.25 1.25s0.56 1.25 1.25 1.25v0h16c0.69 0 1.25-0.56 1.25-1.25s-0.56-1.25-1.25-1.25v0zM19 22.75h-6.053c-0.69 0-1.25 0.56-1.25 1.25s0.56 1.25 1.25 1.25v0h6.053c0.69 0 1.25-0.56 1.25-1.25s-0.56-1.25-1.25-1.25v0z"></path></svg>
+      <span id="filter-legend">Filter</span>
+      <span id="filters"></span>
+      <span id="filter-click-to-add" onclick="open_filter_menu()">Click to add…</span>
+        <div id="filter-add-menu">
+        </div>
+        <div id="filter-submenu">
+        </div>
+    </div>
     <table id="stats">
     </table>
   </body>