From c71ced076e4e0b713d428eca304f541f02c8ee6f Mon Sep 17 00:00:00 2001
From: Danijel Anđelković <adanijel99@gmail.com>
Date: Sat, 23 Apr 2022 18:59:27 +0200
Subject: Doterao stil za playlist komponentu, i tabelu podataka. Dodao arhivu
 u navbar i obrisao neke stare rute.

---
 .../src/app/_pages/archive/archive.component.html  | 42 +++++++++++++++++++++-
 1 file changed, 41 insertions(+), 1 deletion(-)

(limited to 'frontend/src/app/_pages/archive/archive.component.html')

diff --git a/frontend/src/app/_pages/archive/archive.component.html b/frontend/src/app/_pages/archive/archive.component.html
index 44c4d9c2..1d5d144f 100644
--- a/frontend/src/app/_pages/archive/archive.component.html
+++ b/frontend/src/app/_pages/archive/archive.component.html
@@ -1 +1,41 @@
-<p>archive works!</p>
+<div class="d-flex flex-column align-items-center">
+    <div *ngIf="publicDatasets.length > 0" class="my-5">
+        <app-playlist [datasets]="publicDatasets"></app-playlist>
+
+        <div class="rounded-pill bg-light p-4 m-2 text-center position-relative">
+            <a routerLink="browse-datasets" class="stretched-link">Pogledaj sve javne izvore podataka...</a>
+        </div>
+    </div>
+
+    <div id="cards" class="row align-items-view align-items-stretch justify-content-center">
+        <div class="card shadowed bg-light text-light col-3 m-3" 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 class="card shadowed bg-light text-light col-3 m-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 class="card shadowed bg-light text-light col-3 m-3" 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>
\ No newline at end of file
-- 
cgit v1.2.3