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