public/index.html in ganglia_js_charts-0.0.2 vs public/index.html in ganglia_js_charts-0.0.3

@@ -49,11 +49,11 @@
       {{/if}}
       {{each(i, g) currentGraph}}
         <div class="graphOptions">
           <p>
             ${g.name}
-            <a href="#scale_${i}" data-bind="click: function() { viewModel.scale(i); }, style: { backgroundColor: currentGraph()[i].scale ? 'red' : '' }">scale to per minute</a>
+            <a href="#scale_${i}" data-bind="click: function() { viewModel.scale(i); }, style: { backgroundColor: g.scale ? 'red' : '' }">scale to per minute</a>
             <a href="#remove_${i}" data-bind="click: function() { viewModel.remove(i); }">remove</a>
           </p>
         </div>
       {{/each}}
     </script>
@@ -67,10 +67,11 @@
         <label for="server">Server:</label> 
         <select name="server" data-bind="options: servers, value: selectedServer"></select>
       </p>
       <p style="float:left; margin-right: 10px;">
         <label for="metric">Metric:</label> 
-        <select name="metric" data-bind="options: metrics, value: selectedMetric"></select>
+        <select name="metric" data-bind="options: metrics, value: selectedMetric, visible: !metricsLoading()"></select>
+        <span data-bind="visible: metricsLoading"><img src="/ajax-loader.gif" /></span>
       </p>
       <p style="float:left">
         <input type="button" value="Add to Graph" data-bind="click: addToGraph" />
       </p>
     </div>