Feature/add status column to market data table in admin control panel (#4520)

* Add status column to market data table in admin control panel

* Update changelog

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+### Added
+
+- Added the data gathering status column to the historical market data table of the admin control
+
 ### Changed
 
 - Improved the language localization for Enlish (`en`)

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

@@ -249,6 +249,7 @@ export class AdminService {
             currency: true,
             dataSource: true,
             id: true,
+            isActive: true,
             isUsedByUsersWithSubscription: true,
             name: true,
             Order: {
@@ -309,6 +310,7 @@ export class AdminService {
             currency,
             dataSource,
             id,
+            isActive,
             isUsedByUsersWithSubscription,
             name,
             Order,
@@ -367,6 +369,7 @@ export class AdminService {
               countriesCount,
               dataSource,
               id,
+              isActive,
               lastMarketPrice,
               name,
               symbol,
@@ -748,6 +751,7 @@ export class AdminService {
           countriesCount: 0,
           date: dateOfFirstActivity,
           id: undefined,
+          isActive: true,
           name: symbol,
           sectorsCount: 0
         };

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

@@ -137,6 +137,7 @@ export class AdminMarketDataComponent
     );
 
     this.displayedColumns = [
+      'status',
       'select',
       'nameWithSymbol',
       'dataSource',

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

@@ -20,6 +20,34 @@
           matSortDirection="asc"
           [dataSource]="dataSource"
         >
+          <ng-container matColumnDef="status">
+            <th
+              *matHeaderCellDef
+              class="d-none d-lg-table-cell px-1"
+              mat-header-cell
+            ></th>
+            <td
+              *matCellDef="let element"
+              class="d-none d-lg-table-cell px-1"
+              mat-cell
+            >
+              @if (!element.isActive) {
+                <div
+                  class="d-flex justify-content-center"
+                  i18n-title
+                  title="Data Gathering is off"
+                >
+                  <ion-icon name="ban-outline" />
+                </div>
+              }
+            </td>
+            <td
+              *matFooterCellDef
+              class="d-none d-lg-table-cell px-1"
+              mat-footer-cell
+            ></td>
+          </ng-container>
+
           <ng-container matColumnDef="select">
             <th *matHeaderCellDef class="px-1" mat-header-cell></th>
             <td *matCellDef="let element" class="px-1" mat-cell>

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

@@ -14,6 +14,7 @@ export interface AdminMarketDataItem {
   dataSource: DataSource;
   date: Date;
   id: string;
+  isActive: boolean;
   isBenchmark?: boolean;
   isUsedByUsersWithSubscription?: boolean;
   lastMarketPrice: number;