site: set zoom buttons in DepthChart ctor

client/webserver/site/src/html/bodybuilder.tmpl

@@ -86,7 +86,7 @@
 {{end}}
 
 {{define "bottom"}}
-<script src="/js/entry.js?v=GHTDEG56"></script>
+<script src="/js/entry.js?v=YKVNRn4"></script>
 </body>
 </html>
 {{end}}

client/webserver/site/src/js/charts.ts

@@ -169,7 +169,6 @@ class Chart {
     this.ctx = ctx
     this.ctx.textAlign = 'center'
     this.ctx.textBaseline = 'middle'
-    this.setZoomBttns()
     // Mouse handling
     this.mousePos = null
     bind(this.canvas, 'mousemove', (e: MouseEvent) => {
@@ -206,12 +205,6 @@ class Chart {
     this.render()
   }
 
-  // setZoomBttns is run before drawing and should be used for setup of zoom
-  // buttons.
-  setZoomBttns () {
-    // should be implemented by inheriting class.
-  }
-
   /* click is the handler for a click event on the canvas. */
   click (e: MouseEvent) {
     this.report.click(e)
@@ -410,6 +403,7 @@ export class DepthChart extends Chart {
       buys: [],
       sells: []
     }
+    this.setZoomBttns() // can't wait for requestAnimationFrame -> resized
     this.resize(parent.clientHeight)
   }
 

client/webserver/site/src/js/markets.ts

@@ -330,10 +330,11 @@ export default class MarketsPage extends BasePage {
     ws.registerRoute(updateRemainingRoute, (data: BookUpdate) => { this.handleUpdateRemainingRoute(data) })
     // Handle the new order for the order book on the 'epoch_order' route.
     ws.registerRoute(epochOrderRoute, (data: BookUpdate) => { this.handleEpochOrderRoute(data) })
-    // Handle the intial candlestick data on the 'candles' route.
-    ws.registerRoute(candleUpdateRoute, (data: BookUpdate) => { this.handleCandleUpdateRoute(data) })
-    // Handle the candles update on the 'candles' route.
+    // Handle the initial candlestick data on the 'candles' route.
     ws.registerRoute(candlesRoute, (data: BookUpdate) => { this.handleCandlesRoute(data) })
+    // Handle the candles update on the 'candles' route.
+    ws.registerRoute(candleUpdateRoute, (data: BookUpdate) => { this.handleCandleUpdateRoute(data) })
+
     // Bind the wallet unlock form.
     this.unlockForm = new UnlockWalletForm(page.unlockWalletForm, async () => { this.openFunc() })
     // Create a wallet
@@ -2221,9 +2222,10 @@ export default class MarketsPage extends BasePage {
   unload () {
     ws.request(unmarketRoute, {})
     ws.deregisterRoute(bookRoute)
-    ws.deregisterRoute(epochOrderRoute)
     ws.deregisterRoute(bookOrderRoute)
     ws.deregisterRoute(unbookOrderRoute)
+    ws.deregisterRoute(updateRemainingRoute)
+    ws.deregisterRoute(epochOrderRoute)
     ws.deregisterRoute(candlesRoute)
     ws.deregisterRoute(candleUpdateRoute)
     this.depthChart.unattach()

client/webserver/site/src/localized_html/en-US/bodybuilder.tmpl

@@ -86,7 +86,7 @@
 {{end}}
 
 {{define "bottom"}}
-<script src="/js/entry.js?v=GHTDEG56"></script>
+<script src="/js/entry.js?v=YKVNRn4"></script>
 </body>
 </html>
 {{end}}

client/webserver/site/src/localized_html/pl-PL/bodybuilder.tmpl

@@ -86,7 +86,7 @@
 {{end}}
 
 {{define "bottom"}}
-<script src="/js/entry.js?v=GHTDEG56"></script>
+<script src="/js/entry.js?v=YKVNRn4"></script>
 </body>
 </html>
 {{end}}

client/webserver/site/src/localized_html/pt-BR/bodybuilder.tmpl

@@ -86,7 +86,7 @@
 {{end}}
 
 {{define "bottom"}}
-<script src="/js/entry.js?v=GHTDEG56"></script>
+<script src="/js/entry.js?v=YKVNRn4"></script>
 </body>
 </html>
 {{end}}

client/webserver/site/src/localized_html/zh-CN/bodybuilder.tmpl

@@ -86,7 +86,7 @@
 {{end}}
 
 {{define "bottom"}}
-<script src="/js/entry.js?v=GHTDEG56"></script>
+<script src="/js/entry.js?v=YKVNRn4"></script>
 </body>
 </html>
 {{end}}