diff options
Diffstat (limited to 'frontend/src/app/_pages/predict')
| -rw-r--r-- | frontend/src/app/_pages/predict/predict.component.html | 58 | ||||
| -rw-r--r-- | frontend/src/app/_pages/predict/predict.component.ts | 20 |
2 files changed, 58 insertions, 20 deletions
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> + <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); + } } |