Feature/extend personal finance tools 20240604 (#3457)

* Add Koyfin

* Add Navexa

* Add Stonksfolio

apps/client/src/app/pages/resources/personal-finance-tools/products.ts

@@ -23,12 +23,14 @@ import { GetquinPageComponent } from './products/getquin-page.component';
 import { GoSpatzPageComponent } from './products/gospatz-page.component';
 import { IntuitMintPageComponent } from './products/intuit-mint-page.component';
 import { JustEtfPageComponent } from './products/justetf-page.component';
+import { KoyfinPageComponent } from './products/koyfin-page.component';
 import { KuberaPageComponent } from './products/kubera-page.component';
 import { MagnifiPageComponent } from './products/magnifi-page.component';
 import { MarketsShPageComponent } from './products/markets.sh-page.component';
 import { MaybeFinancePageComponent } from './products/maybe-finance-page.component';
 import { MonarchMoneyPageComponent } from './products/monarch-money-page.component';
 import { MonsePageComponent } from './products/monse-page.component';
+import { NavexaPageComponent } from './products/navexa-page.component';
 import { ParqetPageComponent } from './products/parqet-page.component';
 import { PlannixPageComponent } from './products/plannix-page.component';
 import { PortfolioDividendTrackerPageComponent } from './products/portfolio-dividend-tracker-page.component';
@@ -43,6 +45,7 @@ import { SnowballAnalyticsPageComponent } from './products/snowball-analytics-pa
 import { StockEventsPageComponent } from './products/stock-events-page.component';
 import { StocklePageComponent } from './products/stockle-page.component';
 import { StockMarketEyePageComponent } from './products/stockmarketeye-page.component';
+import { StonksfolioPageComponent } from './products/stonksfolio-page.component';
 import { SumioPageComponent } from './products/sumio-page.component';
 import { TillerPageComponent } from './products/tiller-page.component';
 import { UtlunaPageComponent } from './products/utluna-page.component';
@@ -311,6 +314,17 @@ export const products: Product[] = [
     pricingPerYear: '€119',
     slogan: 'ETF portfolios made simple'
   },
+  {
+    component: KoyfinPageComponent,
+    founded: 2016,
+    hasFreePlan: true,
+    hasSelfHostingAbility: false,
+    key: 'koyfin',
+    name: 'Koyfin',
+    origin: $localize`United States`,
+    pricingPerYear: '$468',
+    slogan: 'Comprehensive financial data analysis'
+  },
   {
     component: KuberaPageComponent,
     founded: 2019,
@@ -379,6 +393,17 @@ export const products: Product[] = [
     pricingPerYear: '$60',
     slogan: 'Gain financial control and keep your data private.'
   },
+  {
+    component: NavexaPageComponent,
+    founded: 2017,
+    hasFreePlan: false,
+    hasSelfHostingAbility: false,
+    key: 'navexa',
+    name: 'Navexa',
+    origin: $localize`Australia`,
+    pricingPerYear: '$90',
+    slogan: 'The Intelligent Portfolio Tracker'
+  },
   {
     component: ParqetPageComponent,
     founded: 2020,
@@ -523,6 +548,17 @@ export const products: Product[] = [
     note: 'StockMarketEye has discontinued in 2023',
     slogan: 'A Powerful Portfolio & Investment Tracking App'
   },
+  {
+    component: StonksfolioPageComponent,
+    hasFreePlan: true,
+    hasSelfHostingAbility: false,
+    key: 'stonksfolio',
+    languages: ['English'],
+    name: 'Stonksfolio',
+    origin: $localize`Bulgaria`,
+    pricingPerYear: '€49.90',
+    slogan: 'Visualize all of your portfolios'
+  },
   {
     component: SumioPageComponent,
     hasFreePlan: true,

apps/client/src/app/pages/resources/personal-finance-tools/products/koyfin-page.component.ts

@@ -0,0 +1,32 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
+
+@Component({
+  host: { class: 'page' },
+  imports: [CommonModule, MatButtonModule, RouterModule],
+  selector: 'gf-koyfin-page',
+  standalone: true,
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
+})
+export class KoyfinPageComponent extends BaseProductPageComponent {
+  public product1 = products.find(({ key }) => {
+    return key === 'ghostfolio';
+  });
+
+  public product2 = products.find(({ key }) => {
+    return key === 'koyfin';
+  });
+
+  public routerLinkAbout = ['/' + $localize`about`];
+  public routerLinkFeatures = ['/' + $localize`features`];
+  public routerLinkResourcesPersonalFinanceTools = [
+    '/' + $localize`resources`,
+    'personal-finance-tools'
+  ];
+}

apps/client/src/app/pages/resources/personal-finance-tools/products/navexa-page.component.ts

@@ -0,0 +1,32 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
+
+@Component({
+  host: { class: 'page' },
+  imports: [CommonModule, MatButtonModule, RouterModule],
+  selector: 'gf-navexa-page',
+  standalone: true,
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
+})
+export class NavexaPageComponent extends BaseProductPageComponent {
+  public product1 = products.find(({ key }) => {
+    return key === 'ghostfolio';
+  });
+
+  public product2 = products.find(({ key }) => {
+    return key === 'navexa';
+  });
+
+  public routerLinkAbout = ['/' + $localize`about`];
+  public routerLinkFeatures = ['/' + $localize`features`];
+  public routerLinkResourcesPersonalFinanceTools = [
+    '/' + $localize`resources`,
+    'personal-finance-tools'
+  ];
+}

apps/client/src/app/pages/resources/personal-finance-tools/products/stonksfolio-page.component.ts

@@ -0,0 +1,32 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+import { products } from '../products';
+import { BaseProductPageComponent } from './base-page.component';
+
+@Component({
+  host: { class: 'page' },
+  imports: [CommonModule, MatButtonModule, RouterModule],
+  selector: 'gf-stonksfolio-page',
+  standalone: true,
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
+})
+export class StonksfolioPageComponent extends BaseProductPageComponent {
+  public product1 = products.find(({ key }) => {
+    return key === 'ghostfolio';
+  });
+
+  public product2 = products.find(({ key }) => {
+    return key === 'stonksfolio';
+  });
+
+  public routerLinkAbout = ['/' + $localize`about`];
+  public routerLinkFeatures = ['/' + $localize`features`];
+  public routerLinkResourcesPersonalFinanceTools = [
+    '/' + $localize`resources`,
+    'personal-finance-tools'
+  ];
+}