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
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with
12 additions and
22 deletions
-
CHANGELOG.md
-
apps/client/src/app/components/world-map-chart/world-map-chart.component.ts
-
apps/client/src/app/components/world-map-chart/world-map-chart.module.ts
-
apps/client/src/app/pages/landing/landing-page.component.ts
-
apps/client/src/app/pages/portfolio/allocations/allocations-page.component.ts
-
apps/client/src/app/pages/public/public-page.module.ts
|
|
@ -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` |
|
|
|
|
|
@ -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; |
|
|
|
|
|
@ -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 {} |
|
|
@ -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, |
|
|
|
|
|
@ -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 |
|
|
|
|
|
@ -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 |
|
|
|