From f20f77226f0106ed2c9e2bb7b49550f5e5eb4c50 Mon Sep 17 00:00:00 2001
From: TAMARA JERINIC <tamara.jerinic@gmail.com>
Date: Mon, 25 Apr 2022 13:05:47 +0200
Subject: Ažurirana komponenta form-model, dodata mogućnost iscrtavanja kartica
 za skrivene slojeve u zavisnosti od broja slojeva.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../_elements/form-model/form-model.component.html | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

(limited to 'frontend/src/app/_elements/form-model/form-model.component.html')

diff --git a/frontend/src/app/_elements/form-model/form-model.component.html b/frontend/src/app/_elements/form-model/form-model.component.html
index 7d669d1d..0b63c5ac 100644
--- a/frontend/src/app/_elements/form-model/form-model.component.html
+++ b/frontend/src/app/_elements/form-model/form-model.component.html
@@ -124,13 +124,15 @@
             </div>
   </div>
   <hr>
-  <div class="row">
+  <div class="row" style="max-width:60rem ;">
 
-      <div class="col text-center" *ngFor="let item of [1,2,3,4,5]">
+      <div class="col text-center" *ngFor="let item of numSequence(newModel.hiddenLayers)" >
+        {{item}}
         <div class="neuron">
-          <div>
-            <label>Skriveni sloj {{item}}</label>
+          <div style="text-align: center;">
+            <label >Skriveni sloj</label>
           </div>
+          <div class="row" style="margin-bottom: -10px;">
             <mat-form-field appearance="fill">
                 <mat-label>Aktivaciona funkcija</mat-label>
                 <mat-select matNativeControl required [formControl]="selectActivationFormControl">
@@ -142,17 +144,15 @@
                     Obavezno polje
                 </mat-error>
               </mat-form-field>
-        <br>
+            </div>
         <div class="row" >
-              <!--<label style="width: 7rem;" for="hiddenLayersNeurons">Broj čvorova:</label> <input type="number" min="1" class="form-control" name="hiddenLayersNeurons" style="max-width: 5rem;">-->
-
                 <div class="col-6" style="font-size: 13px;" >Broj čvorova</div>
                 <mat-icon (click)="addNeuron()">add_circle</mat-icon>
                 <div class="col-1">{{newModel.hiddenLayerNeurons}}</div>
                 <mat-icon (click)="removeNeuron()">remove_circle</mat-icon>
           
         </div>
-              <br>
+              <div class='row' style="margin-bottom: -7px;">
               <mat-form-field appearance="fill">
                 <mat-label>Regularizacija</mat-label>
                 <mat-select matNativeControl required [formControl]="selectRegularisationFormControl">
@@ -163,7 +163,8 @@
                     Obavezno polje
                 </mat-error>
               </mat-form-field>
-              <br>
+              </div>
+            <div class="row" style="margin-bottom: -7px;">
               <mat-form-field appearance="fill">
                 <mat-label>Stopa regularizacije</mat-label>
                 <mat-select matNativeControl required [formControl]="selectRRateFormControl">
@@ -175,6 +176,9 @@
                     Obavezno polje
                 </mat-error>
               </mat-form-field>
+            </div>
         </div>
+        <br>
       </div>
+      
   </div>
\ No newline at end of file
-- 
cgit v1.2.3