From f0f9a128076f2f0deae8f597dd780527b54819dd Mon Sep 17 00:00:00 2001
From: TAMARA JERINIC <tamara.jerinic@gmail.com>
Date: Sun, 17 Apr 2022 17:25:22 +0200
Subject: Izmenjen izgled item-predictor i my-predictors, dodata funkcija za
 brisanje prediktora u predictors.component.ts.

---
 .../item-predictor/item-predictor.component.html   | 35 ++++++++++++++--------
 1 file changed, 22 insertions(+), 13 deletions(-)

(limited to 'frontend/src/app/_elements/item-predictor/item-predictor.component.html')

diff --git a/frontend/src/app/_elements/item-predictor/item-predictor.component.html b/frontend/src/app/_elements/item-predictor/item-predictor.component.html
index 7ae26fd3..3199dcc8 100644
--- a/frontend/src/app/_elements/item-predictor/item-predictor.component.html
+++ b/frontend/src/app/_elements/item-predictor/item-predictor.component.html
@@ -1,26 +1,35 @@
 <div class="card" style="min-width: 12rem;">
-    <div class="card-header">
-        {{predictor.name}}
+    <div class="card-header d-flex mb-2 justify-content-" style="padding: 0;margin: 0;">
+    
+        <div class=" p-2 float-left "><b   style="color: gray;">Prediktor</b></div> 
+        
     </div>
-    <div class="card-body">
+    <div class="card-body overflow-hidden">
+        <b style="color: gray;">Opis</b><hr  style="width: 20%;">
         <p class="card-text">
-            {{predictor.description}}
+           {{predictor.description}}
         </p>
-        <div class="d-flex flex-column align-items-center">
-            <table class="table table-bordered table-sm">
+        
+        <b style="color: gray;">Ulazne kolone</b>
+        <div style="overflow: scroll; overflow-y: hidden;">
+            
+            <table class="table table-bordered table-md" >
                 <thead>
-                    <th class="text-center" *ngFor="let column of predictor.inputs">{{column}}</th>
+                    <th scope="col" *ngFor="let column of predictor.inputs" >{{column}}</th> 
                 </thead>
             </table>
-            <mat-icon>arrow_downward</mat-icon>
-            <p>
-                {{predictor.output}}
-            </p>
+        </div>
+        <b style="color: gray;">Izlazna kolona: </b><b>{{predictor.output}}</b>
+        <hr>
+        <div>
+            <table>
+                <tr><td><span class="material-icons">calendar_today</span></td><td><span style="color: grey;">   <b> Kreirano</b></span></td><td>{{predictor.dateCreated |date}}</td></tr> 
+            </table> 
         </div>
     </div>
     <div class="card-footer text-center">
-        <button class="btn btn-lg col-4" style="background-color:#003459; color:white;"
+        <button class="btn btn-md col-4" style="background-color:#003459; color:white;"
         (click)="openPredictor();">Iskoristi</button>
-        <!--<a routerLink="/predict" mat-raised-button color="primary">Iskoristi</a>-->
+       
     </div>
 </div>
\ No newline at end of file
-- 
cgit v1.2.3