Feature/extend position detail dialog (#54)

* Extend position detail dialog

* Absolute change
* Number of transactions

apps/client/src/app/components/position/position-detail-dialog/position-detail-dialog.html

@@ -19,6 +19,16 @@
     ></gf-line-chart>
 
     <div class="row">
+      <div class="col-6 mb-3">
+        <gf-value
+          label="Change"
+          size="medium"
+          [colorizeSign]="true"
+          [currency]="data.baseCurrency"
+          [locale]="data.locale"
+          [value]="grossPerformance"
+        ></gf-value>
+      </div>
       <div class="col-6 mb-3">
         <gf-value
           label="Performance"
@@ -29,13 +39,6 @@
           [value]="grossPerformancePercent"
         ></gf-value>
       </div>
-      <div class="col-6 mb-3">
-        <gf-value
-          label="First Buy Date"
-          size="medium"
-          [value]="firstBuyDate"
-        ></gf-value>
-      </div>
       <div class="col-6 mb-3">
         <gf-value
           label="Ø Buy Price"
@@ -91,6 +94,22 @@
           [value]="investment"
         ></gf-value>
       </div>
+      <div class="col-6 mb-3">
+        <gf-value
+          label="First Buy Date"
+          size="medium"
+          [value]="firstBuyDate"
+        ></gf-value>
+      </div>
+      <div class="col-6 mb-3">
+        <gf-value
+          label="Transactions"
+          size="medium"
+          [isCurrency]="true"
+          [locale]="data.locale"
+          [value]="transactionCount"
+        ></gf-value>
+      </div>
     </div>
   </div>
 </div>