Thomas Kaul
					
					3 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 { DataService } from '@ghostfolio/client/services/data.service'; | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					@Component({ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					  host: { class: 'page' }, | 
				
			
			
		
	
	
		
			
				
					| 
						
						
						
							
								
							
						
					 | 
				
				 | 
				
					@ -8,14 +7,5 @@ import { DataService } from '@ghostfolio/client/services/data.service'; | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					  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; | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					  } | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					  public constructor() {} | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					} | 
				
			
			
		
	
	
		
			
				
					| 
						
						
						
					 | 
				
				 | 
				
					
  | 
				
			
			
		
	
								
							
						
					 
					
				 
			 
		
			
			
			
			
			
			
				
				
					
						
							
								
									
	
		
			
				
					| 
						
						
							
								
							
						
						
					 | 
				
				 | 
				
					@ -14,7 +14,7 @@ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        </div> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					        <section class="mb-4"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					          <p> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            Get {{ discount | percent }} off on our | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            Get 75% off on our | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            <strong>Ghostfolio Premium</strong> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					            <gf-premium-indicator | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					              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="row"> | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    <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 { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    &:hover, | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    &.active { | 
				
			
			
		
	
	
		
			
				
					| 
						
						
						
							
								
							
						
					 | 
				
				 | 
				
					@ -36,8 +22,4 @@ | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					:host-context(.is-dark-theme) { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					  color: rgb(var(--light-primary-text)); | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					
 | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					  .intro { | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					    background-color: rgba(var(--light-dividers)); | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					  } | 
				
			
			
		
	
		
			
				
					 | 
					 | 
				
				 | 
				
					} | 
				
			
			
		
	
	
		
			
				
					| 
						
						
						
					 | 
				
				 | 
				
					
  |