Thomas Kaul
2 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with
2 additions and
43 deletions
-
apps/client/src/app/pages/blog/2022/11/black-friday-2022/black-friday-2022-page.component.ts
-
apps/client/src/app/pages/blog/2022/11/black-friday-2022/black-friday-2022-page.html
-
apps/client/src/app/pages/pricing/pricing-page.html
-
apps/client/src/app/pages/pricing/pricing-page.scss
|
@ -1,5 +1,4 @@ |
|
|
import { Component } from '@angular/core'; |
|
|
import { Component } from '@angular/core'; |
|
|
import { DataService } from '@ghostfolio/client/services/data.service'; |
|
|
|
|
|
|
|
|
|
|
|
@Component({ |
|
|
@Component({ |
|
|
host: { class: 'page' }, |
|
|
host: { class: 'page' }, |
|
@ -8,14 +7,5 @@ import { DataService } from '@ghostfolio/client/services/data.service'; |
|
|
templateUrl: './black-friday-2022-page.html' |
|
|
templateUrl: './black-friday-2022-page.html' |
|
|
}) |
|
|
}) |
|
|
export class BlackFriday2022PageComponent { |
|
|
export class BlackFriday2022PageComponent { |
|
|
public discount: number; |
|
|
public constructor() {} |
|
|
|
|
|
|
|
|
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; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
|
@ -14,7 +14,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
<section class="mb-4"> |
|
|
<section class="mb-4"> |
|
|
<p> |
|
|
<p> |
|
|
Get {{ discount | percent }} off on our |
|
|
Get 75% off on our |
|
|
<strong>Ghostfolio Premium</strong> |
|
|
<strong>Ghostfolio Premium</strong> |
|
|
<gf-premium-indicator |
|
|
<gf-premium-indicator |
|
|
class="d-inline-block ml-1" |
|
|
class="d-inline-block ml-1" |
|
|
|
@ -1,16 +1,3 @@ |
|
|
<div |
|
|
|
|
|
*ngIf="!user || user?.subscription?.type === 'Basic'" |
|
|
|
|
|
class="intro mb-5 py-5" |
|
|
|
|
|
> |
|
|
|
|
|
<div class="container"> |
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
<div class="col"> |
|
|
|
|
|
<h1 class="font-weight-bold m-0 text-center">Black Friday Deal</h1> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="container"> |
|
|
<div class="container"> |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col"> |
|
|
<div class="col"> |
|
|
|
@ -11,20 +11,6 @@ |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.intro { |
|
|
|
|
|
background-color: rgb(var(--dark-primary-text)); |
|
|
|
|
|
color: rgba(var(--palette-primary-500), 1); |
|
|
|
|
|
|
|
|
|
|
|
h1 { |
|
|
|
|
|
font-size: 4vw; |
|
|
|
|
|
line-height: 1; |
|
|
|
|
|
|
|
|
|
|
|
@media (max-width: 575.98px) { |
|
|
|
|
|
font-size: 10vw; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.mat-card { |
|
|
.mat-card { |
|
|
&:hover, |
|
|
&:hover, |
|
|
&.active { |
|
|
&.active { |
|
@ -36,8 +22,4 @@ |
|
|
|
|
|
|
|
|
:host-context(.is-dark-theme) { |
|
|
:host-context(.is-dark-theme) { |
|
|
color: rgb(var(--light-primary-text)); |
|
|
color: rgb(var(--light-primary-text)); |
|
|
|
|
|
|
|
|
.intro { |
|
|
|
|
|
background-color: rgba(var(--light-dividers)); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|