From 2e62393227d6d7b1c52e82cc8b7c3174206f7687 Mon Sep 17 00:00:00 2001
From: Danijel Andjelkovic <adanijel99@gmail.com>
Date: Mon, 14 Mar 2022 23:37:29 +0100
Subject: Dodao login i register modale u navbar, promenio neke stranice kada
 je korisnik ulogovan.

---
 frontend/src/app/_pages/home/home.component.html   | 76 +++++++++++-----------
 frontend/src/app/_pages/home/home.component.ts     |  3 +
 .../_pages/login-page/login-page.component.html    |  6 +-
 3 files changed, 43 insertions(+), 42 deletions(-)

(limited to 'frontend/src/app/_pages')

diff --git a/frontend/src/app/_pages/home/home.component.html b/frontend/src/app/_pages/home/home.component.html
index 568e89e3..6713cd59 100644
--- a/frontend/src/app/_pages/home/home.component.html
+++ b/frontend/src/app/_pages/home/home.component.html
@@ -1,46 +1,48 @@
 <div>
     <div class="d-flex flex-column align-items-center">
-        <h2 class="my-4">Započnite sa treniranjem!</h2>
-        <div id="cards" class="d-flex flex-row justify-content-center align-items-start">
-            <div class="card" style="width: 18rem;">
-                <div class="card-body">
-                    <mat-icon width="48px" height="48px"
-                        style="font-size: 48px; margin-left: 50%; transform: translateX(-100%);">storage</mat-icon>
-                    <h3 class="card-title my-2">Moji izvori podataka</h3>
-                    <p class="card-text">
-                        <a class="stretched-link" routerLink="my-datasets">Preuredite</a> vaše izvore
-                        podataka, ili
-                        dodajte novi.
-                    </p>
+        <div *ngIf="shared.loggedIn">
+            <h2 class="my-4">Započnite sa treniranjem!</h2>
+            <div id="cards" class="d-flex flex-row justify-content-center align-items-start">
+                <div class="card" style="width: 18rem;">
+                    <div class="card-body">
+                        <mat-icon width="48px" height="48px"
+                            style="font-size: 48px; margin-left: 50%; transform: translateX(-100%);">storage</mat-icon>
+                        <h3 class="card-title my-2">Moji izvori podataka</h3>
+                        <p class="card-text">
+                            <a class="stretched-link" routerLink="my-datasets">Preuredite</a> vaše izvore
+                            podataka, ili
+                            dodajte novi.
+                        </p>
+                    </div>
                 </div>
-            </div>
-            <div class="card mx-3" style="width: 18rem;">
-                <div class="card-body">
-                    <mat-icon width="48px" height="48px"
-                        style="font-size: 48px; margin-left: 50%; transform: translateX(-100%);">model_training
-                    </mat-icon>
-                    <h3 class="card-title my-2">Moji modeli</h3>
-                    <p class="card-text">
-                        <a class="stretched-link" routerLink="my-models">Pregledajte</a> vaše modele, menjajte ih,
-                        napravite nove modele, ili
-                        ih obrišite.
-                    </p>
+                <div class="card mx-3" style="width: 18rem;">
+                    <div class="card-body">
+                        <mat-icon width="48px" height="48px"
+                            style="font-size: 48px; margin-left: 50%; transform: translateX(-100%);">model_training
+                        </mat-icon>
+                        <h3 class="card-title my-2">Moji modeli</h3>
+                        <p class="card-text">
+                            <a class="stretched-link" routerLink="my-models">Pregledajte</a> vaše modele, menjajte ih,
+                            napravite nove modele, ili
+                            ih obrišite.
+                        </p>
+                    </div>
                 </div>
-            </div>
-            <div class="card" style="width: 18rem;">
-                <div class="card-body">
-                    <mat-icon width="48px" height="48px"
-                        style="font-size: 48px; margin-left: 50%; transform: translateX(-100%);">batch_prediction
-                    </mat-icon>
-                    <h3 class="card-title my-2">Rezultati treniranja</h3>
-                    <p class="card-text">
-                        <a class="stretched-link" routerLink="my-predictors">Pregledajte</a> sve vaše trenirane modele,
-                        koristite ih da
-                        predvidite
-                        vrednosti za red ili skup podataka, ili ih obrišite.
-                    </p>
+                <div class="card" style="width: 18rem;">
+                    <div class="card-body">
+                        <mat-icon width="48px" height="48px"
+                            style="font-size: 48px; margin-left: 50%; transform: translateX(-100%);">batch_prediction
+                        </mat-icon>
+                        <h3 class="card-title my-2">Rezultati treniranja</h3>
+                        <p class="card-text">
+                            <a class="stretched-link" routerLink="my-predictors">Pregledajte</a> sve vaše trenirane
+                            modele,
+                            koristite ih da predvidite vrednosti za red ili skup podataka, ili ih obrišite.
+                        </p>
+                    </div>
                 </div>
             </div>
+
         </div>
         <h2 class="my-4">Pogledajte javne projekte!</h2>
         <app-carousel [items]="publicDatasets">
diff --git a/frontend/src/app/_pages/home/home.component.ts b/frontend/src/app/_pages/home/home.component.ts
index 0c61ef86..eb9adf27 100644
--- a/frontend/src/app/_pages/home/home.component.ts
+++ b/frontend/src/app/_pages/home/home.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import Dataset from 'src/app/_data/Dataset';
 import Predictor from 'src/app/_data/Predictor';
 import { ItemDatasetComponent } from 'src/app/_elements/item-dataset/item-dataset.component';
+import shared from 'src/app/Shared';
 
 @Component({
   selector: 'app-home',
@@ -12,6 +13,8 @@ export class HomeComponent implements OnInit {
 
   publicDatasets: Dataset[];
 
+  shared = shared;
+
   constructor() {
     this.publicDatasets = [
       new Dataset('Dataset1', 'Lorem ipsum dolor sir amet', ['kolona1', 'kolona2', 'kolona3']),
diff --git a/frontend/src/app/_pages/login-page/login-page.component.html b/frontend/src/app/_pages/login-page/login-page.component.html
index 3a4244fc..766268d9 100644
--- a/frontend/src/app/_pages/login-page/login-page.component.html
+++ b/frontend/src/app/_pages/login-page/login-page.component.html
@@ -6,8 +6,4 @@
 <!-- Button trigger modal, OVO JE U STVARI DUGME U NAVBARU -->
 <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalForRegister">
     Otvori register modal
-</button>
-  
-
-<app-login-modal></app-login-modal>
-<app-register-modal></app-register-modal>
+</button>
\ No newline at end of file
-- 
cgit v1.2.3