// Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved. // See License.txt for license information. var Client = require('../../utils/client.jsx'); var AsyncClient = require('../../utils/async_client.jsx'); export default class RateSettings extends React.Component { constructor(props) { super(props); this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmit.bind(this); this.state = { EnableRateLimiter: this.props.config.RateLimitSettings.EnableRateLimiter, VaryByRemoteAddr: this.props.config.RateLimitSettings.VaryByRemoteAddr, saveNeeded: false, serverError: null }; } handleChange(action) { var s = {saveNeeded: true, serverError: this.state.serverError}; if (action === 'EnableRateLimiterTrue') { s.EnableRateLimiter = true; } if (action === 'EnableRateLimiterFalse') { s.EnableRateLimiter = false; } if (action === 'VaryByRemoteAddrTrue') { s.VaryByRemoteAddr = true; } if (action === 'VaryByRemoteAddrFalse') { s.VaryByRemoteAddr = false; } this.setState(s); } handleSubmit(e) { e.preventDefault(); $('#save-button').button('loading'); var config = this.props.config; config.RateLimitSettings.EnableRateLimiter = React.findDOMNode(this.refs.EnableRateLimiter).checked; config.RateLimitSettings.VaryByRemoteAddr = React.findDOMNode(this.refs.VaryByRemoteAddr).checked; config.RateLimitSettings.VaryByHeader = React.findDOMNode(this.refs.VaryByHeader).value.trim(); var PerSec = 10; if (!isNaN(parseInt(React.findDOMNode(this.refs.PerSec).value, 10))) { PerSec = parseInt(React.findDOMNode(this.refs.PerSec).value, 10); } config.RateLimitSettings.PerSec = PerSec; React.findDOMNode(this.refs.PerSec).value = PerSec; var MemoryStoreSize = 10000; if (!isNaN(parseInt(React.findDOMNode(this.refs.MemoryStoreSize).value, 10))) { MemoryStoreSize = parseInt(React.findDOMNode(this.refs.MemoryStoreSize).value, 10); } config.RateLimitSettings.MemoryStoreSize = MemoryStoreSize; React.findDOMNode(this.refs.MemoryStoreSize).value = MemoryStoreSize; Client.saveConfig( config, () => { AsyncClient.getConfig(); this.setState({ serverError: null, saveNeeded: false }); $('#save-button').button('reset'); }, (err) => { this.setState({ serverError: err.message, saveNeeded: true }); $('#save-button').button('reset'); } ); } render() { var serverError = ''; if (this.state.serverError) { serverError =
; } var saveClass = 'btn'; if (this.state.saveNeeded) { saveClass = 'btn btn-primary'; } return (

{'Note:'}

{'Changing properties in this section will require a server restart before taking effect.'}

{'Rate Limit Settings'}

{'When enabled throttles rate at which APIs respond.'}

{'Throttles API at this number of requests per second.'}

{'Maximum number of users sessions connected to the system as determined by VaryByRemoteAddr and VaryByHeader variables.'}

{'Rate limit API access by IP address.'}

{'When filled in, vary rate limiting by http header field specified (e.g. when configuring ngnix set to "X-Real-IP", when configuring AmazonELB set to "X-Forwarded-For").'}

{serverError}
); } } RateSettings.propTypes = { config: React.PropTypes.object };