You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
3.3 KiB
75 lines
3.3 KiB
10 years ago
|
var React = require('react');
|
||
|
|
var SetIntervalMixin = require("../common/SetIntervalMixin.js");
|
||
|
|
var SafeStateChangeMixin = require('../common/SafeStateChangeMixin.js');
|
||
|
|
var EventListenerMixin = require('../common/EventListenerMixin.js');
|
||
|
|
var AppSettingsMixin = require('../common/AppSettingsMixin.js');
|
||
|
|
|
||
|
|
|
||
|
|
var ReactBootstrap = require('react-bootstrap')
|
||
|
|
, NavItem = ReactBootstrap.NavItem
|
||
|
|
, Nav = ReactBootstrap.Nav
|
||
|
|
, ListGroup = ReactBootstrap.ListGroup
|
||
|
|
, ListGroupItem = ReactBootstrap.ListGroupItem
|
||
|
|
, Panel = ReactBootstrap.Panel
|
||
|
|
, Glyphicon = ReactBootstrap.Glyphicon
|
||
|
|
, Button = ReactBootstrap.Button
|
||
|
|
, Input = ReactBootstrap.Input
|
||
|
|
|
||
|
|
module.exports = Home = React.createClass({displayName: "Home",
|
||
|
|
|
||
|
|
mixins: [
|
||
|
|
SetIntervalMixin,
|
||
|
|
SafeStateChangeMixin,
|
||
|
|
AppSettingsMixin
|
||
|
|
],
|
||
|
|
contextTypes: {
|
||
|
|
router: React.PropTypes.func
|
||
|
|
},
|
||
|
|
handeSettingsUpdate: function (e) {
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
var newsettings = {}
|
||
|
|
|
||
|
|
newsettings.pollInterval = $(this.getDOMNode()).find(".settings-pollInterval").val();
|
||
|
|
newsettings.pollIntervalProfile = $(this.getDOMNode()).find(".settings-pollIntervalProfile").val();
|
||
|
|
newsettings.ignoredUsers = $(this.getDOMNode()).find(".settings-ignoredUsers").val();
|
||
|
|
newsettings.host = $(this.getDOMNode()).find(".settings-host").val();
|
||
|
|
newsettings.logging = $(this.getDOMNode()).find(".settings-logging").val();
|
||
|
|
|
||
|
|
console.log(newsettings)
|
||
|
|
|
||
|
|
localStorage.setItem("twister-react-settings",JSON.stringify(newsettings));
|
||
|
|
|
||
|
|
var event = new CustomEvent('appsettingschanged',{detail: newsettings});
|
||
|
|
window.dispatchEvent(event);
|
||
|
|
|
||
|
|
return;
|
||
|
|
},
|
||
|
|
render: function() {
|
||
|
|
return (
|
||
|
|
React.createElement(ListGroup, null,
|
||
|
|
React.createElement(ListGroupItem, null, "Settings"),
|
||
|
|
React.createElement(ListGroupItem, null,
|
||
|
|
React.createElement("form", {onSubmit: this.handeSettingsUpdate, className: "form-horizontal"},
|
||
|
|
React.createElement(Input, {type: "text", label: "pollInterval",
|
||
|
|
defaultValue: this.state.appSettings.pollInterval, labelClassName: "col-xs-4",
|
||
|
|
wrapperClassName: "col-xs-8", className: "settings-pollInterval"}),
|
||
|
|
React.createElement(Input, {type: "text", label: "pollIntervalProfile",
|
||
|
|
defaultValue: this.state.appSettings.pollIntervalProfile, labelClassName: "col-xs-4",
|
||
|
|
wrapperClassName: "col-xs-8", className: "settings-pollIntervalProfile"}),
|
||
|
|
React.createElement(Input, {type: "text", label: "ignoredUsers",
|
||
|
|
defaultValue: this.state.appSettings.ignoredUsers, labelClassName: "col-xs-4",
|
||
|
|
wrapperClassName: "col-xs-8", className: "settings-ignoredUsers"}),
|
||
|
|
React.createElement(Input, {type: "text", label: "host",
|
||
|
|
defaultValue: this.state.appSettings.host, labelClassName: "col-xs-4",
|
||
|
|
wrapperClassName: "col-xs-8", className: "settings-host"}),
|
||
|
|
React.createElement(Input, {type: "checkbox", label: "logging",
|
||
|
|
defaultValue: this.state.appSettings.logging, labelClassName: "col-xs-4",
|
||
|
|
wrapperClassName: "col-xs-8", className: "settings-logging"}),
|
||
|
|
React.createElement(Input, {type: "submit", value: "Save", wrapperClassName: "col-xs-offset-10 col-xs-2"})
|
||
|
|
)
|
||
|
|
)
|
||
|
|
)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
});
|