Update assets/js/calibration.js

assets/js/calibration.js

@@ -24,21 +24,34 @@ $(document).ready(function(){
     $.getJSON("images/cifar100/cifar100_ece_value.json", function(data) {cifar100_ece_data = data;});
     $('input[type=radio][name=models]').change(function() {diagram.src = updateFigurePath();});
     $('input[type=radio][name=calibration_tool]').change(function() {
-        if(this.value !== 'ts') {$("#ts-slider").slider('disable');$("#bin-slider").slider('enable');}
-        else {$("#bin-slider").slider('disable');$("#ts-slider").slider('enable');}
+        if(this.value !== 'ts') {
+          $("#ts-slider").slider('disable');
+          $("#bin-slider").slider('enable');
+          var bin_handle = $("#bin-num");
+          $( "#bin-slider" ).slider({
+              step: 1,
+              min: 4,
+              max: 40,
+              value: 15,
+              create: function() {bin_handle.text($(this).slider("value"));},
+              slide: function(event, ui) {bin_handle.text(ui.value);diagram.src = updateFigurePath(ui.value);},
+          });
+        }
+        else {
+          $("#bin-slider").slider('disable');
+          $("#ts-slider").slider('enable');
+          var bin_handle = $("#bin-num");
+          $( "#bin-slider" ).slider({
+              step: 1,
+              min: 10,
+              max: 20,
+              value: 15,
+              create: function() {bin_handle.text($(this).slider("value"));},
+              slide: function(event, ui) {bin_handle.text(ui.value);diagram.src = updateFigurePath(ui.value);},
+          });
+        }
         diagram.src = updateFigurePath();
     });
-
-    var bin_handle = $("#bin-num");
-    $( "#bin-slider" ).slider({
-        step: 1,
-        min: 4,
-        max: 40,
-        value: 15,
-        create: function() {bin_handle.text($(this).slider("value"));},
-        slide: function(event, ui) {bin_handle.text(ui.value);diagram.src = updateFigurePath(ui.value);},
-    });
-  
     var ts_handle = $("#temp-scale");
     $("#ts-slider").slider({
         step: 0.2,