Clean up (#1481)
This commit is contained in:
@@ -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));
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user