core-resource-app-test/build/d2-ui/28.0.2/src/expression-manager/ExpressionOperators.js

App that contains assets and scripts for the core apps

import React from 'react';
import classes from 'classnames';
import FlatButton from 'material-ui/FlatButton/FlatButton';

const ExpressionOperators = React.createClass({
    propTypes: {
        operatorClicked: React.PropTypes.func.isRequired,
    },

    render() {
        const classList = classes('expression-operators');

        const operatorButtonStyle = {
            minWidth: 50,
        };

        return (
            <div className={classList}>
                <FlatButton style={operatorButtonStyle} onClick={this.createOperatorClick('(')}>(</FlatButton>
                <FlatButton style={operatorButtonStyle} onClick={this.createOperatorClick(')')}>)</FlatButton>
                <FlatButton style={operatorButtonStyle} onClick={this.createOperatorClick(' * ')}>*</FlatButton>
                <FlatButton style={operatorButtonStyle} onClick={this.createOperatorClick(' / ')}>/</FlatButton>
                <FlatButton style={operatorButtonStyle} onClick={this.createOperatorClick(' + ')}>+</FlatButton>
                <FlatButton style={operatorButtonStyle} onClick={this.createOperatorClick(' - ')}>-</FlatButton>
                <FlatButton style={operatorButtonStyle} onClick={this.createOperatorClick(' [days] ')}>Days</FlatButton>
            </div>
        );
    },

    createOperatorClick(operatorValue) {
        return function operatorButtonClick() {
            this.props.operatorClicked(operatorValue);
        }.bind(this);
    },
});

export default ExpressionOperators;