From 6f95c0050f8dd06917baa6a57f71173cc7871f07 Mon Sep 17 00:00:00 2001
From: Thomas <4159106+dtslvr@users.noreply.github.com>
Date: Thu, 6 Jul 2023 21:15:13 +0200
Subject: [PATCH] Add more products

---
 .../app/pages/alternatives/page-template.html |  5 +--
 .../src/app/pages/alternatives/products.ts    | 32 +++++++++++++++++++
 .../products/altoo-page.component.ts          | 23 +++++++++++++
 .../simple-portfolio-page.component.ts        | 23 +++++++++++++
 .../products/utluna-page.component.ts         | 23 +++++++++++++
 5 files changed, 102 insertions(+), 4 deletions(-)
 create mode 100644 apps/client/src/app/pages/alternatives/products/altoo-page.component.ts
 create mode 100644 apps/client/src/app/pages/alternatives/products/simple-portfolio-page.component.ts
 create mode 100644 apps/client/src/app/pages/alternatives/products/utluna-page.component.ts

diff --git a/apps/client/src/app/pages/alternatives/page-template.html b/apps/client/src/app/pages/alternatives/page-template.html
index b30c97310..96061b16b 100644
--- a/apps/client/src/app/pages/alternatives/page-template.html
+++ b/apps/client/src/app/pages/alternatives/page-template.html
@@ -89,10 +89,7 @@
               <tr class="mat-mdc-row">
                 <td class="mat-mdc-cell px-1 py-2" i18n>Pricing</td>
                 <td class="mat-mdc-cell px-1 py-2">
-                  <ng-container *ngIf="product2.pricingPerYear"
-                    >Starting from {{ product1.pricingPerYear }} /
-                    year</ng-container
-                  >
+                  Starting from {{ product1.pricingPerYear }} / year
                 </td>
                 <td class="mat-mdc-cell px-1 py-2">
                   <ng-container *ngIf="product2.pricingPerYear"
diff --git a/apps/client/src/app/pages/alternatives/products.ts b/apps/client/src/app/pages/alternatives/products.ts
index 619482142..09cf2c22a 100644
--- a/apps/client/src/app/pages/alternatives/products.ts
+++ b/apps/client/src/app/pages/alternatives/products.ts
@@ -3,6 +3,9 @@ import { KuberaPageComponent } from './products/kubera-page.component';
 import { MaybePageComponent } from './products/maybe-page.component';
 import { ParqetPageComponent } from './products/parqet-page.component';
 import { YeekateePageComponent } from './products/yeekatee-page.component';
+import { UtlunaPageComponent } from './products/utluna-page.component';
+import { AltooPageComponent } from './products/altoo-page.component';
+import { SimplePortfolioPageComponent } from './products/simple-portfolio-page.component';
 
 export const products: Product[] = [
   {
@@ -19,6 +22,14 @@ export const products: Product[] = [
     region: 'Global',
     slogan: 'Open Source Wealth Management'
   },
+  {
+    component: AltooPageComponent,
+    isOpenSource: false,
+    key: 'altoo',
+    name: 'Altoo-Wealth-Plattform',
+    origin: 'Switzerland',
+    slogan: 'Simplicity for Complex Wealth'
+  },
   {
     component: KuberaPageComponent,
     hasFreePlan: false,
@@ -54,6 +65,27 @@ export const products: Product[] = [
     region: 'Austria, Germany, Switzerland',
     slogan: 'Dein Vermögen immer im Blick'
   },
+  {
+    component: SimplePortfolioPageComponent,
+    hasFreePlan: true,
+    isOpenSource: false,
+    key: 'simple-portfolio',
+    name: 'Simple Portfolio',
+    origin: 'Czech Republic',
+    pricingPerYear: '€80',
+    slogan: 'Stock Portfolio Tracker'
+  },
+  {
+    component: UtlunaPageComponent,
+    hasFreePlan: true,
+    isOpenSource: false,
+    key: 'utluna',
+    languages: 'English, French, German',
+    name: 'Utluna',
+    origin: 'Switzerland',
+    pricingPerYear: '$300',
+    slogan: 'Your Portfolio. Revealed.'
+  },
   {
     component: YeekateePageComponent,
     founded: 2021,
diff --git a/apps/client/src/app/pages/alternatives/products/altoo-page.component.ts b/apps/client/src/app/pages/alternatives/products/altoo-page.component.ts
new file mode 100644
index 000000000..cf390e3e9
--- /dev/null
+++ b/apps/client/src/app/pages/alternatives/products/altoo-page.component.ts
@@ -0,0 +1,23 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+import { products } from '../products';
+
+@Component({
+  host: { class: 'page' },
+  imports: [CommonModule, MatButtonModule, RouterModule],
+  selector: 'gf-altoo-page',
+  standalone: true,
+  templateUrl: '../page-template.html'
+})
+export class AltooPageComponent {
+  public product1 = products.find(({ key }) => {
+    return key === 'ghostfolio';
+  });
+
+  public product2 = products.find(({ key }) => {
+    return key === 'altoo';
+  });
+}
diff --git a/apps/client/src/app/pages/alternatives/products/simple-portfolio-page.component.ts b/apps/client/src/app/pages/alternatives/products/simple-portfolio-page.component.ts
new file mode 100644
index 000000000..f108cfcd3
--- /dev/null
+++ b/apps/client/src/app/pages/alternatives/products/simple-portfolio-page.component.ts
@@ -0,0 +1,23 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+import { products } from '../products';
+
+@Component({
+  host: { class: 'page' },
+  imports: [CommonModule, MatButtonModule, RouterModule],
+  selector: 'gf-simple-portfolio-page',
+  standalone: true,
+  templateUrl: '../page-template.html'
+})
+export class SimplePortfolioPageComponent {
+  public product1 = products.find(({ key }) => {
+    return key === 'ghostfolio';
+  });
+
+  public product2 = products.find(({ key }) => {
+    return key === 'simple-portfolio';
+  });
+}
diff --git a/apps/client/src/app/pages/alternatives/products/utluna-page.component.ts b/apps/client/src/app/pages/alternatives/products/utluna-page.component.ts
new file mode 100644
index 000000000..00a6c55bd
--- /dev/null
+++ b/apps/client/src/app/pages/alternatives/products/utluna-page.component.ts
@@ -0,0 +1,23 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+import { products } from '../products';
+
+@Component({
+  host: { class: 'page' },
+  imports: [CommonModule, MatButtonModule, RouterModule],
+  selector: 'gf-utluna-page',
+  standalone: true,
+  templateUrl: '../page-template.html'
+})
+export class UtlunaPageComponent {
+  public product1 = products.find(({ key }) => {
+    return key === 'ghostfolio';
+  });
+
+  public product2 = products.find(({ key }) => {
+    return key === 'utluna';
+  });
+}