]> git.sesse.net Git - pkanalytics/blobdiff - viewer.html
Make it possible to run multiple filters at the same time.
[pkanalytics] / viewer.html
index 3ac59b7cfadbc2959805ab45f40756003e8e92a0..db291d9b7cc316dee8309c3057243d445886d9da 100644 (file)
@@ -9,16 +9,18 @@
   </head>
   <body>
     <p id="mainmenu"></p>
-    <div id="filter">
+    <div class="filtermenus">
+    <div class="filter" data-filter-id="1">
       <!-- 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>
+      <svg class="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 class="filter-legend">Filter</span>
+      <span class="filters"></span>
+      <span class="filter-click-to-add" onclick="open_filter_menu(event.target)">Click to add…</span>
+      <div id="filter-add-menu">
+      </div>
+      <div id="filter-submenu">
+      </div>
+    </div>
     </div>
     <table id="stats">
     </table>