From decbc2dc6b583dcf11cccf77f057cc7ec7b52adc Mon Sep 17 00:00:00 2001
From: Danijel Anđelković <adanijel99@gmail.com>
Date: Wed, 20 Apr 2022 01:28:53 +0200
Subject: Uklonio mogucnost da korisnik izabere da izbrise izlaznu kolonu,
 umesto opcije pise izbrisi kolonu sada samo pise (izlazna kolona). Ispravio
 neke bug-ove.

---
 frontend/src/app/training/training.component.html | 50 +++++++++++++----------
 1 file changed, 28 insertions(+), 22 deletions(-)

(limited to 'frontend/src/app/training/training.component.html')

diff --git a/frontend/src/app/training/training.component.html b/frontend/src/app/training/training.component.html
index 25a29828..f20b0085 100644
--- a/frontend/src/app/training/training.component.html
+++ b/frontend/src/app/training/training.component.html
@@ -2,32 +2,40 @@
     <h1>Trenirajte veštačku neuronsku mrežu</h1>
 </div>
 <div id="wrapper" class="mb-4">
-    <div id="container" class="container p-5 row" style="background-color: white; min-height: 100%;">
-        <div class="col"></div>
+    <div id="container" class="container p-5" style="background-color: white; min-height: 100%;">
+        <div class="row">
+            <div class="col"></div>
 
-        <div class="col-10">
+            <div class="col-10">
 
-            <h2>1. Izaberite eksperiment iz kolekcije</h2>
-            <div class="px-5 mt-5 mb-3">
-                <input type="text" class="form-control" placeholder="Pretraga" [(ngModel)]="term">
-            </div>
-            <div class="overflow-auto px-5" style="max-height: 500px;">
-                <ul class="list-group">
-                    <li class="list-group-item p-3" *ngFor="let experiment of myExperiments|filter:term" [ngClass]="{'selectedExperimentClass': this.selectedExperiment == experiment}">
-                        <app-item-experiment [experiment]="experiment" (click)="selectThisExperiment(experiment);"></app-item-experiment>
-                    </li>
-                </ul>
-            </div>
+                <h2>1. Izaberite eksperiment iz kolekcije</h2>
+                <div class="px-5 mt-5 mb-3">
+                    <input type="text" class="form-control" placeholder="Pretraga" [(ngModel)]="term">
+                </div>
+                <div class="overflow-auto px-5" style="max-height: 500px;">
+                    <ul class="list-group">
+                        <li class="list-group-item p-3" *ngFor="let experiment of myExperiments|filter:term" [ngClass]="{'selectedExperimentClass': this.selectedExperiment == experiment}">
+                            <app-item-experiment [experiment]="experiment" (click)="selectThisExperiment(experiment);"></app-item-experiment>
+                        </li>
+                    </ul>
+                </div>
 
-            <h2 class="mt-5 mb-2">2. Izaberite model</h2>
-            <app-model-load *ngIf="selectedExperiment" (selectedModelChangeEvent)="selectModel($event)" [forExperiment]="selectedExperiment"></app-model-load>
-            <h3 *ngIf="!selectedExperiment">Morate prvo izabrati eksperiment.</h3>
+                <h2 class="mt-5 mb-2">2. Izaberite model</h2>
+                <app-model-load *ngIf="selectedExperiment" (selectedModelChangeEvent)="selectModel($event)" [forExperiment]="selectedExperiment"></app-model-load>
+                <h3 *ngIf="!selectedExperiment">Morate prvo izabrati eksperiment.</h3>
 
-            <h2 class="my-5">3. Treniranje modela</h2>
+                <h2 class="my-5">3. Treniranje modela</h2>
 
-            <div class="d-flex flex-row justify-content-center align-items-center my-3">
-                <button id="trainButton" #trainButton class="btn btn-lg col-4" style="background-color:#003459; color:white;" (click)="trainModel();">Treniraj
+                <div class="d-flex flex-row justify-content-center align-items-center my-3">
+                    <button class="btn btn-lg col-4" style="background-color:#003459; color:white;" (click)="trainModel();">Treniraj
                     model</button>
+                </div>
+
+                <h2 class="mt-5">Rezultati treniranja</h2>
+                <div class="m-3" *ngIf="trainingResult">
+                    <h2 class="my-2">Rezultati treniranja:</h2>
+                    <app-metric-view *ngIf="trainingResult" [metrics]="trainingResult"></app-metric-view>
+                </div>
             </div>
 
             <h2 class="mt-5">Rezultati treniranja</h2>
@@ -36,7 +44,5 @@
                 <app-metric-view *ngIf="trainingResult" [metrics]="trainingResult"></app-metric-view>
             </div>
         </div>
-
-        <div class="col"></div>
     </div>
 </div>
\ No newline at end of file
-- 
cgit v1.2.3