From ed0267929d48e1772acee288d653d9611a21dcfe Mon Sep 17 00:00:00 2001
From: Nevena Bojovic <nenabojov@gmail.com>
Date: Mon, 28 Mar 2022 09:30:47 +0200
Subject: Home component.

---
 frontend/src/app/_pages/home/home.component.html |  4 +--
 frontend/src/app/_pages/home/home.component.ts   | 32 +++++++-----------------
 2 files changed, 11 insertions(+), 25 deletions(-)

(limited to 'frontend/src/app')

diff --git a/frontend/src/app/_pages/home/home.component.html b/frontend/src/app/_pages/home/home.component.html
index 7e895a2d..5f446a93 100644
--- a/frontend/src/app/_pages/home/home.component.html
+++ b/frontend/src/app/_pages/home/home.component.html
@@ -45,12 +45,12 @@
 
     </div>
     <h2 class="my-4">Pogledajte javne izvore podataka!</h2>
-    <app-carousel [items]="publicDatasets">
+    <app-carousel [*nglf = "publicDatasets" items]="publicDatasets">
 
     </app-carousel>
     <h3><a routerLink="browse-datasets">Pogledaj sve javne izvore podataka...</a></h3>
     <h2 class="my-4">Iskoristite već trenirane modele!</h2>
-    <app-carousel [items]="publicPredictors">
+    <app-carousel [*nglf = "publicPredictors" items]="publicPredictors">
     </app-carousel>
     <h3><a routerLink="browse-predictors">Pogledaj sve javne trenirane modele...</a></h3>
 </div>
\ No newline at end of file
diff --git a/frontend/src/app/_pages/home/home.component.ts b/frontend/src/app/_pages/home/home.component.ts
index c9267e77..f52dcf52 100644
--- a/frontend/src/app/_pages/home/home.component.ts
+++ b/frontend/src/app/_pages/home/home.component.ts
@@ -13,32 +13,18 @@ import { PredictorsService } from 'src/app/_services/predictors.service';
 })
 export class HomeComponent implements OnInit {
 
-  publicDatasets: Dataset[];
-  publicPredictors: Predictor[];
+  publicDatasets?: Dataset[];
+  publicPredictors?: Predictor[];
 
   shared = shared;
 
-  constructor() {
-    this.publicDatasets = [
-      new Dataset('Titanik', 'Titanik', ['Kolona1', 'Kolona2', 'Ime', 'OsobaJePreživela']),
-      new Dataset('Drugi Dataset', 'Lorem ipsum dolor sir amet', ['jabuka', 'kruska', 'jagoda']),
-      new Dataset('Dataset III', 'Kratak opis izvora podataka', ['c1', 'c2', 'c3', 'c4', 'c5']),
-      new Dataset('Drugi Dataset', 'Lorem ipsum dolor sir amet', ['jabuka', 'kruska', 'jagoda']),
-      new Dataset('Dataset III', 'Kratak opis izvora podataka', ['c1', 'c2', 'c3', 'c4', 'c5']),
-      new Dataset('Drugi Dataset', 'Lorem ipsum dolor sir amet', ['jabuka', 'kruska', 'jagoda']),
-      new Dataset('Dataset III', 'Kratak opis izvora podataka', ['c1', 'c2', 'c3', 'c4', 'c5']),
-      new Dataset('Dataset III', 'Kratak opis izvora podataka', ['c1', 'c2', 'c3', 'c4', 'c5'])
-    ]
-    this.publicPredictors = [
-      new Predictor('Preživeli', 'Za uneto ime osobe, predvidja da li je ta osoba preživela ili ne.', ['Ime'], 'OsobaJePreživela'),
-      new Predictor('Drugi model', 'Lorem ipsum dolor sir amet', ['kruska'], 'jagoda'),
-      new Predictor('Treći model', 'Kratak opis modela', ['c1', 'c2', 'c3'], 'c5'),
-      new Predictor('Drugi model', 'Lorem ipsum dolor sir amet', ['kruska'], 'jagoda'),
-      new Predictor('Treći model', 'Kratak opis modela', ['c1', 'c2', 'c3'], 'c5'),
-      new Predictor('Drugi model', 'Lorem ipsum dolor sir amet', ['kruska'], 'jagoda'),
-      new Predictor('Treći model', 'Kratak opis modela', ['c1', 'c2', 'c3'], 'c5'),
-      new Predictor('Treći model', 'Kratak opis modela', ['c1', 'c2', 'c3'], 'c5')
-    ]
+  constructor(private datasetsService: DatasetsService, private predictorsService: PredictorsService) {
+    this.datasetsService.getPublicDatasets().subscribe((datasets) => {
+      this.publicDatasets = datasets;
+    });
+    this.predictorsService.getPublicPredictors().subscribe((predictors) => {
+      this.publicPredictors = predictors;
+    });
   }
 
   ngOnInit(): void {
-- 
cgit v1.2.3