aboutsummaryrefslogtreecommitdiffstats
path: root/web/src/js
diff options
context:
space:
mode:
Diffstat (limited to 'web/src/js')
-rw-r--r--web/src/js/actions.js2
-rw-r--r--web/src/js/app.js2
-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
-rw-r--r--web/src/js/connection.js12
-rw-r--r--web/src/js/dispatcher.js14
-rw-r--r--web/src/js/stores/base.js9
-rw-r--r--web/src/js/stores/eventlogstore.js39
-rw-r--r--web/src/js/stores/settingstore.js7
12 files changed, 82 insertions, 79 deletions
diff --git a/web/src/js/actions.js b/web/src/js/actions.js
index 6eecd78e..35cb83da 100644
--- a/web/src/js/actions.js
+++ b/web/src/js/actions.js
@@ -4,7 +4,7 @@ var ActionTypes = {
};
var SettingsActions = {
- update:function(settings) {
+ update: function (settings) {
settings = _.merge({}, SettingsStore.getAll(), settings);
//TODO: Update server.
diff --git a/web/src/js/app.js b/web/src/js/app.js
index ddf7a69a..736072dc 100644
--- a/web/src/js/app.js
+++ b/web/src/js/app.js
@@ -1,4 +1,4 @@
-$(function() {
+$(function () {
Connection.init();
app = React.renderComponent(ProxyApp, document.body);
}); \ No newline at end of file
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>
- );
+ );
}
});
diff --git a/web/src/js/connection.js b/web/src/js/connection.js
index e752e2fe..0a74ed33 100644
--- a/web/src/js/connection.js
+++ b/web/src/js/connection.js
@@ -1,10 +1,10 @@
function _Connection(url) {
this.url = url;
}
-_Connection.prototype.init=function() {
+_Connection.prototype.init = function () {
this.openWebSocketConnection();
};
-_Connection.prototype.openWebSocketConnection=function() {
+_Connection.prototype.openWebSocketConnection = function () {
this.ws = new WebSocket(this.url.replace("http", "ws"));
var ws = this.ws;
@@ -13,17 +13,17 @@ _Connection.prototype.openWebSocketConnection=function() {
ws.onerror = this.onerror.bind(this);
ws.onclose = this.onclose.bind(this);
};
-_Connection.prototype.onopen=function(open) {
+_Connection.prototype.onopen = function (open) {
console.log("onopen", this, arguments);
};
-_Connection.prototype.onmessage=function(message) {
+_Connection.prototype.onmessage = function (message) {
//AppDispatcher.dispatchServerAction(...);
console.log("onmessage", this, arguments);
};
-_Connection.prototype.onerror=function(error) {
+_Connection.prototype.onerror = function (error) {
console.log("onerror", this, arguments);
};
-_Connection.prototype.onclose=function(close) {
+_Connection.prototype.onclose = function (close) {
console.log("onclose", this, arguments);
};
diff --git a/web/src/js/dispatcher.js b/web/src/js/dispatcher.js
index 4f3cce0c..028ac4dc 100644
--- a/web/src/js/dispatcher.js
+++ b/web/src/js/dispatcher.js
@@ -4,32 +4,32 @@ const PayloadSources = {
};
-function Dispatcher() {"use strict";
+function Dispatcher() {
this.callbacks = [];
}
-Dispatcher.prototype.register=function(callback) {"use strict";
+Dispatcher.prototype.register = function (callback) {
this.callbacks.push(callback);
};
-Dispatcher.prototype.unregister=function(callback) {"use strict";
+Dispatcher.prototype.unregister = function (callback) {
var index = this.callbacks.indexOf(f);
if (index >= 0) {
this.callbacks.splice(this.callbacks.indexOf(f), 1);
}
};
-Dispatcher.prototype.dispatch=function(payload) {"use strict";
+Dispatcher.prototype.dispatch = function (payload) {
console.debug("dispatch", payload);
- this.callbacks.forEach(function(callback) {
+ this.callbacks.forEach(function (callback) {
callback(payload);
});
};
AppDispatcher = new Dispatcher();
-AppDispatcher.dispatchViewAction = function(action) {
+AppDispatcher.dispatchViewAction = function (action) {
action.actionSource = PayloadSources.VIEW_ACTION;
this.dispatch(action);
};
-AppDispatcher.dispatchServerAction = function(action) {
+AppDispatcher.dispatchServerAction = function (action) {
action.actionSource = PayloadSources.SERVER_ACTION;
this.dispatch(action);
};
diff --git a/web/src/js/stores/base.js b/web/src/js/stores/base.js
index e72141b5..9a2dbd64 100644
--- a/web/src/js/stores/base.js
+++ b/web/src/js/stores/base.js
@@ -1,20 +1,19 @@
-
function EventEmitter() {
this.listeners = {};
}
-EventEmitter.prototype.emit=function(event) {
+EventEmitter.prototype.emit = function (event) {
if (!(event in this.listeners)) {
return;
}
- this.listeners[event].forEach(function(listener) {
+ this.listeners[event].forEach(function (listener) {
listener.apply(this, arguments);
}.bind(this));
};
-EventEmitter.prototype.addListener=function(event, f) {
+EventEmitter.prototype.addListener = function (event, f) {
this.listeners[event] = this.listeners[event] || [];
this.listeners[event].push(f);
};
-EventEmitter.prototype.removeListener=function(event, f) {
+EventEmitter.prototype.removeListener = function (event, f) {
if (!(event in this.listeners)) {
return false;
}
diff --git a/web/src/js/stores/eventlogstore.js b/web/src/js/stores/eventlogstore.js
index 23f8d3ed..54c45939 100644
--- a/web/src/js/stores/eventlogstore.js
+++ b/web/src/js/stores/eventlogstore.js
@@ -18,42 +18,47 @@ function EventLogView(store, live) {
}
}
_.extend(EventLogView.prototype, EventEmitter.prototype, {
- close: function() {
+ close: function () {
this.$EventLogView_store.removeListener("new_entry", this.add);
},
- getAll: function() {
+ getAll: function () {
return this.log;
},
- add: function(entry) {
+ add: function (entry) {
this.log.push(entry);
this.emit("change");
},
- add_bulk: function(messages) {
+ add_bulk: function (messages) {
var log = messages;
var last_id = log[log.length - 1].id;
- var to_add = _.filter(this.log, function(entry) {return entry.id > last_id;});
+ var to_add = _.filter(this.log, function (entry) {
+ return entry.id > last_id;
+ });
this.log = log.concat(to_add);
this.emit("change");
}
});
-function _EventLogStore(){
+function _EventLogStore() {
EventEmitter.call(this);
}
_.extend(_EventLogStore.prototype, EventEmitter.prototype, {
- getView: function(since) {
+ getView: function (since) {
var view = new EventLogView(this, !since);
//TODO: Really do bulk retrieval of last messages.
- window.setTimeout(function() {
- view.add_bulk([{
- id: 1,
- message: "Hello World"
- }, {
- id: 2,
- message: "I was already transmitted as an event."
- }]);
+ window.setTimeout(function () {
+ view.add_bulk([
+ {
+ id: 1,
+ message: "Hello World"
+ },
+ {
+ id: 2,
+ message: "I was already transmitted as an event."
+ }
+ ]);
}, 100);
var id = 2;
@@ -65,7 +70,7 @@ _.extend(_EventLogStore.prototype, EventEmitter.prototype, {
id: id++,
message: "I was only transmitted as an event before the bulk was added.."
});
- window.setInterval(function() {
+ window.setInterval(function () {
view.add({
id: id++,
message: "."
@@ -73,7 +78,7 @@ _.extend(_EventLogStore.prototype, EventEmitter.prototype, {
}, 1000);
return view;
},
- handle: function(action) {
+ handle: function (action) {
switch (action.actionType) {
case ActionTypes.EVENTLOG_ADD:
this.emit("new_message", action.message);
diff --git a/web/src/js/stores/settingstore.js b/web/src/js/stores/settingstore.js
index 23ac6dca..0ba7d800 100644
--- a/web/src/js/stores/settingstore.js
+++ b/web/src/js/stores/settingstore.js
@@ -1,4 +1,3 @@
-
function _SettingsStore() {
EventEmitter.call(this);
@@ -7,13 +6,13 @@ function _SettingsStore() {
version: "0.12",
showEventLog: true,
mode: "transparent",
- };
+ };
}
_.extend(_SettingsStore.prototype, EventEmitter.prototype, {
- getAll: function() {
+ getAll: function () {
return this.settings;
},
- handle: function(action) {
+ handle: function (action) {
switch (action.actionType) {
case ActionTypes.SETTINGS_UPDATE:
this.settings = action.settings;
generated by cgit v1.2.3 (git 2.25.1) at 2025-11-04 03:53:18 +0000