Add symbol and ISIN

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

@@ -171,11 +171,13 @@
           size="medium"
           [locale]="data.locale"
           [value]="transactionCount"
-          ><ng-container *ngIf="transactionCount === 1">Activity</ng-container
-          ><ng-container *ngIf="transactionCount !== 1"
-            >Activities</ng-container
-          ></gf-value
         >
+          @if (transactionCount === 1) {
+            <ng-container i18n>Activity</ng-container>
+          } @else {
+            <ng-container i18n>Activities</ng-container>
+          }
+        </gf-value>
       </div>
       <div class="col-6 mb-3">
         <gf-value i18n size="medium" [hidden]="!assetClass" [value]="assetClass"
@@ -191,17 +193,15 @@
           >Asset Sub Class</gf-value
         >
       </div>
-      <ng-container
+      @if (
-        *ngIf="
+        SymbolProfile?.countries?.length > 0 ||
-          SymbolProfile?.countries?.length > 0 ||
+        SymbolProfile?.sectors?.length > 0
-          SymbolProfile?.sectors?.length > 0
+      ) {
-        "
-      >
         @if (
           SymbolProfile?.countries?.length === 1 &&
           SymbolProfile?.sectors?.length === 1
         ) {
-          <div *ngIf="SymbolProfile?.sectors?.length === 1" class="col-6 mb-3">
+          <div class="col-6 mb-3">
             <gf-value
               i18n
               size="medium"
@@ -210,18 +210,17 @@
               >Sector</gf-value
             >
           </div>
-          <div
+          @if (SymbolProfile?.countries?.length === 1) {
-            *ngIf="SymbolProfile?.countries?.length === 1"
+            <div class="col-6 mb-3">
-            class="col-6 mb-3"
+              <gf-value
-          >
+                i18n
-            <gf-value
+                size="medium"
-              i18n
+                [locale]="data.locale"
-              size="medium"
+                [value]="SymbolProfile.countries[0].name"
-              [locale]="data.locale"
+                >Country</gf-value
-              [value]="SymbolProfile.countries[0].name"
+              >
-              >Country</gf-value
+            </div>
-            >
+          }
-          </div>
         } @else {
           <div class="col-md-6 mb-3">
             <div class="h5" i18n>Sectors</div>
@@ -248,13 +247,32 @@
             />
           </div>
         }
-      </ng-container>
+      }
-      <div *ngIf="dataProviderInfo" class="col-md-12 mb-3 text-center">
+      <div class="col-6 mb-3">
-        <hr />
+        <gf-value
-        <gf-data-provider-credits [dataProviderInfos]="[dataProviderInfo]">
+          i18n
-        </gf-data-provider-credits>
+          size="medium"
-        <hr />
+          [hidden]="!SymbolProfile?.symbol"
+          [value]="SymbolProfile?.symbol"
+          >Symbol</gf-value
+        >
       </div>
+      <div class="col-6 mb-3">
+        <gf-value
+          size="medium"
+          [hidden]="!SymbolProfile?.isin"
+          [value]="SymbolProfile?.isin"
+          >ISIN</gf-value
+        >
+      </div>
+
+      @if (dataProviderInfo) {
+        <div class="col-md-12 mb-3 text-center">
+          <hr />
+          <gf-data-provider-credits [dataProviderInfos]="[dataProviderInfo]" />
+          <hr />
+        </div>
+      }
     </div>
 
     <mat-tab-group
@@ -308,31 +326,32 @@
       </mat-tab>
     </mat-tab-group>
 
-    <div *ngIf="tags?.length > 0" class="row">
+    @if (tags?.length > 0) {
-      <div class="col">
+      <div class="row">
-        <div class="h5" i18n>Tags</div>
+        <div class="col">
-        <mat-chip-listbox>
+          <div class="h5" i18n>Tags</div>
-          <mat-chip-option *ngFor="let tag of tags" disabled>{{
+          <mat-chip-listbox>
-            tag.name
+            <mat-chip-option *ngFor="let tag of tags" disabled>{{
-          }}</mat-chip-option>
+              tag.name
-        </mat-chip-listbox>
+            }}</mat-chip-option>
+          </mat-chip-listbox>
+        </div>
       </div>
-    </div>
+    }
 
-    <div
+    @if (
-      *ngIf="
+      activities?.length > 0 && data.hasPermissionToReportDataGlitch === true
-        activities?.length > 0 && data.hasPermissionToReportDataGlitch === true
+    ) {
-      "
+      <div class="row">
-      class="row"
+        <div class="col">
-    >
+          <hr />
-      <div class="col">
+          <a color="warn" mat-stroked-button [href]="reportDataGlitchMail"
-        <hr />
+            ><ion-icon class="mr-1" name="flag-outline"></ion-icon
-        <a color="warn" mat-stroked-button [href]="reportDataGlitchMail"
+            ><span i18n>Report Data Glitch</span></a
-          ><ion-icon class="mr-1" name="flag-outline"></ion-icon
+          >
-          ><span i18n>Report Data Glitch</span></a
+        </div>
-        >
       </div>
-    </div>
+    }
   </div>
 </div>