diff options
Diffstat (limited to 'frontend/src/app/_pages/predict/predict.component.html')
| -rw-r--r-- | frontend/src/app/_pages/predict/predict.component.html | 58 |
1 files changed, 39 insertions, 19 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 |