mirror of https://github.com/ghostfolio/ghostfolio
Thomas Kaul
4 days ago
committed by
GitHub
GitHub
10 changed files with 346 additions and 4 deletions
@ -0,0 +1,76 @@ |
|||
import { UserService } from '@ghostfolio/client/services/user/user.service'; |
|||
import { SubscriptionType } from '@ghostfolio/common/enums'; |
|||
import { SubscriptionOffer } from '@ghostfolio/common/interfaces'; |
|||
import { publicRoutes } from '@ghostfolio/common/routes/routes'; |
|||
import { GfPremiumIndicatorComponent } from '@ghostfolio/ui/premium-indicator'; |
|||
import { DataService } from '@ghostfolio/ui/services'; |
|||
|
|||
import { DecimalPipe } from '@angular/common'; |
|||
import { |
|||
ChangeDetectionStrategy, |
|||
ChangeDetectorRef, |
|||
Component, |
|||
DestroyRef, |
|||
inject, |
|||
OnInit |
|||
} from '@angular/core'; |
|||
import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; |
|||
import { MatButtonModule } from '@angular/material/button'; |
|||
import { RouterModule } from '@angular/router'; |
|||
|
|||
@Component({ |
|||
changeDetection: ChangeDetectionStrategy.OnPush, |
|||
host: { class: 'page' }, |
|||
imports: [ |
|||
DecimalPipe, |
|||
GfPremiumIndicatorComponent, |
|||
MatButtonModule, |
|||
RouterModule |
|||
], |
|||
selector: 'gf-black-weeks-2026-page', |
|||
templateUrl: './black-weeks-2026-page.html' |
|||
}) |
|||
export class BlackWeeks2026PageComponent implements OnInit { |
|||
public baseCurrency: string; |
|||
public price: number | undefined; |
|||
public routerLinkBlog = publicRoutes.blog.routerLink; |
|||
public routerLinkFeatures = publicRoutes.features.routerLink; |
|||
public routerLinkPricing = publicRoutes.pricing.routerLink; |
|||
|
|||
private readonly changeDetectorRef = inject(ChangeDetectorRef); |
|||
private readonly dataService = inject(DataService); |
|||
private readonly destroyRef = inject(DestroyRef); |
|||
private readonly userService = inject(UserService); |
|||
|
|||
public ngOnInit() { |
|||
const { baseCurrency, subscriptionOffer } = this.dataService.fetchInfo(); |
|||
|
|||
this.baseCurrency = baseCurrency; |
|||
this.setPrice(subscriptionOffer); |
|||
|
|||
this.userService.stateChanged |
|||
.pipe(takeUntilDestroyed(this.destroyRef)) |
|||
.subscribe((state) => { |
|||
if (state?.user) { |
|||
this.setPrice( |
|||
state.user.subscription?.offer, |
|||
state.user.subscription?.type |
|||
); |
|||
} |
|||
|
|||
this.changeDetectorRef.markForCheck(); |
|||
}); |
|||
} |
|||
|
|||
private setPrice( |
|||
offer: SubscriptionOffer | undefined, |
|||
subscriptionType?: SubscriptionType |
|||
) { |
|||
this.price = |
|||
offer?.durationExtension && |
|||
offer.price && |
|||
subscriptionType !== SubscriptionType.Premium |
|||
? offer.price - (offer.coupon ?? 0) |
|||
: undefined; |
|||
} |
|||
} |
|||
@ -0,0 +1,201 @@ |
|||
<div class="blog container"> |
|||
<div class="row"> |
|||
<div class="col-md-8 offset-md-2"> |
|||
<article> |
|||
<div class="mb-4 text-center"> |
|||
<h1 class="mb-1"> |
|||
Black Weeks 2026: 15 Months of Premium for the Price of 12 |
|||
</h1> |
|||
<div class="mb-3 text-body-secondary"><small>2026-11-01</small></div> |
|||
<img |
|||
alt="Black Weeks 2026: 15 months of Ghostfolio Premium for the price of 12" |
|||
class="rounded w-100" |
|||
src="../assets/images/blog/black-weeks-2026.jpg" |
|||
title="Black Weeks 2026" |
|||
/> |
|||
</div> |
|||
<section class="mb-4"> |
|||
<p> |
|||
Get <strong>15 months</strong> of |
|||
<span class="align-items-center d-inline-flex" |
|||
>Ghostfolio Premium |
|||
<gf-premium-indicator |
|||
class="d-inline-block ms-1" |
|||
[enableLink]="false" |
|||
/> |
|||
</span> |
|||
for the price of 12. Our <strong>Black Weeks</strong> offer adds |
|||
<strong>3 extra months</strong> to the annual plan of the open |
|||
source portfolio tracker, which gives you 25% more time at the same |
|||
price. |
|||
</p> |
|||
</section> |
|||
<section class="mb-4"> |
|||
<h2 class="h4">What you get with Ghostfolio Premium</h2> |
|||
<p> |
|||
<a |
|||
href="https://ghostfol.io" |
|||
title="Open Source Wealth Management Software" |
|||
>Ghostfolio</a |
|||
> |
|||
unifies your finances in one place and gives you a clear overview of |
|||
your portfolio across stocks, ETFs, cryptocurrencies or other |
|||
assets. With Ghostfolio Premium, you can: |
|||
</p> |
|||
<ul class="list-unstyled"> |
|||
<li> |
|||
<strong>See the full picture</strong>: Understand your portfolio |
|||
at a glance with the summary and allocations. |
|||
</li> |
|||
<li> |
|||
<strong>Measure your progress</strong>: Compare your performance |
|||
against benchmarks. |
|||
</li> |
|||
<li> |
|||
<strong>Access professional data</strong>: Get 80’000+ tickers |
|||
from over 50 exchanges. |
|||
</li> |
|||
<li> |
|||
<strong>Plan your financial independence</strong>: Calculate your |
|||
path to retirement with the FIRE calculator. |
|||
</li> |
|||
<li> |
|||
<strong>Connect your AI client</strong>: Analyze your portfolio |
|||
and import activities with the new Ghostfolio MCP (enable |
|||
<i>Experimental Features</i> in your account settings). |
|||
</li> |
|||
</ul> |
|||
<p> |
|||
Explore all the |
|||
<a [routerLink]="routerLinkFeatures">features</a> of Ghostfolio. |
|||
</p> |
|||
</section> |
|||
<section class="mb-4"> |
|||
<h2 class="h4">How the offer works</h2> |
|||
@if (price) { |
|||
<p> |
|||
You pay {{ baseCurrency }} <strong>{{ price }}</strong> for |
|||
15 months, which is {{ baseCurrency }} {{ |
|||
price / 15 | number: '1.2-2' |
|||
}} |
|||
per month. |
|||
</p> |
|||
} |
|||
<p> |
|||
It is a one-time payment with no auto-renewal. The offer is valid |
|||
until the <strong>end of November</strong>. |
|||
</p> |
|||
@if (price) { |
|||
<p class="text-center"> |
|||
<a |
|||
color="primary" |
|||
mat-flat-button |
|||
[routerLink]="routerLinkPricing" |
|||
>Get 3 extra months</a |
|||
> |
|||
</p> |
|||
<p class="mt-5"> |
|||
More details are available on the |
|||
<a [routerLink]="routerLinkPricing">pricing page</a>. |
|||
</p> |
|||
} |
|||
</section> |
|||
<section class="mb-4"> |
|||
<ul class="list-inline"> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">2026</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Black Friday</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Black Weeks</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Cryptocurrency</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Deal</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">ETF</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Finance</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Fintech</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Ghostfolio</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Ghostfolio MCP</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Ghostfolio Premium</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Investment</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Open Source</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">OSS</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Personal Finance</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Portfolio</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Portfolio Tracker</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Pricing</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Promotion</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">SaaS</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Sale</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Software</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Stock</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Subscription</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Wealth</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge bg-light text-dark">Wealth Management</span> |
|||
</li> |
|||
</ul> |
|||
</section> |
|||
<nav aria-label="breadcrumb"> |
|||
<ol class="breadcrumb"> |
|||
<li class="breadcrumb-item"> |
|||
<a i18n [routerLink]="routerLinkBlog">Blog</a> |
|||
</li> |
|||
<li |
|||
aria-current="page" |
|||
class="active breadcrumb-item text-truncate" |
|||
> |
|||
Black Weeks 2026 |
|||
</li> |
|||
</ol> |
|||
</nav> |
|||
</article> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
After Width: | Height: | Size: 304 KiB |
Loading…
Reference in new issue