Merge pull request #715 from ClickHouse/index-html-hardware

Update index.html to reflect hardware tag

Author: rschu1ze

index.html

@@ -403,6 +403,13 @@ <h1>ClickBench — a Benchmark For Analytical DBMS</h1>
             <a id="selector-opensource-no" class="selector selector-active">No</a>
         </td>
     </tr>
+    <tr>
+        <th>Hardware: </th>
+        <td id="selectors_hardware">
+            <a id="selector-hardware-cpu" class="selector selector-active">CPU</a>
+            <a id="selector-hardware-gpu" class="selector selector-active">GPU</a>
+        </td>
+    </tr>
     <tr>
         <th>Tuned: </th>
         <td id="selectors_tuned">
@@ -465,6 +472,7 @@ <h2>Detailed Comparison</h2>
     "machine": {},
     "cluster_size": {},
     "opensource": {"yes": true, "no": true},
+    "hardware": {"cpu": true, "gpu": true},
     "tuned": {"no": true, "yes": false},
     "metric": "combined",
     "queries": [],
@@ -588,6 +596,28 @@ <h2>Detailed Comparison</h2>
     updateHistory();
 });
 
+document.getElementById('selector-hardware-cpu').addEventListener('click', e => {
+    selectors.hardware.cpu = !selectors.hardware.cpu;
+    if (selectors.hardware.cpu) {
+        e.target.classList.add('selector-active');
+    } else {
+        e.target.classList.remove('selector-active');
+    }
+    render();
+    updateHistory();
+});
+
+document.getElementById('selector-hardware-gpu').addEventListener('click', e => {
+    selectors.hardware.gpu = !selectors.hardware.gpu;
+    if (selectors.hardware.gpu) {
+        e.target.classList.add('selector-active');
+    } else {
+        e.target.classList.remove('selector-active');
+    }
+    render();
+    updateHistory();
+});
+
 document.getElementById('selector-tuned-yes').addEventListener('click', e => {
     selectors.tuned.yes = !selectors.tuned.yes;
     if (selectors.tuned.yes) {
@@ -641,6 +671,9 @@ <h2>Detailed Comparison</h2>
     document.getElementById('selector-opensource-yes').className = selectors.opensource.yes ? 'selector selector-active' : 'selector';
     document.getElementById('selector-opensource-no').className = selectors.opensource.no ? 'selector selector-active' : 'selector';
 
+    document.getElementById('selector-hardware-cpu').className = selectors.hardware.cpu ? 'selector selector-active' : 'selector';
+    document.getElementById('selector-hardware-gpu').className = selectors.hardware.gpu ? 'selector selector-active' : 'selector';
+
     document.getElementById('selector-tuned-yes').className = selectors.tuned.yes ? 'selector selector-active' : 'selector';
     document.getElementById('selector-tuned-no').className = selectors.tuned.no ? 'selector selector-active' : 'selector';
 }
@@ -900,7 +933,8 @@ <h2>Detailed Comparison</h2>
         selectors.cluster_size[elem.cluster_size] &&
         elem.tags.filter(type => selectors.type[type]).length > 0 &&
         ((selectors.tuned.yes && elem.tuned === "yes") || (selectors.tuned.no && elem.tuned === "no")) &&
-        ((selectors.opensource.yes && elem.proprietary === "no") || (selectors.opensource.no && elem.proprietary === "yes"))
+        ((selectors.opensource.yes && elem.proprietary === "no") || (selectors.opensource.no && elem.proprietary === "yes")) &&
+        ((selectors.hardware.cpu && elem.hardware === "cpu") || (selectors.hardware.gpu && elem.hardware === "gpu"))
         );
 
     if (selectors.metric == 'size') {
@@ -1153,6 +1187,9 @@ <h2>Detailed Comparison</h2>
     if (!selectors.opensource) {
         selectors.opensource = {"yes": true, "no": false};
     }
+    if (!selectors.hardware) {
+        selectors.hardware = {"cpu": true, "gpu": false};
+    }
     if (!selectors.tuned) {
         selectors.tuned = {"no": true, "yes": false};
     }
@@ -1166,6 +1203,9 @@ <h2>Detailed Comparison</h2>
         if (!selectors.opensource) {
             selectors.opensource = {"yes": true, "no": false};
         }
+        if (!selectors.hardware) {
+            selectors.hardware = {"cpu": true, "gpu": false};
+        }
         if (!selectors.tuned) {
             selectors.tuned = {"no": true, "yes": false};
         }