This application was developed using TypeScript, Bootstrap, and ComponentOne's Wijmo controls. The stock prices come from one of Quandl's free financial databases.
This view uses a standard HTML table element to display the portfolio items. Click here to switch to a view that shows the items in a FlexGrid.
Remove | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
{{item.name}} | {{item.symbol}} | {{item.lastPrice | glbz:'n2'}} | {{item.changePercent | glbz:'p2'}} |
|
|
{{item.costBasis | glbz:'n2'}} | {{item.marketValue | glbz:'n2'}} | {{item.gainPercent | glbz:'p2'}} | ||
Add to portfolio: |
|
Total: | {{portfolio.cost | glbz:'n2'}} | {{portfolio.value | glbz:'n2'}} | {{portfolio.gainPercent | glbz:'p2'}} |