Add button to reset filters in compare page

Author: Kobzol

site/static/compare.html

@@ -275,6 +275,7 @@ <h2>Comparing <span id="stat-header">{{stat}}</span> between <span id="before">{
                     <input type="checkbox" v-model="showRawData" style="margin-left: 20px;" />
                 </div>
             </div>
+            <button @click="resetFilter">Reset filters</button>
         </fieldset>
         <p v-if="dataLoading && !data">Loading ...</p>
         <div v-if="data" id="content" style="margin-top: 15px">

site/static/compare/script.js

@@ -6,6 +6,29 @@ function findQueryParam(name) {
     }
 }
 
+function createDefaultFilter() {
+    return {
+        name: null,
+        showNonRelevant: false,
+        profile: {
+            check: true,
+            debug: true,
+            opt: true,
+            doc: true
+        },
+        scenario: {
+            full: true,
+            incrFull: true,
+            incrUnchanged: true,
+            incrPatched: true
+        },
+        category: {
+            primary: true,
+            secondary: true
+        }
+    };
+}
+
 const app = Vue.createApp({
     mounted() {
         const app = this;
@@ -20,26 +43,7 @@ const app = Vue.createApp({
     },
     data() {
         return {
-            filter: {
-                name: null,
-                showNonRelevant: false,
-                profile: {
-                    check: true,
-                    debug: true,
-                    opt: true,
-                    doc: true
-                },
-                scenario: {
-                    full: true,
-                    incrFull: true,
-                    incrUnchanged: true,
-                    incrPatched: true
-                },
-                category: {
-                    primary: true,
-                    secondary: true
-                }
-            },
+            filter: createDefaultFilter(),
             showRawData: false,
             data: null,
             dataLoading: false
@@ -278,6 +282,9 @@ const app = Vue.createApp({
 
             return createUrlFromParams(createSearchParamsForMetric(metric, start, end));
         },
+        resetFilter() {
+            this.filter = createDefaultFilter();
+        }
     },
 });