From 317071919945434f1186ce908f0295ec180c178e Mon Sep 17 00:00:00 2001
From: "DESKTOP-S0O2C44\\ROG" <ivan996sk@gmail.com>
Date: Wed, 30 Mar 2022 23:55:24 +0200
Subject: Odradjena predict stranica i poslati inputi na back (post -
 usePredictor) #53 #66

---
 .../src/app/_pages/predict/predict.component.html  | 58 +++++++++++++++-------
 .../src/app/_pages/predict/predict.component.ts    | 20 +++++++-
 2 files changed, 58 insertions(+), 20 deletions(-)

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

diff --git a/frontend/src/app/_pages/predict/predict.component.html b/frontend/src/app/_pages/predict/predict.component.html
index 67d047b7..fe17c96d 100644
--- a/frontend/src/app/_pages/predict/predict.component.html
+++ b/frontend/src/app/_pages/predict/predict.component.html
@@ -9,52 +9,72 @@
         
         <br>
         
-        <div class="form-group row mt-3 mb-2 d-flex justify-content-center">
+        <div class="form-group row mt-3 mb-2 d-flex justify-content-left">
             <!--justify-content-center-->
             <h2> Izabrani prediktor: </h2>
-            <div class="col-3">
-                <label for="name" class="col-form-label">Naziv prediktora:</label>
-                <input type="text" class="form-control" name="name" [(ngModel)]="predictor.name">
+            <div class="col-10">
+                <label for="output" class="col-sm-5 col-form-label">Naziv prediktora: <b>{{predictor.name}}</b></label>
             </div>
-            <div class="col-5">
-                <label for="desc" class="col-sm-2 col-form-label">Opis:</label>
-                <div>
-                    <textarea class="form-control" name="desc" rows="3" [(ngModel)]="predictor.description"></textarea>
-                </div>
+            <div>
+                <label for="output" class="col-sm-5 col-form-label">Opis prediktora: <b>{{predictor.description}}</b></label>
             </div>
         </div>
 
-        
+        <br>
+        <div >
+            <!--input -->
+            <h3>Popunite ulazne kolone:</h3>
+            <div id="divInputs" class="form-check mt-2">
+                <div *ngIf="predictor" class="form-group row mt-3 mb-2 d-flex justify-content-left">
+                    <div *ngFor="let input of predictor.inputs; let i = index">
+                        <label for="{{input}}" class="col-sm-2 col-form-label"><b>{{input}}</b></label>
+                        <input name="{{input}}"  type="text"  [(ngModel)]="inputs[i]" >
+
+                    </div>
+                    
+                </div>
+            </div>
+           
+            
 
-        <div class="col-3 mt-2">
+        </div>
+        <div>
+            <label for="output" class="col-sm-2 col-form-label">Izlaz: <b>{{predictor.output}}</b></label>
+        </div>
+        <br>
+        <br>
+        <br>
+        <br>
+        <br>
+
+        <div class="col-5 mt-2">
             <label for="type" class="form-check-label">Da li je prediktor javan?</label>
             <input class="mx-3 form-check-input" type="checkbox" [(ngModel)]="predictor.isPublic"
                 type="checkbox" value="" >
         </div>
-        <div class="col-3 mt-2">
+        <div class="col-5 mt-2">
             <label for="type" class="form-check-label">Da li je dostupan za deljenje?</label>
             <input class="mx-3 form-check-input" type="checkbox" [(ngModel)]="predictor.accessibleByLink"
                 type="checkbox" value="" >
         </div>
+        <br>
         <div class="col-2">
-            <label for="dateCreated" class="col-form-label">Datum:</label> &nbsp;&nbsp;
+            <label for="dateCreated" class="col-form-label">Datum:</label> 
             <input type="text" class="form-control-plaintext" id="dateCreated" placeholder="--/--/--"
                 value="{{predictor.dateCreated | date: 'dd/MM/yyyy'}}" readonly>
         </div>
 
-        <!--
+        
         <br><br>
         <div class="form-group row mt-5 mb-3">
             <div class="col"></div>
             <button class="btn btn-lg col-4" style="background-color:#003459; color:white;"
-                (click)="addModel();">Sačuvaj model</button>
-            <div class="col"></div>
-            <button class="btn btn-lg col-4" style="background-color:#003459; color:white;"
-                (click)="trainModel();">Treniraj model</button>
+                (click)="usePredictor();">Iskoristi prediktor</button>
             <div class="col"></div>
+            
         </div>
 
-        -->
+        
         
     </div>
 </div>
\ No newline at end of file
diff --git a/frontend/src/app/_pages/predict/predict.component.ts b/frontend/src/app/_pages/predict/predict.component.ts
index d5cb22bd..3f431fff 100644
--- a/frontend/src/app/_pages/predict/predict.component.ts
+++ b/frontend/src/app/_pages/predict/predict.component.ts
@@ -1,5 +1,7 @@
 import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
 import Predictor from 'src/app/_data/Predictor';
+import { PredictorsService } from 'src/app/_services/predictors.service';
 
 @Component({
   selector: 'app-predict',
@@ -8,12 +10,28 @@ import Predictor from 'src/app/_data/Predictor';
 })
 export class PredictComponent implements OnInit {
 
+  inputs : String[] = [];
+
   predictor:Predictor;
-  constructor() {
+  constructor(private predictS : PredictorsService, private route: ActivatedRoute) {
     this.predictor = new Predictor();
    }
 
   ngOnInit(): void {
+    this.route.params.subscribe(url => {
+      this.predictS.getPredictor(url["id"]).subscribe(p => {
+      
+        this.predictor = p;
+        console.log(this.predictor);
+      })
+    });
   }
 
+  usePredictor(): void{ 
+    this.predictS.usePredictor(this.predictor, this.inputs).subscribe(p => {
+      
+      alert("Uspesno ste poslali preditor!");
+    })
+    console.log(this.inputs);
+  }
 }
-- 
cgit v1.2.3