Browse Source

Task/migrate world map chart component to standalone (#5443)

* Migrate world map chart component to standalone

* Update changelog
pull/5432/merge
Kenrick Tandrian 4 days ago
committed by GitHub
parent
commit
9744f1bade
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 1
      CHANGELOG.md
  2. 9
      apps/client/src/app/components/world-map-chart/world-map-chart.component.ts
  3. 12
      apps/client/src/app/components/world-map-chart/world-map-chart.module.ts
  4. 4
      apps/client/src/app/pages/landing/landing-page.component.ts
  5. 4
      apps/client/src/app/pages/portfolio/allocations/allocations-page.component.ts
  6. 4
      apps/client/src/app/pages/public/public-page.module.ts

1
CHANGELOG.md

@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Changed
- Localized the content of the about page
- Refactored the world map chart component to standalone
- Improved the language localization for German (`de`)
- Upgraded the _Stripe_ dependencies
- Upgraded `ngx-device-detector` from version `10.0.2` to `10.1.0`

9
apps/client/src/app/components/world-map-chart/world-map-chart.component.ts

@ -8,16 +8,17 @@ import {
OnChanges,
OnDestroy
} from '@angular/core';
import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
import svgMap from 'svgmap';
@Component({
selector: 'gf-world-map-chart',
changeDetection: ChangeDetectionStrategy.OnPush,
templateUrl: './world-map-chart.component.html',
imports: [NgxSkeletonLoaderModule],
selector: 'gf-world-map-chart',
styleUrls: ['./world-map-chart.component.scss'],
standalone: false
templateUrl: './world-map-chart.component.html'
})
export class WorldMapChartComponent implements OnChanges, OnDestroy {
export class GfWorldMapChartComponent implements OnChanges, OnDestroy {
@Input() countries: { [code: string]: { name?: string; value: number } };
@Input() format: string;
@Input() isInPercent = false;

12
apps/client/src/app/components/world-map-chart/world-map-chart.module.ts

@ -1,12 +0,0 @@
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
import { WorldMapChartComponent } from './world-map-chart.component';
@NgModule({
declarations: [WorldMapChartComponent],
exports: [WorldMapChartComponent],
imports: [CommonModule, NgxSkeletonLoaderModule]
})
export class GfWorldMapChartModule {}

4
apps/client/src/app/pages/landing/landing-page.component.ts

@ -1,4 +1,4 @@
import { GfWorldMapChartModule } from '@ghostfolio/client/components/world-map-chart/world-map-chart.module';
import { GfWorldMapChartComponent } from '@ghostfolio/client/components/world-map-chart/world-map-chart.component';
import { DataService } from '@ghostfolio/client/services/data.service';
import { Statistics } from '@ghostfolio/common/interfaces';
import { hasPermission, permissions } from '@ghostfolio/common/permissions';
@ -30,7 +30,7 @@ import { Subject } from 'rxjs';
GfCarouselComponent,
GfLogoComponent,
GfValueComponent,
GfWorldMapChartModule,
GfWorldMapChartComponent,
IonIcon,
MatButtonModule,
MatCardModule,

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

@ -1,6 +1,6 @@
import { AccountDetailDialog } from '@ghostfolio/client/components/account-detail-dialog/account-detail-dialog.component';
import { AccountDetailDialogParams } from '@ghostfolio/client/components/account-detail-dialog/interfaces/interfaces';
import { GfWorldMapChartModule } from '@ghostfolio/client/components/world-map-chart/world-map-chart.module';
import { GfWorldMapChartComponent } from '@ghostfolio/client/components/world-map-chart/world-map-chart.component';
import { DataService } from '@ghostfolio/client/services/data.service';
import { ImpersonationStorageService } from '@ghostfolio/client/services/impersonation-storage.service';
import { UserService } from '@ghostfolio/client/services/user/user.service';
@ -45,7 +45,7 @@ import { takeUntil } from 'rxjs/operators';
GfPremiumIndicatorComponent,
GfTopHoldingsComponent,
GfValueComponent,
GfWorldMapChartModule,
GfWorldMapChartComponent,
MatCardModule,
MatProgressBarModule,
NgClass

4
apps/client/src/app/pages/public/public-page.module.ts

@ -1,4 +1,4 @@
import { GfWorldMapChartModule } from '@ghostfolio/client/components/world-map-chart/world-map-chart.module';
import { GfWorldMapChartComponent } from '@ghostfolio/client/components/world-map-chart/world-map-chart.component';
import { GfHoldingsTableComponent } from '@ghostfolio/ui/holdings-table';
import { GfPortfolioProportionChartComponent } from '@ghostfolio/ui/portfolio-proportion-chart';
import { GfValueComponent } from '@ghostfolio/ui/value';
@ -18,7 +18,7 @@ import { PublicPageComponent } from './public-page.component';
GfHoldingsTableComponent,
GfPortfolioProportionChartComponent,
GfValueComponent,
GfWorldMapChartModule,
GfWorldMapChartComponent,
MatButtonModule,
MatCardModule,
PublicPageRoutingModule

Loading…
Cancel
Save