first pass range selector defaults

Author: etpinard

src/components/range_selector/defaults.js

@@ -0,0 +1,68 @@
+/**
+* Copyright 2012-2016, Plotly, Inc.
+* All rights reserved.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+
+'use strict';
+
+var Lib = require('../../lib');
+
+var attributes = require('./attributes');
+var buttonAttrs = require('./button_attributes');
+
+
+module.exports = function rangeSelectorDefaults(containerIn, containerOut, layout) {
+    var selectorIn = containerIn.rangeselector || {},
+        selectorOut = containerOut.rangeselector = {};
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(selectorIn, selectorOut, attributes, attr, dflt);
+    }
+
+    var buttons = buttonsDefaults(selectorIn, selectorOut);
+
+    var visible = coerce('visible', !!buttons.length);
+    if(!visible) return;
+
+    coerce('x');
+    coerce('xanchor');
+    coerce('y');
+    coerce('yanchor');
+
+//     coerce('width');
+//     coerce('height');
+
+    Lib.coerceFont(coerce, 'font', layout.font);
+
+    coerce('bgcolor');
+    coerce('bordercolor');
+    coerce('borderwidth');
+};
+
+function buttonsDefaults(containerIn, containerOut) {
+    var buttonsIn = containerIn.buttons || [],
+        buttonsOut = containerOut.buttons = [];
+
+    var buttonIn, buttonOut;
+
+    function coerce(attr, dflt) {
+        return Lib.coerce(buttonIn, buttonOut, buttonAttrs, attr, dflt);
+    }
+
+    for(var i = 0; i < buttonsIn.length; i++) {
+        buttonIn = buttonsIn[i];
+        buttonOut = {};
+
+        coerce('step');
+        coerce('stepmode');
+        coerce('count');
+        coerce('label');
+
+        buttonsOut.push(buttonOut);
+    }
+
+    return buttonsOut;
+}

src/plots/cartesian/layout_attributes.js

@@ -7,6 +7,7 @@
 */
 
 'use strict';
+
 var Cartesian = require('./index');
 var fontAttrs = require('../font_attributes');
 var colorAttrs = require('../../components/color/attributes');

src/plots/cartesian/layout_defaults.js

@@ -13,6 +13,7 @@ var Lib = require('../../lib');
 var Plots = require('../plots');
 
 var RangeSlider = require('../../components/rangeslider');
+var rangeSelectorDefaults = require('../../components/range_selector/defaults');
 
 var constants = require('./constants');
 var layoutAttributes = require('./layout_attributes');
@@ -132,6 +133,12 @@ module.exports = function supplyLayoutDefaults(layoutIn, layoutOut, fullData) {
 
         handleAxisDefaults(axLayoutIn, axLayoutOut, coerce, defaultOptions);
         handlePositionDefaults(axLayoutIn, axLayoutOut, coerce, positioningOptions);
+
+        if(axLetter === 'x') {
+            // TODO add check on axis type 'date'
+            rangeSelectorDefaults(axLayoutIn, axLayoutOut, layoutOut);
+        }
+
         layoutOut[axName] = axLayoutOut;
 
         // so we don't have to repeat autotype unnecessarily,

test/jasmine/tests/range_selector_test.js

@@ -0,0 +1,49 @@
+var RangeSelector = require('@src/components/range_selector');
+
+
+describe('range selector', function() {
+    'use strict';
+
+    describe('defaults', function() {
+        var supplyDefaults = RangeSelector.supplyDefaults;
+
+        it('should set \'visible\' to false when no buttons are present', function() {
+            var containerIn = {};
+            var containerOut = {};
+
+            supplyDefaults(containerIn, containerOut, {});
+
+            expect(containerOut.rangeselector)
+                .toEqual({
+                    visible: false,
+                    buttons: []
+                });
+        });
+
+        it('should coerce all buttons present', function() {
+            var containerIn = {
+                rangeselector: {
+                    buttons: [{
+                        step: 'year',
+                        count: 10
+                    },{
+                        count: 6
+                    }]
+                }
+            };
+            var containerOut = {};
+
+            supplyDefaults(containerIn, containerOut, {});
+
+            expect(containerOut.rangeselector.visible).toBe(true);
+            expect(containerOut.rangeselector.buttons).toEqual([
+                { step: 'year', stepmode: 'backward', count: 10 },
+                { step: 'month', stepmode: 'backward', count: 6 }
+            ]);
+        });
+
+
+    });
+
+
+});