Extend columns

apps/api/src/app/admin/admin.service.ts

@@ -95,6 +95,10 @@ export class AdminService {
           _count: {
             select: { Order: true }
           },
+          assetClass: true,
+          assetSubClass: true,
+          countries: true,
+          sectors: true,
           dataSource: true,
           Order: {
             orderBy: [{ date: 'asc' }],
@@ -106,6 +110,9 @@ export class AdminService {
         }
       })
     ).map((symbolProfile) => {
+      const countriesCount = symbolProfile.countries
+        ? Object.keys(symbolProfile.countries).length
+        : 0;
       const marketDataItemCount =
         marketData.find((marketDataItem) => {
           return (
@@ -113,10 +120,17 @@ export class AdminService {
             marketDataItem.symbol === symbolProfile.symbol
           );
         })?._count ?? 0;
+      const sectorsCount = symbolProfile.sectors
+        ? Object.keys(symbolProfile.sectors).length
+        : 0;
 
       return {
+        countriesCount,
         marketDataItemCount,
+        sectorsCount,
         activityCount: symbolProfile._count.Order,
+        assetClass: symbolProfile.assetClass,
+        assetSubClass: symbolProfile.assetSubClass,
         dataSource: symbolProfile.dataSource,
         date: symbolProfile.Order?.[0]?.date,
         symbol: symbolProfile.symbol

apps/client/src/app/components/admin-market-data/admin-market-data.component.ts

@@ -16,7 +16,7 @@ import { UserService } from '@ghostfolio/client/services/user/user.service';
 import { DATE_FORMAT, getDateFormatString } from '@ghostfolio/common/helper';
 import { UniqueAsset, User } from '@ghostfolio/common/interfaces';
 import { AdminMarketDataItem } from '@ghostfolio/common/interfaces/admin-market-data.interface';
-import { DataSource, MarketData } from '@prisma/client';
+import { DataSource } from '@prisma/client';
 import { format, parseISO } from 'date-fns';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
@@ -41,9 +41,13 @@ export class AdminMarketDataComponent implements OnDestroy, OnInit {
   public displayedColumns = [
     'symbol',
     'dataSource',
+    'assetClass',
+    'assetSubClass',
     'date',
     'activityCount',
     'marketDataItemCount',
+    'countriesCount',
+    'sectorsCount',
     'actions'
   ];
   public marketData: AdminMarketDataItem[] = [];

apps/client/src/app/components/admin-market-data/admin-market-data.html

@@ -27,6 +27,24 @@
           </td>
         </ng-container>
 
+        <ng-container matColumnDef="assetClass">
+          <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+            <ng-container i18n>Asset Class</ng-container>
+          </th>
+          <td *matCellDef="let element" class="px-1" mat-cell>
+            {{ element.assetClass }}
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="assetSubClass">
+          <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+            <ng-container i18n>Asset Sub Class</ng-container>
+          </th>
+          <td *matCellDef="let element" class="px-1" mat-cell>
+            {{ element.assetSubClass }}
+          </td>
+        </ng-container>
+
         <ng-container matColumnDef="date">
           <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
             <ng-container i18n>First Activity</ng-container>
@@ -40,7 +58,7 @@
           <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
             <ng-container i18n>Activity Count</ng-container>
           </th>
-          <td *matCellDef="let element" class="px-1" mat-cell>
+          <td *matCellDef="let element" class="px-1 text-right" mat-cell>
             {{ element.activityCount }}
           </td>
         </ng-container>
@@ -49,11 +67,29 @@
           <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
             <ng-container i18n>Historical Data</ng-container>
           </th>
-          <td *matCellDef="let element" class="px-1" mat-cell>
+          <td *matCellDef="let element" class="px-1 text-right" mat-cell>
             {{ element.marketDataItemCount }}
           </td>
         </ng-container>
 
+        <ng-container matColumnDef="countriesCount">
+          <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+            <ng-container i18n>Countries Count</ng-container>
+          </th>
+          <td *matCellDef="let element" class="px-1 text-right" mat-cell>
+            {{ element.countriesCount }}
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="sectorsCount">
+          <th *matHeaderCellDef class="px-1" mat-header-cell mat-sort-header>
+            <ng-container i18n>Sectors Count</ng-container>
+          </th>
+          <td *matCellDef="let element" class="px-1 text-right" mat-cell>
+            {{ element.sectorsCount }}
+          </td>
+        </ng-container>
+
         <ng-container matColumnDef="actions">
           <th *matHeaderCellDef class="px-1 text-center" mat-header-cell></th>
           <td *matCellDef="let element" class="px-1 text-center" mat-cell>

libs/common/src/lib/interfaces/admin-market-data.interface.ts

@@ -1,12 +1,16 @@
-import { DataSource } from '@prisma/client';
+import { AssetClass, AssetSubClass, DataSource } from '@prisma/client';
 
 export interface AdminMarketData {
   marketData: AdminMarketDataItem[];
 }
 
 export interface AdminMarketDataItem {
+  assetClass?: AssetClass;
+  assetSubClass?: AssetSubClass;
+  countriesCount: number;
   dataSource: DataSource;
   date?: Date;
-  marketDataItemCount?: number;
+  marketDataItemCount: number;
+  sectorsCount: number;
   symbol: string;
 }