From 2a8662479dea8c98049448a35ca5480e969238f2 Mon Sep 17 00:00:00 2001
From: TAMARA JERINIC <tamara.jerinic@gmail.com>
Date: Sat, 26 Mar 2022 12:51:51 +0100
Subject: Dodati su html, css i ts fajlovi za stranicu treniranih modela.

---
 .../_pages/my-predictors/my-predictors.component.css  | 13 +++++++++++++
 .../_pages/my-predictors/my-predictors.component.html | 17 ++++++++++++++++-
 .../_pages/my-predictors/my-predictors.component.ts   | 19 ++++++++++++++++---
 3 files changed, 45 insertions(+), 4 deletions(-)

(limited to 'frontend')

diff --git a/frontend/src/app/_pages/my-predictors/my-predictors.component.css b/frontend/src/app/_pages/my-predictors/my-predictors.component.css
index e69de29b..ccb9fb7b 100644
--- a/frontend/src/app/_pages/my-predictors/my-predictors.component.css
+++ b/frontend/src/app/_pages/my-predictors/my-predictors.component.css
@@ -0,0 +1,13 @@
+#header {
+    background-color: #003459;
+    padding-top: 20px;
+    padding-bottom: 15px;
+    text-align: center;
+    color: white;
+    border-radius: 5px;
+}
+
+.row{
+    margin-top: 10px;
+    margin-bottom: 30px;
+}
\ No newline at end of file
diff --git a/frontend/src/app/_pages/my-predictors/my-predictors.component.html b/frontend/src/app/_pages/my-predictors/my-predictors.component.html
index 32d085af..d739f561 100644
--- a/frontend/src/app/_pages/my-predictors/my-predictors.component.html
+++ b/frontend/src/app/_pages/my-predictors/my-predictors.component.html
@@ -1 +1,16 @@
-<p>my-predictors works!</p>
+<div id="header">
+    <h1>Trenirani modeli</h1>
+</div>
+<div id="container" style="background-color:rgba(255, 255, 255, 0.747);">
+<div class="row" *ngFor="let predictor of predictors">
+    <div class="left">
+        <app-item-predictor [predictor]="predictor"></app-item-predictor>
+    </div>
+    <div>
+        <button (click)="delete()" mat-raised-button color="warn" style="min-width: 15rem;float: right" ><mat-icon>delete</mat-icon></button>
+    </div>
+    
+</div>
+
+</div>
+
diff --git a/frontend/src/app/_pages/my-predictors/my-predictors.component.ts b/frontend/src/app/_pages/my-predictors/my-predictors.component.ts
index b0d6e9dd..58daa44f 100644
--- a/frontend/src/app/_pages/my-predictors/my-predictors.component.ts
+++ b/frontend/src/app/_pages/my-predictors/my-predictors.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import Predictor from 'src/app/_data/Predictor';
 
 @Component({
   selector: 'app-my-predictors',
@@ -6,10 +7,22 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./my-predictors.component.css']
 })
 export class MyPredictorsComponent implements OnInit {
-
-  constructor() { }
-
+  predictors: Predictor[];
+  constructor() { 
+  this.predictors = [
+    new Predictor('Titanik', 'Opis titanik', ['K1', 'K2', 'K3', 'Ime', 'Preziveli'],'Preziveli'),
+    new Predictor('Neki drugi set', 'opis', ['a', 'b', 'c'],'c'),
+    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')];
+  }
   ngOnInit(): void {
   }
 
+  delete(){
+    confirm("IZABRANI MODEL ĆE BITI IZBRISAN")
+    
+  }
+  
+
+
 }
-- 
cgit v1.2.3