mirror of https://github.com/ghostfolio/ghostfolio
Thomas Kaul
2 years ago
committed by
GitHub
GitHub
33 changed files with 1410 additions and 103 deletions
@ -0,0 +1,34 @@ |
|||
import { NgModule } from '@angular/core'; |
|||
import { RouterModule, Routes } from '@angular/router'; |
|||
import { AuthGuard } from '@ghostfolio/client/core/auth.guard'; |
|||
|
|||
import { PersonalFinanceToolsPageComponent } from './personal-finance-tools-page.component'; |
|||
import { products } from './products'; |
|||
|
|||
const routes: Routes = [ |
|||
{ |
|||
canActivate: [AuthGuard], |
|||
component: PersonalFinanceToolsPageComponent, |
|||
path: '', |
|||
title: $localize`Personal Finance Tools` |
|||
}, |
|||
...products |
|||
.filter(({ key }) => { |
|||
return key !== 'ghostfolio'; |
|||
}) |
|||
.map(({ component, key, name }) => { |
|||
return { |
|||
canActivate: [AuthGuard], |
|||
path: `open-source-alternative-to-${key}`, |
|||
loadComponent: () => |
|||
import(`./products/${key}-page.component`).then(() => component), |
|||
title: `Open Source Alternative to ${name}` |
|||
}; |
|||
}) |
|||
]; |
|||
|
|||
@NgModule({ |
|||
imports: [RouterModule.forChild(routes)], |
|||
exports: [RouterModule] |
|||
}) |
|||
export class PersonalFinanceToolsPageRoutingModule {} |
|||
@ -0,0 +1,25 @@ |
|||
import { Component, OnDestroy } from '@angular/core'; |
|||
import { Subject } from 'rxjs'; |
|||
|
|||
import { products } from './products'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
selector: 'gf-personal-finance-tools-page', |
|||
styleUrls: ['./personal-finance-tools-page.scss'], |
|||
templateUrl: './personal-finance-tools-page.html' |
|||
}) |
|||
export class PersonalFinanceToolsPageComponent implements OnDestroy { |
|||
public products = products.filter(({ key }) => { |
|||
return key !== 'ghostfolio'; |
|||
}); |
|||
|
|||
private unsubscribeSubject = new Subject<void>(); |
|||
|
|||
public constructor() {} |
|||
|
|||
public ngOnDestroy() { |
|||
this.unsubscribeSubject.next(); |
|||
this.unsubscribeSubject.complete(); |
|||
} |
|||
} |
|||
@ -0,0 +1,53 @@ |
|||
<div class="container"> |
|||
<div class="mb-5 row"> |
|||
<div class="col"> |
|||
<h3 class="d-none d-sm-block mb-3 text-center" i18n> |
|||
Discover Open Source Alternatives for Personal Finance Tools |
|||
</h3> |
|||
<div class="introduction mb-4"> |
|||
<p> |
|||
This overview page features a curated collection of personal finance |
|||
tools compared to the open source alternative |
|||
<a [routerLink]="['/about']">Ghostfolio</a>. If you value |
|||
transparency, data privacy, and community collaboration, Ghostfolio |
|||
provides an excellent opportunity to take control of your financial |
|||
management. |
|||
</p> |
|||
<p> |
|||
Explore the links below to compare a variety of personal finance tools |
|||
with Ghostfolio. |
|||
</p> |
|||
</div> |
|||
<mat-card |
|||
*ngFor="let product of products" |
|||
appearance="outlined" |
|||
class="mb-3" |
|||
> |
|||
<mat-card-content> |
|||
<div class="container p-0"> |
|||
<div class="flex-nowrap no-gutters row"> |
|||
<a |
|||
class="d-flex overflow-hidden w-100" |
|||
title="Compare Ghostfolio to {{ product.name }}" |
|||
[routerLink]="['/resources', 'personal-finance-tools', 'open-source-alternative-to-' + product.key]" |
|||
> |
|||
<div class="flex-grow-1 overflow-hidden"> |
|||
<div class="h6 m-0 text-truncate"> |
|||
Open Source Alternative to {{ product.name }} |
|||
</div> |
|||
</div> |
|||
<div class="align-items-center d-flex"> |
|||
<ion-icon |
|||
class="chevron text-muted" |
|||
name="chevron-forward-outline" |
|||
size="small" |
|||
></ion-icon> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</mat-card-content> |
|||
</mat-card> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,13 @@ |
|||
import { CommonModule } from '@angular/common'; |
|||
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'; |
|||
import { MatCardModule } from '@angular/material/card'; |
|||
|
|||
import { PersonalFinanceToolsPageRoutingModule } from './personal-finance-tools-page-routing.module'; |
|||
import { PersonalFinanceToolsPageComponent } from './personal-finance-tools-page.component'; |
|||
|
|||
@NgModule({ |
|||
declarations: [PersonalFinanceToolsPageComponent], |
|||
imports: [CommonModule, MatCardModule, PersonalFinanceToolsPageRoutingModule], |
|||
schemas: [CUSTOM_ELEMENTS_SCHEMA] |
|||
}) |
|||
export class PersonalFinanceToolsPageModule {} |
|||
@ -0,0 +1,19 @@ |
|||
:host { |
|||
color: rgb(var(--dark-primary-text)); |
|||
display: block; |
|||
|
|||
.introduction { |
|||
a { |
|||
color: rgba(var(--palette-primary-500), 1); |
|||
font-weight: 500; |
|||
|
|||
&:hover { |
|||
color: rgba(var(--palette-primary-300), 1); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
:host-context(.is-dark-theme) { |
|||
color: rgb(var(--light-primary-text)); |
|||
} |
|||
@ -0,0 +1,263 @@ |
|||
<div class="container"> |
|||
<div class="row"> |
|||
<div class="col-md-8 offset-md-2"> |
|||
<article> |
|||
<div class="mb-4 text-center"> |
|||
<h1 class="mb-1"> |
|||
<strong>Ghostfolio</strong>: The Open Source Alternative to |
|||
<strong>{{ product2.name }}</strong> |
|||
</h1> |
|||
</div> |
|||
<section class="mb-4"> |
|||
<p> |
|||
Are you looking for an open source alternative to {{ product2.name |
|||
}}? <a [routerLink]="['/about']">Ghostfolio</a> is a powerful |
|||
portfolio management tool that provides individuals with a |
|||
comprehensive platform to track, analyze, and optimize their |
|||
investments. Whether you are an experienced investor or just |
|||
starting out, Ghostfolio offers an intuitive user interface and a |
|||
<a [routerLink]="['/features']">wide range of functionalities</a> |
|||
to help you make informed decisions and take control of your |
|||
financial future. |
|||
</p> |
|||
<p> |
|||
Ghostfolio is open source software (OSS) where a community of |
|||
developers, contributors, and enthusiasts collaborate to enhance its |
|||
capabilities, security, and user experience. |
|||
</p> |
|||
<p> |
|||
Let’s dive deeper into the detailed comparison table below to gain a |
|||
thorough understanding of how Ghostfolio positions itself relative |
|||
to {{ product2.name }}. We will explore various aspects such as |
|||
features, data privacy, pricing, and more, allowing you to make a |
|||
well-informed choice for your personal requirements. |
|||
</p> |
|||
</section> |
|||
<section class="mb-4"> |
|||
<table class="gf-table w-100"> |
|||
<thead> |
|||
<tr class="mat-mdc-header-row"> |
|||
<th class="mat-mdc-header-cell px-1 py-2"></th> |
|||
<th class="mat-mdc-header-cell px-1 py-2">Ghostfolio</th> |
|||
<th class="mat-mdc-header-cell px-1 py-2"> |
|||
{{ product2.name }} |
|||
</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
<tr class="mat-mdc-row"> |
|||
<td class="mat-mdc-cell px-3 py-2 text-right"></td> |
|||
<td class="mat-mdc-cell px-1 py-2">{{ product1.slogan }}</td> |
|||
<td class="mat-mdc-cell px-1 py-2">{{ product2.slogan }}</td> |
|||
</tr> |
|||
<tr class="mat-mdc-row"> |
|||
<td class="mat-mdc-cell px-3 py-2 text-right" i18n>Founded</td> |
|||
<td class="mat-mdc-cell px-1 py-2">{{ product1.founded }}</td> |
|||
<td class="mat-mdc-cell px-1 py-2">{{ product2.founded }}</td> |
|||
</tr> |
|||
<tr class="mat-mdc-row"> |
|||
<td class="mat-mdc-cell px-3 py-2 text-right" i18n>Origin</td> |
|||
<td class="mat-mdc-cell px-1 py-2">{{ product1.origin }}</td> |
|||
<td class="mat-mdc-cell px-1 py-2">{{ product2.origin }}</td> |
|||
</tr> |
|||
<tr class="mat-mdc-row"> |
|||
<td class="mat-mdc-cell px-3 py-2 text-right" i18n>Region</td> |
|||
<td class="mat-mdc-cell px-1 py-2">{{ product1.region }}</td> |
|||
<td class="mat-mdc-cell px-1 py-2">{{ product2.region }}</td> |
|||
</tr> |
|||
<tr class="mat-mdc-row"> |
|||
<td class="mat-mdc-cell px-3 py-2 text-right" i18n> |
|||
Available in |
|||
</td> |
|||
<td class="mat-mdc-cell px-1 py-2">{{ product1.languages }}</td> |
|||
<td class="mat-mdc-cell px-1 py-2">{{ product2.languages }}</td> |
|||
</tr> |
|||
<tr class="mat-mdc-row"> |
|||
<td class="mat-mdc-cell px-3 py-2 text-right" i18n> |
|||
Open Source Software |
|||
</td> |
|||
<td class="mat-mdc-cell px-1 py-2"> |
|||
<ng-container *ngIf="product1.isOpenSource === true" i18n |
|||
>✅ Yes</ng-container |
|||
><ng-container *ngIf="product1.isOpenSource === false" i18n |
|||
>❌ No</ng-container |
|||
> |
|||
</td> |
|||
<td class="mat-mdc-cell px-1 py-2"> |
|||
<ng-container *ngIf="product2.isOpenSource === true" i18n |
|||
>✅ Yes</ng-container |
|||
><ng-container *ngIf="product2.isOpenSource === false" i18n |
|||
>❌ No |
|||
</ng-container> |
|||
</td> |
|||
</tr> |
|||
<tr class="mat-mdc-row"> |
|||
<td class="mat-mdc-cell px-3 py-2 text-right" i18n> |
|||
Self-Hosting |
|||
</td> |
|||
<td class="mat-mdc-cell px-1 py-2"> |
|||
<ng-container |
|||
*ngIf="product1.hasSelfHostingAbility === true" |
|||
i18n |
|||
>✅ Yes</ng-container |
|||
><ng-container |
|||
*ngIf="product1.hasSelfHostingAbility === false" |
|||
i18n |
|||
>❌ No</ng-container |
|||
> |
|||
</td> |
|||
<td class="mat-mdc-cell px-1 py-2"> |
|||
<ng-container |
|||
*ngIf="product2.hasSelfHostingAbility === true" |
|||
i18n |
|||
>✅ Yes</ng-container |
|||
><ng-container |
|||
*ngIf="product2.hasSelfHostingAbility === false" |
|||
i18n |
|||
>❌ No</ng-container |
|||
> |
|||
</td> |
|||
</tr> |
|||
<tr class="mat-mdc-row"> |
|||
<td class="mat-mdc-cell px-3 py-2 text-right" i18n> |
|||
Free Plan |
|||
</td> |
|||
<td class="mat-mdc-cell px-1 py-2"> |
|||
<ng-container *ngIf="product1.hasFreePlan === true" i18n |
|||
>✅ Yes</ng-container |
|||
><ng-container *ngIf="product1.hasFreePlan === false" i18n |
|||
>❌ No</ng-container |
|||
> |
|||
</td> |
|||
<td class="mat-mdc-cell px-1 py-2"> |
|||
<ng-container *ngIf="product2.hasFreePlan === true" i18n |
|||
>✅ Yes</ng-container |
|||
><ng-container *ngIf="product2.hasFreePlan === false" i18n |
|||
>❌ No</ng-container |
|||
> |
|||
</td> |
|||
</tr> |
|||
<tr class="mat-mdc-row"> |
|||
<td class="mat-mdc-cell px-3 py-2 text-right" i18n>Pricing</td> |
|||
<td class="mat-mdc-cell px-1 py-2"> |
|||
Starting from {{ product1.pricingPerYear }} / year |
|||
</td> |
|||
<td class="mat-mdc-cell px-1 py-2"> |
|||
<ng-container *ngIf="product2.pricingPerYear" |
|||
>Starting from {{ product2.pricingPerYear }} / |
|||
year</ng-container |
|||
> |
|||
</td> |
|||
</tr> |
|||
<tr *ngIf="product1.note || product2.note" class="mat-mdc-row"> |
|||
<td class="mat-mdc-cell px-3 py-2 text-right" i18n>Notes</td> |
|||
<td class="mat-mdc-cell px-1 py-2">{{ product1.note }}</td> |
|||
<td class="mat-mdc-cell px-1 py-2">{{ product2.note }}</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</section> |
|||
<section class="mb-4 py-3"> |
|||
<h2 class="h4 mb-0 text-center"> |
|||
Ready to take your <strong>investments</strong> to the |
|||
<strong>next level</strong>? |
|||
</h2> |
|||
<p class="lead mb-2 text-center" i18n> |
|||
Effortlessly track, analyze, and visualize your wealth with |
|||
Ghostfolio. |
|||
</p> |
|||
<div class="text-center"> |
|||
<a color="primary" href="https://ghostfol.io" mat-flat-button> |
|||
Get Started |
|||
</a> |
|||
</div> |
|||
</section> |
|||
<section class="mb-4"> |
|||
<small> |
|||
Please note that the information provided is based on our |
|||
independent research and analysis. This website is not affiliated |
|||
with {{ product2.name }} or any other product mentioned in the |
|||
comparison. As the landscape of personal finance tools evolves, it |
|||
is essential to verify any specific details or changes directly from |
|||
the respective product page. Data needs a refresh? Help us maintain |
|||
accurate data on |
|||
<a href="https://github.com/ghostfolio/ghostfolio">GitHub</a>. |
|||
</small> |
|||
</section> |
|||
<section class="mb-4"> |
|||
<ul class="list-inline"> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">{{ product1.name }}</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">{{ product2.name }}</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Alternative</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">App</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Community</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Fintech</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Investment</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Investor</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Open Source</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">OSS</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Personal Finance</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Privacy</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Portfolio</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Software</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Tool</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">User Experience</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Wealth</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Wealth Management</span> |
|||
</li> |
|||
</ul> |
|||
</section> |
|||
<nav aria-label="breadcrumb"> |
|||
<ol class="breadcrumb"> |
|||
<li class="breadcrumb-item"> |
|||
<a i18n [routerLink]="['/resources', 'personal-finance-tools']" |
|||
>Personal Finance Tools</a |
|||
> |
|||
</li> |
|||
<li |
|||
aria-current="page" |
|||
class="active breadcrumb-item text-truncate" |
|||
> |
|||
{{ product2.name }} |
|||
</li> |
|||
</ol> |
|||
</nav> |
|||
</article> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,17 @@ |
|||
:host { |
|||
color: rgb(var(--dark-primary-text)); |
|||
display: block; |
|||
|
|||
a { |
|||
color: rgba(var(--palette-primary-500), 1); |
|||
font-weight: 500; |
|||
|
|||
&:hover { |
|||
color: rgba(var(--palette-primary-300), 1); |
|||
} |
|||
} |
|||
} |
|||
|
|||
:host-context(.is-dark-theme) { |
|||
color: rgb(var(--light-primary-text)); |
|||
} |
|||
@ -0,0 +1,280 @@ |
|||
import { Product } from '@ghostfolio/common/interfaces'; |
|||
|
|||
import { AltooPageComponent } from './products/altoo-page.component'; |
|||
import { DivvyDiaryPageComponent } from './products/divvydiary-page.component'; |
|||
import { ExirioPageComponent } from './products/exirio-page.component'; |
|||
import { FolisharePageComponent } from './products/folishare-page.component'; |
|||
import { GetquinPageComponent } from './products/getquin-page.component'; |
|||
import { JustEtfPageComponent } from './products/justetf-page.component'; |
|||
import { KuberaPageComponent } from './products/kubera-page.component'; |
|||
import { MaybeFinancePageComponent } from './products/maybe-finance-page.component'; |
|||
import { MonsePageComponent } from './products/monse-page.component'; |
|||
import { ParqetPageComponent } from './products/parqet-page.component'; |
|||
import { PortfolioDividendTrackerPageComponent } from './products/portfolio-dividend-tracker-page.component'; |
|||
import { PortseidoPageComponent } from './products/portseido-page.component'; |
|||
import { SeekingAlphaPageComponent } from './products/seeking-alpha-page.component'; |
|||
import { SharesightPageComponent } from './products/sharesight-page.component'; |
|||
import { SimplePortfolioPageComponent } from './products/simple-portfolio-page.component'; |
|||
import { SnowballAnalyticsPageComponent } from './products/snowball-analytics-page.component'; |
|||
import { SumioPageComponent } from './products/sumio-page.component'; |
|||
import { UtlunaPageComponent } from './products/utluna-page.component'; |
|||
import { YeekateePageComponent } from './products/yeekatee-page.component'; |
|||
import { ProjectionLabPageComponent } from './products/projectionlab-page.component'; |
|||
|
|||
export const products: Product[] = [ |
|||
{ |
|||
component: undefined, |
|||
founded: 2021, |
|||
hasFreePlan: true, |
|||
hasSelfHostingAbility: true, |
|||
isOpenSource: true, |
|||
key: 'ghostfolio', |
|||
languages: 'Dutch, English, French, German, Italian, Portuguese, Spanish', |
|||
name: 'Ghostfolio', |
|||
origin: 'Switzerland', |
|||
pricingPerYear: '$19', |
|||
region: 'Global', |
|||
slogan: 'Open Source Wealth Management' |
|||
}, |
|||
{ |
|||
component: AltooPageComponent, |
|||
founded: 2017, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'altoo', |
|||
name: 'Altoo Wealth Platform', |
|||
origin: 'Switzerland', |
|||
slogan: 'Simplicity for Complex Wealth' |
|||
}, |
|||
{ |
|||
component: DivvyDiaryPageComponent, |
|||
founded: 2019, |
|||
hasFreePlan: true, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'divvydiary', |
|||
languages: 'English, German', |
|||
name: 'DivvyDiary', |
|||
origin: 'Germany', |
|||
pricingPerYear: '€65', |
|||
slogan: 'Your personal Dividend Calendar' |
|||
}, |
|||
{ |
|||
component: ExirioPageComponent, |
|||
founded: 2020, |
|||
hasFreePlan: true, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'exirio', |
|||
name: 'Exirio', |
|||
origin: 'United States', |
|||
pricingPerYear: '$100', |
|||
slogan: 'All your wealth, in one place.' |
|||
}, |
|||
{ |
|||
component: FolisharePageComponent, |
|||
hasFreePlan: true, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'folishare', |
|||
languages: 'English, German', |
|||
name: 'folishare', |
|||
origin: 'Austria', |
|||
pricingPerYear: '$65', |
|||
slogan: 'Take control over your investments' |
|||
}, |
|||
{ |
|||
component: GetquinPageComponent, |
|||
founded: 2020, |
|||
hasFreePlan: true, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'getquin', |
|||
languages: 'English, German', |
|||
name: 'getquin', |
|||
origin: 'Germany', |
|||
pricingPerYear: '€48', |
|||
slogan: 'Portfolio Tracker, Analysis & Community' |
|||
}, |
|||
{ |
|||
component: JustEtfPageComponent, |
|||
founded: 2011, |
|||
hasFreePlan: true, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'justetf', |
|||
name: 'justETF', |
|||
origin: 'Germany', |
|||
pricingPerYear: '€119', |
|||
slogan: 'ETF portfolios made simple' |
|||
}, |
|||
{ |
|||
component: KuberaPageComponent, |
|||
founded: 2019, |
|||
hasFreePlan: false, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'kubera', |
|||
name: 'Kubera®', |
|||
origin: 'United States', |
|||
pricingPerYear: '$150', |
|||
slogan: 'The Time Machine for your Net Worth' |
|||
}, |
|||
{ |
|||
component: MaybeFinancePageComponent, |
|||
founded: 2021, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'maybe-finance', |
|||
languages: 'English', |
|||
name: 'Maybe Finance', |
|||
note: 'Sunset in 2023', |
|||
origin: 'United States', |
|||
pricingPerYear: '$145', |
|||
region: 'United States', |
|||
slogan: 'Your financial future, in your control' |
|||
}, |
|||
{ |
|||
component: MonsePageComponent, |
|||
hasFreePlan: false, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'monse', |
|||
name: 'Monse', |
|||
pricingPerYear: '$60', |
|||
slogan: 'Gain financial control and keep your data private.' |
|||
}, |
|||
{ |
|||
component: ParqetPageComponent, |
|||
founded: 2020, |
|||
hasSelfHostingAbility: false, |
|||
hasFreePlan: true, |
|||
isOpenSource: false, |
|||
key: 'parqet', |
|||
name: 'Parqet', |
|||
note: 'Originally named as Tresor One', |
|||
origin: 'Germany', |
|||
pricingPerYear: '€88', |
|||
region: 'Austria, Germany, Switzerland', |
|||
slogan: 'Dein Vermögen immer im Blick' |
|||
}, |
|||
{ |
|||
component: PortfolioDividendTrackerPageComponent, |
|||
hasFreePlan: false, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'portfolio-dividend-tracker', |
|||
languages: 'English, Dutch', |
|||
name: 'Portfolio Dividend Tracker', |
|||
origin: 'Netherlands', |
|||
pricingPerYear: '€60', |
|||
slogan: 'Manage all your portfolios' |
|||
}, |
|||
{ |
|||
component: PortseidoPageComponent, |
|||
founded: 2021, |
|||
hasFreePlan: true, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'portseido', |
|||
languages: 'Dutch, English, French, German', |
|||
name: 'Portseido', |
|||
origin: 'Thailand', |
|||
pricingPerYear: '$96', |
|||
slogan: 'Portfolio Performance and Dividend Tracker' |
|||
}, |
|||
{ |
|||
component: ProjectionLabPageComponent, |
|||
founded: 2021, |
|||
hasFreePlan: true, |
|||
hasSelfHostingAbility: true, |
|||
isOpenSource: false, |
|||
key: 'projectionlab', |
|||
name: 'ProjectionLab', |
|||
origin: 'United States', |
|||
pricingPerYear: '$108', |
|||
slogan: 'Build Financial Plans You Love.' |
|||
}, |
|||
{ |
|||
component: SeekingAlphaPageComponent, |
|||
founded: 2004, |
|||
hasFreePlan: false, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'seeking-alpha', |
|||
name: 'Seeking Alpha', |
|||
origin: 'United States', |
|||
pricingPerYear: '$239', |
|||
slogan: 'Stock Market Analysis & Tools for Investors' |
|||
}, |
|||
{ |
|||
component: SharesightPageComponent, |
|||
founded: 2007, |
|||
hasFreePlan: true, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'sharesight', |
|||
name: 'Sharesight', |
|||
origin: 'New Zealand', |
|||
pricingPerYear: '$135', |
|||
region: 'Global', |
|||
slogan: 'Stock Portfolio Tracker' |
|||
}, |
|||
{ |
|||
component: SimplePortfolioPageComponent, |
|||
hasFreePlan: true, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'simple-portfolio', |
|||
name: 'Simple Portfolio', |
|||
origin: 'Czech Republic', |
|||
pricingPerYear: '€80', |
|||
slogan: 'Stock Portfolio Tracker' |
|||
}, |
|||
{ |
|||
component: SnowballAnalyticsPageComponent, |
|||
founded: 2021, |
|||
hasFreePlan: true, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'snowball-analytics', |
|||
name: 'Snowball Analytics', |
|||
origin: 'France', |
|||
pricingPerYear: '$80', |
|||
slogan: 'Simple and powerful portfolio tracker' |
|||
}, |
|||
{ |
|||
component: SumioPageComponent, |
|||
hasFreePlan: true, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'sumio', |
|||
name: 'Sumio', |
|||
origin: 'Czech Republic', |
|||
pricingPerYear: '$20', |
|||
slogan: 'Sum up and build your wealth.' |
|||
}, |
|||
{ |
|||
component: UtlunaPageComponent, |
|||
hasFreePlan: true, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'utluna', |
|||
languages: 'English, French, German', |
|||
name: 'Utluna', |
|||
origin: 'Switzerland', |
|||
pricingPerYear: '$300', |
|||
slogan: 'Your Portfolio. Revealed.' |
|||
}, |
|||
{ |
|||
component: YeekateePageComponent, |
|||
founded: 2021, |
|||
hasSelfHostingAbility: false, |
|||
isOpenSource: false, |
|||
key: 'yeekatee', |
|||
name: 'yeekatee', |
|||
origin: 'Switzerland', |
|||
region: 'Switzerland', |
|||
slogan: 'Connect. Share. Invest.' |
|||
} |
|||
]; |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-altoo-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class AltooPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'altoo'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-divvy-diary-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class DivvyDiaryPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'divvydiary'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-exirio-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class ExirioPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'exirio'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-folishare-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class FolisharePageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'folishare'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-getquin-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class GetquinPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'getquin'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-justetf-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class JustEtfPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'justetf'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-kubera-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class KuberaPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'kubera'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-maybe-finance-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class MaybeFinancePageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'maybe-finance'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-monse-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class MonsePageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'monse'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-parqet-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class ParqetPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'parqet'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-portfolio-dividend-tracker-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class PortfolioDividendTrackerPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'portfolio-dividend-tracker'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-portseido-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class PortseidoPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'portseido'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-projection-lab-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class ProjectionLabPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'projectionlab'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-seeking-alpha-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class SeekingAlphaPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'seeking-alpha'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-sharesight-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class SharesightPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'sharesight'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-simple-portfolio-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class SimplePortfolioPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'simple-portfolio'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-snowball-analytics-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class SnowballAnalyticsPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'snowball-analytics'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-sumio-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class SumioPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'sumio'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-utluna-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class UtlunaPageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'utluna'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
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'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
imports: [CommonModule, MatButtonModule, RouterModule], |
|||
selector: 'gf-yeekatee-page', |
|||
standalone: true, |
|||
styleUrls: ['../product-page-template.scss'], |
|||
templateUrl: '../product-page-template.html' |
|||
}) |
|||
export class YeekateePageComponent { |
|||
public product1 = products.find(({ key }) => { |
|||
return key === 'ghostfolio'; |
|||
}); |
|||
|
|||
public product2 = products.find(({ key }) => { |
|||
return key === 'yeekatee'; |
|||
}); |
|||
} |
|||
@ -0,0 +1,15 @@ |
|||
export interface Product { |
|||
component: any; |
|||
founded?: number; |
|||
hasFreePlan?: boolean; |
|||
hasSelfHostingAbility?: boolean; |
|||
isOpenSource: boolean; |
|||
key: string; |
|||
languages?: string; |
|||
name: string; |
|||
note?: string; |
|||
origin?: string; |
|||
pricingPerYear?: string; |
|||
region?: string; |
|||
slogan?: string; |
|||
} |
|||
Loading…
Reference in new issue