From 7c5c993d2fe73c4d9c7ee7fc747b0eaca5ea1877 Mon Sep 17 00:00:00 2001
From: kevinpauer <kevinpauer@t-online.de>
Date: Tue, 5 Apr 2022 19:43:35 +0200
Subject: [PATCH 1/2] Fix wrong dataSource

---
 .../app/Views/dashboard/dashboard.component.html | 16 ++++++++++++----
 .../app/Views/dashboard/dashboard.component.ts   | 10 ++++++++--
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/Views/dashboard/dashboard.component.html b/frontend/src/app/Views/dashboard/dashboard.component.html
index 7f0b5e9..affddde 100644
--- a/frontend/src/app/Views/dashboard/dashboard.component.html
+++ b/frontend/src/app/Views/dashboard/dashboard.component.html
@@ -7,28 +7,36 @@
       </div>
       <mat-card class="placeholder">
         <div class="stockTable">
-          <table mat-table [dataSource]="dataSourceTransactions">
+          <table mat-table [dataSource]="dataSourceStocks">
             <!--- Note that these columns can be defined in any order.
                 The actual rendered columns are set as a property on the row definition" -->
 
-            <!-- Position Column -->
+            <!-- Symbol Column -->
             <ng-container matColumnDef="position">
               <th mat-header-cell *matHeaderCellDef>Symbol</th>
               <td mat-cell *matCellDef="let element">{{ element.symbol }}</td>
             </ng-container>
 
-            <!-- Name Column -->
+            <!-- Count Column -->
             <ng-container matColumnDef="name">
               <th mat-header-cell *matHeaderCellDef>Count</th>
               <td mat-cell *matCellDef="let element">{{ element.count }}</td>
             </ng-container>
 
-            <!-- Weight Column -->
+            <!-- Time Column -->
             <ng-container matColumnDef="weight">
               <th mat-header-cell *matHeaderCellDef>Time</th>
               <td mat-cell *matCellDef="let element">{{ element.time }}</td>
             </ng-container>
 
+            <!-- Time Column -->
+            <ng-container matColumnDef="current-price">
+              <th mat-header-cell *matHeaderCellDef>Current Price</th>
+              <td mat-cell *matCellDef="let element">
+                {{ element.currentPrice }}
+              </td>
+            </ng-container>
+
             <tr mat-header-row *matHeaderRowDef="displayedColumnsStocks"></tr>
             <tr
               mat-row
diff --git a/frontend/src/app/Views/dashboard/dashboard.component.ts b/frontend/src/app/Views/dashboard/dashboard.component.ts
index 1ac94a2..38b6d85 100644
--- a/frontend/src/app/Views/dashboard/dashboard.component.ts
+++ b/frontend/src/app/Views/dashboard/dashboard.component.ts
@@ -12,7 +12,7 @@ export interface PeriodicElement {
 
 export interface Stock {
   count: number;
-  // price: number;
+  currentPrice: number;
   symbol: string;
   time: string;
 }
@@ -53,6 +53,7 @@ export class DashboardComponent implements OnInit {
       for (let i = 0; i < data.data.length; i++) {
         STOCK_DATA.push({
           count: data.data[i].count,
+          currentPrice: data.data[i].current_price,
           symbol: data.data[i].symbol,
           time: data.data[i].last_transaction,
         });
@@ -101,6 +102,11 @@ export class DashboardComponent implements OnInit {
   }
 
   displayedColumns: string[] = ['weight', 'position', 'name', 'symbol'];
-  displayedColumnsStocks: string[] = ['position', 'name', 'weight'];
+  displayedColumnsStocks: string[] = [
+    'position',
+    'name',
+    'weight',
+    'current-price',
+  ];
   dataSource = ELEMENT_DATA;
 }

From de586a7e17971be9b677f2a68fbe569aad87d2ba Mon Sep 17 00:00:00 2001
From: kevinpauer <kevinpauer@t-online.de>
Date: Tue, 5 Apr 2022 20:24:23 +0200
Subject: [PATCH 2/2] Improve css

---
 .../Views/dashboard/dashboard.component.html    |  8 ++++----
 .../Views/dashboard/dashboard.component.scss    | 17 +++++++++++++++++
 .../app/Views/dashboard/dashboard.component.ts  |  1 -
 frontend/src/app/app.component.scss             |  1 -
 4 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/Views/dashboard/dashboard.component.html b/frontend/src/app/Views/dashboard/dashboard.component.html
index affddde..b52475f 100644
--- a/frontend/src/app/Views/dashboard/dashboard.component.html
+++ b/frontend/src/app/Views/dashboard/dashboard.component.html
@@ -6,7 +6,7 @@
         <div class="vertical-center">Aktienübersicht</div>
       </div>
       <mat-card class="placeholder">
-        <div class="stockTable">
+        <div class="stockTableLHS">
           <table mat-table [dataSource]="dataSourceStocks">
             <!--- Note that these columns can be defined in any order.
                 The actual rendered columns are set as a property on the row definition" -->
@@ -53,12 +53,12 @@
       <div class="heading fix-right-side">
         <div class="vertical-center">Depotübersicht</div>
       </div>
-      <mat-card class="placeholder"></mat-card>
+      <mat-card class="placeholderRHS"></mat-card>
     </div>
   </mat-grid-tile>
   <!-- Transaktions -->
   <mat-grid-tile colspan="1" rowspan="1" class="right-side">
-    <div class="depotOverview">
+    <div class="depotOverviewDown">
       <div class="heading fix-right-side">
         <div class="vertical-center">Transaktionen</div>
         <span class="spacer"></span>
@@ -72,7 +72,7 @@
           <mat-icon>add</mat-icon>
         </button>
       </div>
-      <mat-card class="placeholder"
+      <mat-card class="placeholderRHS"
         ><div class="stockTable">
           <table mat-table [dataSource]="dataSourceTransactions">
             <!--- Note that these columns can be defined in any order.
diff --git a/frontend/src/app/Views/dashboard/dashboard.component.scss b/frontend/src/app/Views/dashboard/dashboard.component.scss
index 85474ee..39c1682 100644
--- a/frontend/src/app/Views/dashboard/dashboard.component.scss
+++ b/frontend/src/app/Views/dashboard/dashboard.component.scss
@@ -15,12 +15,25 @@
   margin-right: 10%;
 }
 
+.depotOverviewDown {
+  height: 100%;
+  width: 100%;
+  margin-left: 5%;
+  margin-right: 10%;
+}
+
 .stockTable {
   overflow: auto;
   height: 100%;
   width: 100%;
 }
 
+.stockTableLHS {
+  overflow: auto;
+  height: 83%;
+  width: 100%;
+}
+
 .heading {
   font-size: xx-large;
   height: 10%;
@@ -63,6 +76,10 @@ table {
   height: 100%;
 }
 
+.placeholderRHS {
+  height: 80%;
+}
+
 side-heading {
   display: inline;
 }
diff --git a/frontend/src/app/Views/dashboard/dashboard.component.ts b/frontend/src/app/Views/dashboard/dashboard.component.ts
index 38b6d85..f08a1b4 100644
--- a/frontend/src/app/Views/dashboard/dashboard.component.ts
+++ b/frontend/src/app/Views/dashboard/dashboard.component.ts
@@ -87,7 +87,6 @@ export class DashboardComponent implements OnInit {
   openDialog(): void {
     const dialogRef = this.dialog.open(UserDialogComponent, {
       width: '50vw',
-      height: '55vh',
       data: {
         symbol: this.symbol,
         time: this.time,
diff --git a/frontend/src/app/app.component.scss b/frontend/src/app/app.component.scss
index 8b13789..e69de29 100644
--- a/frontend/src/app/app.component.scss
+++ b/frontend/src/app/app.component.scss
@@ -1 +0,0 @@
-