mirror of https://github.com/ghostfolio/ghostfolio
Thomas Kaul
2 years ago
committed by
GitHub
GitHub
16 changed files with 312 additions and 33 deletions
@ -0,0 +1,20 @@ |
|||
import { NgModule } from '@angular/core'; |
|||
import { RouterModule, Routes } from '@angular/router'; |
|||
import { AuthGuard } from '@ghostfolio/client/core/auth.guard'; |
|||
|
|||
import { BlackFriday2022PageComponent } from './black-friday-2022-page.component'; |
|||
|
|||
const routes: Routes = [ |
|||
{ |
|||
canActivate: [AuthGuard], |
|||
component: BlackFriday2022PageComponent, |
|||
path: '', |
|||
title: 'Black Friday 2022' |
|||
} |
|||
]; |
|||
|
|||
@NgModule({ |
|||
imports: [RouterModule.forChild(routes)], |
|||
exports: [RouterModule] |
|||
}) |
|||
export class BlackFriday2022RoutingModule {} |
|||
@ -0,0 +1,21 @@ |
|||
import { Component } from '@angular/core'; |
|||
import { DataService } from '@ghostfolio/client/services/data.service'; |
|||
|
|||
@Component({ |
|||
host: { class: 'page' }, |
|||
selector: 'gf-black-friday-2022-page', |
|||
styleUrls: ['./black-friday-2022-page.scss'], |
|||
templateUrl: './black-friday-2022-page.html' |
|||
}) |
|||
export class BlackFriday2022PageComponent { |
|||
public discount: number; |
|||
|
|||
public constructor(private dataService: DataService) { |
|||
const { subscriptions } = this.dataService.fetchInfo(); |
|||
|
|||
const coupon = subscriptions?.[0]?.coupon ?? 0; |
|||
const price = subscriptions?.[0]?.price ?? 1; |
|||
|
|||
this.discount = Math.floor((coupon / price) * 100) / 100; |
|||
} |
|||
} |
|||
@ -0,0 +1,138 @@ |
|||
<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 Friday 2022</h1> |
|||
<div class="mb-3 text-muted"><small>2022-11-13</small></div> |
|||
<img |
|||
alt="Black Friday 2022 Teaser" |
|||
class="rounded w-100" |
|||
src="../assets/images/blog/black-friday-2022.jpg" |
|||
title="Black Friday 2022" |
|||
/> |
|||
</div> |
|||
<section class="mb-4"> |
|||
<p> |
|||
Get {{ discount | percent }} off on our |
|||
<strong>Ghostfolio Premium</strong> |
|||
<gf-premium-indicator |
|||
class="d-inline-block ml-1" |
|||
[enableLink]="false" |
|||
></gf-premium-indicator> |
|||
annual plan for ambitious investors who need the full picture of |
|||
their financial assets. |
|||
</p> |
|||
</section> |
|||
<section class="mb-4"> |
|||
<p> |
|||
<a |
|||
href="https://ghostfol.io" |
|||
title="Open Source Wealth Management Software" |
|||
>Ghostfolio</a |
|||
> |
|||
is a modern web application to manage your personal finance. The |
|||
software presents the current assets (stocks, ETFs, |
|||
cryptocurrencies, commodities etc.) in real time to make solid, |
|||
data-driven investment decisions. Check out the numerous |
|||
<a [routerLink]="['/features']">features</a> to manage your wealth. |
|||
</p> |
|||
</section> |
|||
<section class="mb-4"> |
|||
<p> |
|||
Snap the limited Black Friday 2022 deal before it’s gone. For |
|||
detailed information on plans and pricing, please visit our |
|||
<a [routerLink]="['/pricing']">pricing page</a>. |
|||
</p> |
|||
<p class="text-center"> |
|||
<a color="primary" mat-flat-button [routerLink]="['/pricing']" |
|||
>Get the Deal</a |
|||
> |
|||
</p> |
|||
</section> |
|||
<section class="mb-4"> |
|||
<ul class="list-inline"> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">2022</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Black Friday</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Cloud</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Cryptocurrency</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Deal</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">ETF</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Finance</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">Ghostfolio</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Ghostfolio Premium</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Hosting</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">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">Portfolio</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Portfolio Tracker</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Pricing</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">SaaS</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">Stock</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Subscription</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> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Web3</span> |
|||
</li> |
|||
<li class="list-inline-item"> |
|||
<span class="badge badge-light">Web 3.0</span> |
|||
</li> |
|||
</ul> |
|||
</section> |
|||
</article> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,21 @@ |
|||
import { CommonModule } from '@angular/common'; |
|||
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'; |
|||
import { MatButtonModule } from '@angular/material/button'; |
|||
import { RouterModule } from '@angular/router'; |
|||
import { GfPremiumIndicatorModule } from '@ghostfolio/ui/premium-indicator'; |
|||
|
|||
import { BlackFriday2022RoutingModule } from './black-friday-2022-page-routing.module'; |
|||
import { BlackFriday2022PageComponent } from './black-friday-2022-page.component'; |
|||
|
|||
@NgModule({ |
|||
declarations: [BlackFriday2022PageComponent], |
|||
imports: [ |
|||
BlackFriday2022RoutingModule, |
|||
CommonModule, |
|||
GfPremiumIndicatorModule, |
|||
MatButtonModule, |
|||
RouterModule |
|||
], |
|||
schemas: [CUSTOM_ELEMENTS_SCHEMA] |
|||
}) |
|||
export class BlackFriday2022PageModule {} |
|||
@ -0,0 +1,3 @@ |
|||
:host { |
|||
display: block; |
|||
} |
|||
|
After Width: | Height: | Size: 188 KiB |
Loading…
Reference in new issue