d2-ui/lib/app-header/settings/HeaderBarSettings.js

d2-ui

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _withStateFrom = require('../../component-helpers/withStateFrom');

var _withStateFrom2 = _interopRequireDefault(_withStateFrom);

var _addD2Context = require('../../component-helpers/addD2Context');

var _addD2Context2 = _interopRequireDefault(_addD2Context);

var _flatButton = require('material-ui/lib/flat-button');

var _flatButton2 = _interopRequireDefault(_flatButton);

var _raisedButton = require('material-ui/lib/raised-button');

var _raisedButton2 = _interopRequireDefault(_raisedButton);

var _settings = require('./settings.store');

var _settings2 = _interopRequireDefault(_settings);

var _Heading = require('../../headings/Heading.component');

var _Heading2 = _interopRequireDefault(_Heading);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function HeaderBarSettings(props, _ref) {
    var d2 = _ref.d2;

    return _react2.default.createElement(
        'div',
        null,
        _react2.default.createElement(
            _Heading2.default,
            null,
            d2.i18n.getTranslation('number_of_apps_to_show')
        ),
        props.gridOptions.map(function (dim, index) {
            if (props.grid && props.grid.y === dim.y && props.grid.x === dim.x) {
                return _react2.default.createElement(
                    _raisedButton2.default,
                    { key: index, onClick: function onClick() {
                            return (0, _settings.setGrid)(dim);
                        } },
                    dim.x + ' by ' + dim.y
                );
            }

            return _react2.default.createElement(
                _flatButton2.default,
                { key: index, onClick: function onClick() {
                        return (0, _settings.setGrid)(dim);
                    } },
                dim.x + ' by ' + dim.y
            );
        })
    );
}
HeaderBarSettings.propTypes = {
    gridOptions: _react.PropTypes.array
};
HeaderBarSettings.defaultProps = {
    gridOptions: []
};

exports.default = (0, _withStateFrom2.default)(_settings2.default, (0, _addD2Context2.default)(HeaderBarSettings));