Add UI to filter fuzzes based on tags.

res/imp/9/url-params-sk.html

 <!--
   The common.js file must be included before this file.
 
   This in an HTML Import-able file that contains the definition
   of the following elements:
 
     <url-param-sk>
 
   This element uses two-way* data binding to synchronize a URL parameter with
   a variable. On page load, if the parameter is provided in the URL, its value
@@ skipping 39 matching lines @@
     valid: (array of strings) Acceptable values. Default is null. If empty or
         null, any value is accepted. If an invalid value is provided in the
         URL parameters, the existing or default value is used.
 
   Events:
     None
 
   Methods:
     None
 -->
-<polymer-element name="url-param-sk">
+<link rel="import" href="/res/imp/bower_components/paper-toast/paper-toast.html">
+<dom-module id="url-param-sk">
   <template>
     <paper-toast id="toast"></paper-toast>
   </template>
   <script>
-    Polymer('url-param-sk', {
-      publish: {
+    Polymer({
+      is: 'url-param-sk',
+      properties: {
+        multi: {
+          type: Boolean,
+          value: false,
+          notify: true,
+          reflectToAttribute: true
+        },
         name: {
-          value: "",
-          reflect: true,
+          type: String,
+          value: '',
+          notify: true,
+          reflectToAttribute: true
+        },
+        valid: {
+          type: Array,
+          value: null,
+          notify: true,
+          reflectToAttribute: true
         },
         value: {
-          value: "",
-          reflect: true,
+          type: String,
+          value: '',
+          notify: true,
+          observer: 'valueChanged',
         },
-        multi: {
+        _loaded: {
+          type: Boolean,
           value: false,
-          reflect: true,
-        },
-        valid: {
-          value: null,
-          reflect: true,
-        },
+        }
       },
-
-      ready: function() {
+      ready: function () {
+        this._loaded = true;
         // Read the URL parameters. If our variable is set, save its value.
         // Otherwise, place our value in the URL.
         var val = this.getURL();
         if (val && this.isValid(val)) {
-          this.value = val;
+          this.set('value', val);
         } else {
           this.putURL();
         }
       },
-
       // Retrieve the value for our variable from the URL.
-      getURL: function() {
+      getURL: function () {
         var vals = sk.query.toParamSet(window.location.search.substring(1))[this.name];
         if (!vals) {
           return null;
         }
         if (this.multi) {
           return vals;
         }
         if (vals.length > 1) {
-          this.error("Multiple values provided for " + this.name +
-                     " but only one accepted: " + vals);
+          this.error('Multiple values provided for ' + this.name + ' but only one accepted: ' + vals);
           return null;
         }
         return vals[0];
       },
-
       // Store the value for our variable in the URL.
-      putURL: function() {
+      putURL: function () {
         var params = sk.query.toParamSet(window.location.search.substring(1));
         delete params[this.name];
-        if (!this.value || (Array.isArray(this.value) && this.value.length == 0)) {
+        if (!this.value || Array.isArray(this.value) && this.value.length == 0) {
+        } else
           // Don't insert undefined/empty values.
-        } else {
-          if (this.multi) {
-            params[this.name] = this.value;
-          } else {
-            params[this.name] = [this.value];
+          {
+            if (this.multi) {
+              params[this.name] = this.value;
+            } else {
+              params[this.name] = [this.value];
+            }
           }
-        }
-        var newUrl = window.location.href.split("?")[0] + "?" + sk.query.fromParamSet(params);
-        window.history.replaceState("", "", newUrl);
+        var newUrl = window.location.href.split('?')[0] + '?' + sk.query.fromParamSet(params);
+        window.history.replaceState('', '', newUrl);
       },
-
       // Check to see whether the given value is valid.
-      isValid: function(val) {
+      isValid: function (val) {
         var that = this;
-        var checkValid = function(val) {
+        var checkValid = function (val) {
           if (that.valid) {
             for (var i = 0; i < that.valid.length; i++) {
               if (val == that.valid[i]) {
                 return true;
               }
             }
-            that.error("Invalid value for " + that.name + ": \"" + val +
-                       "\". Must be one of: " + that.valid);
+            that.error('Invalid value for ' + that.name + ': "' + val + '". Must be one of: ' + that.valid);
             return false;
           }
           return true;
         };
         if (this.multi) {
           // Verify that it's an array and that all elements are valid.
           if (!Array.isArray(val)) {
-            this.console.error("url-param-sk: Value is not an array: " + val);
+            this.console.error('url-param-sk: Value is not an array: ' + val);
             return false;
           }
           for (var i = 0; i < val.length; i++) {
             if (!checkValid(val[i])) {
               return false;
             }
           }
         } else {
           if (Array.isArray(val)) {
-            this.error("Multiple values provided for " + this.name +
-                       " but only one accepted: " + val);
+            this.error('Multiple values provided for ' + this.name + ' but only one accepted: ' + val);
           }
           return checkValid(val);
         }
         return true;
       },
-
-      valueChanged: function() {
-        // Save our value to the URL.
-        this.putURL();
+      valueChanged: function () {
+        if (this._loaded) {
+          // Save our value to the URL.
+          this.putURL();
+        }
       },
-
-      error: function(msg) {
-        this.$.toast.text = msg;
+      error: function (msg) {
+        this.set('$.toast.text', msg);
         this.$.toast.show();
-      },
+      }
     });
   </script>
-</polymer-element>
+</dom-module>