Take the sk.get out of query-sk.

perf/res/imp/query.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:
 
     <query-sk>
 
   To use this file import it:
 
     <link href="/res/imp/query.html" rel="import" />
 
   Usage:
 
-    <query-sk scale=0 tile=-1></query-sk>
-
-  Attributes:
-    scale: The tile scale to use.
-    tile:  The tile index to use.
+    <query-sk></query-sk>
 
   Properties:
     currentQuery: The current URL query formatted selections.
 
   Methods:
+    setParamSet(set): Set the params to be displayed.
     clearSelections(): Clear all selections.
 
   Events:
     'change'
         The 'sk-query' element will produce 'change' events when the query
         parameters chosen have changed. The event contains the current
         selections formatted as a URL query, found in e.detail.
 -->
-<polymer-element name="query-sk" attributes="scale tile">
+<polymer-element name="query-sk">
   <template>
     <style type="text/css" media="screen">
       #more.display {
         display: none;
       }
       select {
         overflow: auto;
         margin: 0.3em;
       }
 
@@ skipping 50 matching lines @@
     </div>
   </template>
   <script>
     (function(){
       var whitelist = [
         'name', 'bench_type', 'os', 'source_type', 'scale', 'extra_config',
         'config', 'arch'];
 
       Polymer({
         created: function() {
-          this.paramset = {};
-
           // Both primary and secondary are arrays of objects that look like:
           //
           //  {
           //    name: "config",
           //    values: ["565", "8888", "gpu"]
           //  }
           //
           // Where primary contains selections that are in the whitelist, and
           // secondary contains all the other selections.
           this.primary = [];
           this.secondary = [];
         },
 
         ready: function() {
           this.currentQuery = '';
-          this.tile = this.tile || -1;
-          this.scale = this.scale || 0;
-
-          // TODO requery when scale or tile attrs change.
-          var that = this;
-          sk.get('/tiles/0/-1/').then(JSON.parse).then(function(json){
-            that.paramset = json.paramset;
-          });
 
           this.$.inputs.addEventListener('core-select', this.fireChange.bind(this));
           this.$.more.addEventListener('core-select', this.fireChange.bind(this));
 
           this.$.clear.addEventListener('click', this.clearSelections.bind(this));
         },
 
         clearSelections: function() {
           $$('core-selector', this.$.inputs).forEach(function(elem) {
             elem.selected = [];
@@ skipping 39 matching lines @@
               if (select.selected) {
                 select.selected.forEach(function(value) {
                   console.log(key, value);
                   sel.push(encodeURIComponent(key) + '=' + encodeURIComponent(value));
                 });
               }
           });
           return sel.join('&')
         },
 
-        // When paramset changes rebuild the primary and secondary values.
+        // When paramset is changed we rebuild primary and secondary.
         //
         // The paramset is an object that maps selection names
         // to a list of selection values, not necessarily in alphabetical
         // order.
-        paramsetChanged: function() {
-          var keylist = Object.keys(this.paramset).sort();
+        setParamSet: function(paramset) {
+          var keylist = Object.keys(paramset).sort();
 
+          this.primary = [];
+          this.secondary = [];
           for (var i = 0; i < keylist.length; i++) {
             var key = keylist[i];
             var sel = {
               name: key,
-              values: this.paramset[key].sort()
+              values: paramset[key].sort()
             }
             if (whitelist.indexOf(key) != -1) {
               this.primary.push(sel);
             } else {
               this.secondary.push(sel);
             }
           }
         }
       });
     })();
   </script>
 </polymer-element>