Browse Source

Prettify scraper symbol in chart

pull/448/head
Thomas 4 years ago
parent
commit
10499a532f
  1. 5
      apps/client/src/app/pages/portfolio/allocations/allocations-page.component.ts
  2. 5
      apps/client/src/app/pages/public/public-page.component.ts
  3. 6
      apps/client/src/app/pipes/symbol/symbol.pipe.ts
  4. 4
      libs/common/src/lib/helper.ts

5
apps/client/src/app/pages/portfolio/allocations/allocations-page.component.ts

@ -4,6 +4,7 @@ import { DataService } from '@ghostfolio/client/services/data.service';
import { ImpersonationStorageService } from '@ghostfolio/client/services/impersonation-storage.service'; import { ImpersonationStorageService } from '@ghostfolio/client/services/impersonation-storage.service';
import { UserService } from '@ghostfolio/client/services/user/user.service'; import { UserService } from '@ghostfolio/client/services/user/user.service';
import { UNKNOWN_KEY } from '@ghostfolio/common/config'; import { UNKNOWN_KEY } from '@ghostfolio/common/config';
import { prettifySymbol } from '@ghostfolio/common/helper';
import { import {
PortfolioDetails, PortfolioDetails,
PortfolioPosition, PortfolioPosition,
@ -246,9 +247,9 @@ export class AllocationsPageComponent implements OnDestroy, OnInit {
} }
if (position.assetClass === AssetClass.EQUITY) { if (position.assetClass === AssetClass.EQUITY) {
this.symbols[symbol] = { this.symbols[prettifySymbol(symbol)] = {
symbol,
name: position.name, name: position.name,
symbol: prettifySymbol(symbol),
value: aPeriod === 'original' ? position.investment : position.value value: aPeriod === 'original' ? position.investment : position.value
}; };
} }

5
apps/client/src/app/pages/public/public-page.component.ts

@ -2,6 +2,7 @@ import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router'; import { ActivatedRoute, Router } from '@angular/router';
import { DataService } from '@ghostfolio/client/services/data.service'; import { DataService } from '@ghostfolio/client/services/data.service';
import { UNKNOWN_KEY } from '@ghostfolio/common/config'; import { UNKNOWN_KEY } from '@ghostfolio/common/config';
import { prettifySymbol } from '@ghostfolio/common/helper';
import { import {
PortfolioPosition, PortfolioPosition,
PortfolioPublicDetails PortfolioPublicDetails
@ -169,9 +170,9 @@ export class PublicPageComponent implements OnInit {
this.portfolioPublicDetails.holdings[symbol].value; this.portfolioPublicDetails.holdings[symbol].value;
} }
this.symbols[symbol] = { this.symbols[prettifySymbol(symbol)] = {
symbol,
name: position.name, name: position.name,
symbol: prettifySymbol(symbol),
value: position.value value: position.value
}; };
} }

6
apps/client/src/app/pipes/symbol/symbol.pipe.ts

@ -1,11 +1,11 @@
import { Pipe, PipeTransform } from '@angular/core'; import { Pipe, PipeTransform } from '@angular/core';
import { ghostfolioScraperApiSymbolPrefix } from '@ghostfolio/common/config'; import { prettifySymbol } from '@ghostfolio/common/helper';
@Pipe({ name: 'gfSymbol' }) @Pipe({ name: 'gfSymbol' })
export class SymbolPipe implements PipeTransform { export class SymbolPipe implements PipeTransform {
public constructor() {} public constructor() {}
public transform(aSymbol: string): string { public transform(aSymbol: string) {
return aSymbol?.replace(ghostfolioScraperApiSymbolPrefix, ''); return prettifySymbol(aSymbol);
} }
} }

4
libs/common/src/lib/helper.ts

@ -116,3 +116,7 @@ export const DATE_FORMAT = 'yyyy-MM-dd';
export function parseDate(date: string) { export function parseDate(date: string) {
return parse(date, DATE_FORMAT, new Date()); return parse(date, DATE_FORMAT, new Date());
} }
export function prettifySymbol(aSymbol: string): string {
return aSymbol?.replace(ghostfolioScraperApiSymbolPrefix, '');
}

Loading…
Cancel
Save