According to Fergus, the labels are wrong and should be reversed, though the rates are correct.

Executing

• tile should go in executing state when the user clicks trade and until it either get a response from the server or it times out (hardcode to 2sec)
  • while executing it should not be possible to trade again on this tile

Execution timeout

• if we don't receive an execution (or rejection) after 2sec from the server the tile should go in this state
• if the trade finally comes through, the tile should switch back to trade executed or trade rejected state

trade done & trade rejected

looks fine (styling discussed in another task)

• For some reason the new blotter is not scrollable
• Also the styling should match the visual design https://drive.google.com/open?id=0B91PUsbMlc6iX3lCc3ZKNmgzRDA
• when you tear off the blotter, the tiles and the analytics panels should use the space previously used by the blotter, this is not the case
• the blotter does not use all the space available in the popup window, when it is in tear-off state
• the 'Trader' column is not populated

Would be cool but one of the lowest priority items at this stage

For now, subdomain.domain redirect to nsgate. This one have no default and redirect the user to the first reactive-trader defined.

Test

• when using docker hub
• when using a docker repo in the same gcloud datacenter

2 levels of nginx might be a better setup than using the google load balancer stuff (slow to setup)

Minimize, maximize and close buttons to be hooked with OpenFin APIs

Either implement tearoff with an icon (like in current implementation) or with drag and drop (if it's simple enough).

Tear off windows should:

• be chromeless
• be draggable around easily
• remember their position (in current solution we name the windows with the currency pair symbol and openfin automatically re-open them)
• each tile should remember if it was 'in the container' or in tearoff mode: if you tear out some tiles and close the app it should re-open as it was before closing the app. I believe we used the local storage to implement that (ie. for each ccy pair we remember locally if it was 'in' or 'out')
• be easy to bring back in the main container (ie. via an icon or drag and drop)
• be topmost (always in front of the container otherwise it's too easy to 'loose' them)
• should of course work exactly as if they were in the container (same behavior for tradable, stale, etc)

If the session expires, those tiles need to go to "pricing unavailable mode" and come back to life when you click Reconnect

Something like http://reactivetrader.gcloud.com/

We need to test this and also display in the UI some indicator of the current connection type (for instance on mouse over of the connection status, or something like that).

Icon in tile

Spinner while opening

Chart IQ app opened to the corresponding CCY pair

• implement fallback in the UI
• update connection status when using long polling in the UI
• @tdeheurles : configure nginx routing

We want a separate url for the admin tool and it's really just for us, we don't really want to advertise that it is there (and it will be password protected).

Sales does not exist so we should remove that for now.

http://weareadaptive.com/
https://openfin.co/

when in openfin this should open in the default browser, not in OpenFin

• Adaptive branding / description (see previous repo)
• review readmes

• Rows are too high (on Chrome on Mac at least)
• separator does not goes to the end of the row

We need also to decide if we should use the same style as previous design (which was best implemented in the WPF version)

We can do this if the app takes some time to load (if it's so quick the user can't even see it, no point having this).

same story as excel integration, the existing code is there and we should keep the same protocol to not have to rebuild/redeploy the WPF app.

https://github.com/AdaptiveConsulting/ReactiveTraderJS/blob/master/src/ts/OpenFin/OpenFin.ts

When a trade is done or rejected we show a notification

Features

• clicking on the notification restores the application (if minimized) and bring it to front (if behind another app)
• highlight the corresponding trade in the blotter (animate or flash)

Trade done

Rejected

Just a few notes that we should discuss and agree on (that's all minor to be honest, it's already it a pretty good state)

• there is a gap at the bottom of the tile for the scatter chart, I think we should decide if we want it always visible
• Currency pair symbol should be formatted (EUR / USD instead of EURUSD)
• vertically center prices (currently bottom aligned)
• notional formatting is better in your version I think (formatted)
• we should remove the line bellow the notional but show some visual feedback when we mouse over (see WPF version for that, I've put a screenshot bellow)
• we might want to review the gradients for price mouse over, trade done and trade rejected states

New Reactivbe trader

Previous design (WPF)

Mouse over notional box

See existing code: https://github.com/AdaptiveConsulting/ReactiveTraderJS/blob/master/src/ts/OpenFin/OpenFin.ts

We need to use the exact same protocol on the OpenFin bus: we don't want to have to change the Excel spreadsheet / code.

SSL should be enabled on all environments and terminated at the nginx level

http 80
ws 8080 redirects to ws 8080

https 443
wss 443 redirects to ws 8080

• evaluate the different options (I'd suggest looking at MsgPack and Google Protocol buffers probably first). There might be other options in JavaScript browser..?
• we want to know how much smaller the messages are (vs JSON)
• we want to know the performance impacts (write or find some micro benchmarks)
• consider also available platforms (it needs to support at least JavaScript, JVM, .NET)
• once the solution is decided, implement the preferred options in reactive trader

There is a lot of code that does things like this:

    this.fin && this.fin.close();

We should abstract Openfin away and just talk to some interface.

• remove any dead code / unused folders, files
• cleanup project.json files
• used fixed version for dependencies

Compared to the previous version:

• no legend on the chat (x axis should show the time)
• the chart was green when > 0 and red when <= 0
• please keep the style as close as possible to the old one (no black line / panel delimiter, same section titles, etc)
• the bars at the bottom look huge when there are only a few positions
• previously the bars where looking red / green following the same pattern (red < 0, green > 0)
• positions notional (in black) overlays with the labels. The notional are normally displayed when you mouse over the corresponding bars (see link to previous version).
  --> it looks like the control used to display positions does not work for our use case, could we just implement it in html/css like it was before (it works fine and looks a lot better)
• Format 'Profit & Loss' total with thousand separators (or even shorten to "1.3m"/"555k"

the old verion looks a lot better, could we try to replicate the styles?

nginx failure / Broker failure

• connection indicator goes red
• same logic as if all service went down (see bellow: reference data + pricer + execution + blotter + analytics)

reference data service failure

• the indicator for the corresponding service goes red
• nothing else changes

pricer failure

• the indicator for the corresponding service goes red
• all pricing tiles go to disconnected mode
• prices are cleared (no price at all or just a '-')

execution service failure

• the indicator for the corresponding service goes red
• pricing tiles stay the same visually but on mouse over there is an indication that you can't trade

blotter

• the indicator for the corresponding service goes red
• in the header of the blotter indicates that the blotter is disconnected

analytics

• the indicator for the corresponding service goes red
• in the header of the analytics pannel indicates that the analytics are disconnected

event store

• execution will become unavailable (the UI should have nothing to do, it's exactly like if execution service was down)
• in the header of the blotter indicates that the blotter is disconnected
• in the header of the analytics pannel indicates that the analytics are disconnected

We need to automatically disconnect the client after 15min to make sure we don't have users leaving a tab open for 6 months, which can significantly increase the hosting bill.

Also provide a link to reconnect (reload the page is fine)

This is what RT1 looks like when this happens:

Manage muliple brokers:

• client to select a broker a startup
• handle failover after several connection retries

Before starting

• agree DTOs with backend implementer (should be the same as previous reactive trader)
• agree chart component to use (currently ChartIQ, I'll check if we want to use that in this version)

PnL view

Positions view

On OSX / Chrome the scrollbar of the tiles area is apearing behind the analytics tab

This is the first step to get the WPF and Xamarin (iOS, Android, iWatch) versions ported across.

You should probably port the WPF client across when you do that, to make sure this is working. We don't expect the WPF client to support all the failure scenarios (it should just work with happy paths).

When running under https, the client should connect to /wws, not /ws

http 80
ws 8080

https 443
wws 443

Current we have the launcher parameters of:

dnx run a b exec p ref es mb init-es

This currently corresponds to:

a: analytics service
b: blotter service
exec: execution service
p: pricing service
ref: reference data service (read)
es: embedded event store
mb: embedded message broker
init-es: populates the event store with dummy data

We need to make them more consistent and descriptive.

due to updates upstream, a loose dep like history@^1.1.9 fetched 1.16.0 which breaks [email protected] due to qs.

in other words, to prevent being able to build from a clean node_modules env, we need to affix the versions.

Current build times for the client are > 6 minutes.

Some thoughts:

1. This is very long
2. Do we need the entire container infrastructure just to build, run unit tests?
3. Can we split out another build that is just the day to day dev builds so we get quick feedback?
4. Surely CircleCI allows us to build on pre-ready machines (ones with npm and node already installed)

I think the app looks too dark and David (the designer who did the initial visual design) had the good idea to put the blotter in white. Also David's design did not use any gradient and everything was flat. If you open both apps side by side you will see that the new app looks A LOT more noisy that it used to be (it looks like a lot more stuff is being displayed, which is not the case).

Here is the link to the previous version: http://adaptiveconsulting.github.io/ReactiveTraderJS/

The design was not correctly implement (the WPF is the closest one from the design), I

Overall I would be in favour of bringing the design closer to what it was before in a few aspects:

• the layout of the tile is fine I think (better than in the previous reactive trader web version), but the spark line adds too much noise, I would go crazy if I had to look at this all day. I would suggest to remove them
• the mouse over should not use gradients, let's use the same style as before
• remove the animation on trade done and remove the gradients on the trade done tile
• when the tile is in error state use the same style as before (orange tile), see EURJPY trade on old version
• I think we also should style the blotter as it was before (white instead of dark)

The analytics backend needs to

• read all trades from event store
• read prices from crossbar (maybe we just want the pricing service to publish all prices on a well known topic that the analytics service can subscribe to? design to be discussed)
• compute positions and PnL for the past X minutes (should be configurable in the service, just apply the same as in the old backend) - the logic should be identical to the old service
• publish a state of the world on each tick (I believe we were publishing that every 10sec)

DTOs should be discussed and agreed with Dimitar first to facilitate integration (btw they should be the same as previous reactive trader).

Please review the Linux install docs, I think it could be simplified:

• do we really need to install EventStore and Crossbar on Linux?
• could we just run the launcher with dnx run dev instead?

adding @qooroo and @JPWatson since they were also working on linux.

• UI folders cleanup (remove any dead code, dead resources, etc)
• package.json cleanup
• use fixed version dependencies

http://web-demo.adaptivecluster.com/#/?_k=m1l9r0

Why do we have such urls? Can we get rid of this and not change the url?

"react-router": "~1.0.2",
"react-sparklines": "~1.4.2",

Need the ~ removed.

ID - OK
Date - change format (see picture)
Dir - should be in bold
CCY - format (EUR / USD), should be in bold
Notional - OK, should be in bold
Rate - should be in bold
Status - OK
Value Date - update format (see picture)
Trader - OK

Proposed structure

• overview of the project, the architecture and the different components
• how to setup a dev environment (without docker)
• how to run everything locally with docker
• how to create a Kubernetes cluster and deploy the app

Would be good if you can:

• validate that the procedures actually work (windows and ubuntu)
• try to minimise the number of steps
• I believe @tdeheurles put together quite a few scripts in the /deploy folder, check with him what is available please