aboutsummaryrefslogtreecommitdiffstats
path: root/web/src/js/components
diff options
context:
space:
mode:
authorMaximilian Hils <git@maximilianhils.com>2014-09-17 02:13:37 +0200
committerMaximilian Hils <git@maximilianhils.com>2014-09-17 02:13:37 +0200
commit51db9a5612f0899ed61751dbee3f4e4b19a74ea4 (patch)
treeb1c7f9950f496c8216050b57b1f0e06c6eeb5424 /web/src/js/components
parentd998790c2f12594e6d0edc5a98e908677b60b31f (diff)
downloadmitmproxy-51db9a5612f0899ed61751dbee3f4e4b19a74ea4.tar.gz
mitmproxy-51db9a5612f0899ed61751dbee3f4e4b19a74ea4.tar.bz2
mitmproxy-51db9a5612f0899ed61751dbee3f4e4b19a74ea4.zip
formatting
Diffstat (limited to 'web/src/js/components')
-rw-r--r--web/src/js/components/eventlog.jsx14
-rw-r--r--web/src/js/components/footer.jsx4
-rw-r--r--web/src/js/components/header.jsx22
-rw-r--r--web/src/js/components/proxyapp.jsx18
-rw-r--r--web/src/js/components/traffictable.jsx18
5 files changed, 38 insertions, 38 deletions
diff --git a/web/src/js/components/eventlog.jsx b/web/src/js/components/eventlog.jsx
index 530e9f4f..340de8bd 100644
--- a/web/src/js/components/eventlog.jsx
+++ b/web/src/js/components/eventlog.jsx
@@ -1,30 +1,30 @@
/** @jsx React.DOM */
var EventLog = React.createClass({
- getInitialState: function() {
+ getInitialState: function () {
return {
log: []
};
},
- componentDidMount: function() {
+ componentDidMount: function () {
this.log = EventLogStore.getView();
this.log.addListener("change", this.onEventLogChange);
},
- componentWillUnmount: function() {
+ componentWillUnmount: function () {
this.log.removeListener("change", this.onEventLogChange);
this.log.close();
},
- onEventLogChange: function() {
+ onEventLogChange: function () {
this.setState({
log: this.log.getAll()
});
},
- close: function() {
+ close: function () {
SettingsActions.update({
showEventLog: false
});
},
- render: function() {
+ render: function () {
//var messages = this.state.log.map(row => (<div key={row.id}>{row.message}</div>));
var messages = [];
return (
@@ -34,6 +34,6 @@ var EventLog = React.createClass({
{messages}
</pre>
</div>
- );
+ );
}
});
diff --git a/web/src/js/components/footer.jsx b/web/src/js/components/footer.jsx
index 6d5b75a1..9bcbbc2a 100644
--- a/web/src/js/components/footer.jsx
+++ b/web/src/js/components/footer.jsx
@@ -1,12 +1,12 @@
/** @jsx React.DOM */
var Footer = React.createClass({
- render: function(){
+ render: function () {
var mode = this.props.settings.mode;
return (
<footer>
{mode != "regular" ? <span className="label label-success">{mode} mode</span> : null}
</footer>
- );
+ );
}
});
diff --git a/web/src/js/components/header.jsx b/web/src/js/components/header.jsx
index e6350171..8f613ff1 100644
--- a/web/src/js/components/header.jsx
+++ b/web/src/js/components/header.jsx
@@ -1,28 +1,28 @@
/** @jsx React.DOM */
var MainMenu = React.createClass({
- toggleEventLog: function() {
+ toggleEventLog: function () {
SettingsActions.update({
showEventLog: !this.props.settings.showEventLog
});
},
- render: function(){
+ render: function () {
return (
<div>
<button className={"btn " + (this.props.settings.showEventLog ? "btn-primary" : "btn-default")} onClick={this.toggleEventLog}>
<i className="fa fa-database"></i> Display Event Log
</button>
</div>
- );
+ );
}
});
var ToolsMenu = React.createClass({
- render: function(){
+ render: function () {
return <div>Tools Menu</div>;
}
});
var ReportsMenu = React.createClass({
- render: function(){
+ render: function () {
return <div>Reports Menu</div>;
}
});
@@ -47,22 +47,22 @@ var _Header_Entries = {
};
var Header = React.createClass({
- getInitialState: function(){
+ getInitialState: function () {
return {
active: "main"
};
},
- handleClick: function(active){
+ handleClick: function (active) {
this.setState({active: active});
ReactRouter.transitionTo(_Header_Entries[active].route);
return false;
},
- handleFileClick: function(){
+ handleFileClick: function () {
console.log("File click");
},
- render: function(){
+ render: function () {
var header = [];
- for(var item in _Header_Entries){
+ for (var item in _Header_Entries) {
var classes = this.state.active == item ? "active" : "";
header.push(<a key={item} href="#" className={classes}
onClick={this.handleClick.bind(this, item)}>{ _Header_Entries[item].title }</a>);
@@ -84,6 +84,6 @@ var Header = React.createClass({
{ menu }
</div>
</header>
- );
+ );
}
});
diff --git a/web/src/js/components/proxyapp.jsx b/web/src/js/components/proxyapp.jsx
index 14c338e3..fff1d8d0 100644
--- a/web/src/js/components/proxyapp.jsx
+++ b/web/src/js/components/proxyapp.jsx
@@ -2,27 +2,27 @@
//TODO: Move out of here, just a stub.
var Reports = React.createClass({
- render: function(){
- return <div>Report Editor</div>;
+ render: function () {
+ return <div>ReportEditor</div>;
}
});
var ProxyAppMain = React.createClass({
- getInitialState: function(){
+ getInitialState: function () {
return { settings: SettingsStore.getAll() };
},
- componentDidMount: function(){
+ componentDidMount: function () {
SettingsStore.addListener("change", this.onSettingsChange);
},
- componentWillUnmount: function(){
+ componentWillUnmount: function () {
SettingsStore.removeListener("change", this.onSettingsChange);
},
- onSettingsChange: function(){
+ onSettingsChange: function () {
console.log("onSettingsChange");
this.setState({settings: SettingsStore.getAll()});
},
- render: function() {
+ render: function () {
return (
<div id="container">
<Header settings={this.state.settings}/>
@@ -30,7 +30,7 @@ var ProxyAppMain = React.createClass({
{this.state.settings.showEventLog ? <EventLog/> : null}
<Footer settings={this.state.settings}/>
</div>
- );
+ );
}
});
@@ -43,4 +43,4 @@ var ProxyApp = (
<ReactRouter.Redirect to="main"/>
</ReactRouter.Route>
</ReactRouter.Routes>
-);
+ );
diff --git a/web/src/js/components/traffictable.jsx b/web/src/js/components/traffictable.jsx
index 69b89a64..8071b97e 100644
--- a/web/src/js/components/traffictable.jsx
+++ b/web/src/js/components/traffictable.jsx
@@ -1,34 +1,34 @@
/** @jsx React.DOM */
var TrafficTable = React.createClass({
- getInitialState: function() {
+ getInitialState: function () {
return {
flows: []
};
},
- componentDidMount: function() {
+ componentDidMount: function () {
//this.flowStore = FlowStore.getView();
//this.flowStore.addListener("change",this.onFlowChange);
},
- componentWillUnmount: function() {
+ componentWillUnmount: function () {
//this.flowStore.removeListener("change",this.onFlowChange);
//this.flowStore.close();
},
- onFlowChange: function() {
+ onFlowChange: function () {
this.setState({
//flows: this.flowStore.getAll()
});
},
- render: function() {
+ render: function () {
/*var flows = this.state.flows.map(function(flow){
- return <div>{flow.request.method} {flow.request.scheme}://{flow.request.host}{flow.request.path}</div>;
- }); */
+ return <div>{flow.request.method} {flow.request.scheme}://{flow.request.host}{flow.request.path}</div>;
+ }); */
//Dummy Text for layout testing
x = "Flow";
i = 12;
while (i--) x += x;
- return (
+ return (
<div>Flow</div>
- );
+ );
}
});