September 2018
Intermediate to advanced
328 pages
9h 10m
English
The /components/BalancesBar folder contains two component files: BalanceCard.js and BalancesBar.js. The BalancesBar component persists across the TRANSACTIONS and CHARTS tabs and is located directly under the tab control. It contains four of the BalanceCard components, one for each balance type: initial raw, current raw, initial cooked, and current cooked. The first and third cards representing the initial balances contain inputs so the balance can be changed. The second and fourth cards representing the current balances are calculated dynamically in the Wasm module (using the getFinalBalanceForType() function). The following snippet, taken from the BalancesBar component, demonstrates Vue's binding syntax:
<balance-card title="Initial ...
Read now
Unlock full access