From 9d8640ec5a716c3e7b5bd036739d857250047f0b Mon Sep 17 00:00:00 2001
From: Danijel Andjelkovic <adanijel99@gmail.com>
Date: Tue, 15 Mar 2022 18:50:10 +0100
Subject: Dodao logo, promenio vecinu dugmica u mat-button stil.

---
 .../item-predictor/item-predictor.component.html   | 25 +++++++++++++++++++++-
 .../item-predictor/item-predictor.component.ts     |  5 ++++-
 2 files changed, 28 insertions(+), 2 deletions(-)

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

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 cbd53fc2..92d747e2 100644
--- a/frontend/src/app/_elements/item-predictor/item-predictor.component.html
+++ b/frontend/src/app/_elements/item-predictor/item-predictor.component.html
@@ -1 +1,24 @@
-<p>item-predictor works!</p>
+<div class="card" style="min-width: 12rem;">
+    <div class="card-header">
+        {{predictor.name}}
+    </div>
+    <div class="card-body">
+        <p class="card-text">
+            {{predictor.description}}
+        </p>
+        <div class="d-flex flex-column align-items-center">
+            <table class="table table-bordered table-sm">
+                <thead>
+                    <th class="text-center" *ngFor="let column of predictor.inputs">{{column}}</th>
+                </thead>
+            </table>
+            <mat-icon>arrow_downward</mat-icon>
+            <p>
+                {{predictor.output}}
+            </p>
+        </div>
+    </div>
+    <div class="card-footer text-center">
+        <a routerLink="predict" mat-raised-button color="primary">Iskoristi</a>
+    </div>
+</div>
\ No newline at end of file
diff --git a/frontend/src/app/_elements/item-predictor/item-predictor.component.ts b/frontend/src/app/_elements/item-predictor/item-predictor.component.ts
index fe65ccfd..cc782f45 100644
--- a/frontend/src/app/_elements/item-predictor/item-predictor.component.ts
+++ b/frontend/src/app/_elements/item-predictor/item-predictor.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
+import Predictor from 'src/app/_data/Predictor';
 
 @Component({
   selector: 'app-item-predictor',
@@ -7,6 +8,8 @@ import { Component, OnInit } from '@angular/core';
 })
 export class ItemPredictorComponent implements OnInit {
 
+  @Input() predictor: Predictor = new Predictor();
+
   constructor() { }
 
   ngOnInit(): void {
-- 
cgit v1.2.3