DHBW/TelegramAktienBot
1
0
Fork 0
Code Issues 6 Pull Requests 26 Actions Packages Projects Releases Wiki Activity

Add depot mechanics2

Browse Source
This commit is contained in:
kevinpauer
2022-04-06 19:44:09 +02:00
parent e592a0805a
commit 7ada44ea23
3 changed files with 89 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
frontend/src/app/Views/dashboard/dashboard.component.html
View File

@@ -3,7 +3,7 @@
<mat-grid-tile colspan="1" rowspan="2">
<div class="stockOverview">
<div class="heading">
<div class="vertical-center">Aktienübersicht</div>
<div class="vertical-center">Stocks</div>
</div>
<mat-card class="placeholder">
<div class="stockTableLHS">
@@ -51,16 +51,55 @@
<mat-grid-tile colspan="1" rowspan="1" class="right-side">
<div class="depotOverview">
<div class="heading fix-right-side">
<div class="vertical-center">Depotübersicht</div>
<div class="vertical-center">Depot</div>
</div>
<mat-card class="placeholderRHS"></mat-card>
<mat-card class="placeholderRHS content-container">
<div class="content">
<div class="row">
<div class="col-md-4">
<div class="value-set">
<h3>Portfolio Value</h3>
</div>
</div>
<div class="col-md-4">
<div class="value-set">
<h3>Portfolio Cost</h3>
</div>
</div>
<div class="col-md-4">
<div class="value-set">
<h3>Portfolio Profit</h3>
</div>
</div>
</div>
<br />
<div class="row">
<div class="col-6 col-sm-4">
<mat-icon>savings</mat-icon
><span class="money">{{ depotCurrentValue.toFixed(2) }}</span>
</div>
<div class="col-6 col-sm-4">
<mat-icon>paid</mat-icon
><span class="money">{{ depotCost.toFixed(2) }}</span>
</div>
<div class="col-6 col-sm-4">
<mat-icon>account_balance</mat-icon
><span
class="money"
[ngClass]="{ green: profit >= 0, red: profit < 0 }"
>{{ profit.toFixed(2) }}</span
>
</div>
</div>
</div>
</mat-card>
</div>
</mat-grid-tile>
<!-- Transaktions -->
<mat-grid-tile colspan="1" rowspan="1" class="right-side">
<div class="depotOverviewDown">
<div class="heading fix-right-side">
<div class="vertical-center">Transaktionen</div>
<div class="vertical-center">Transactions</div>
<span class="spacer"></span>
<button
mat-icon-button