diff options
Diffstat (limited to 'frontend/src/app')
5 files changed, 22 insertions, 13 deletions
diff --git a/frontend/src/app/_elements/form-model/form-model.component.css b/frontend/src/app/_elements/form-model/form-model.component.css index b4477bce..f4d085ea 100644 --- a/frontend/src/app/_elements/form-model/form-model.component.css +++ b/frontend/src/app/_elements/form-model/form-model.component.css @@ -34,6 +34,8 @@ mat-icon{      padding: 0;      color: white!important;      background-color: var(--ns-bg-dark-100) !important; +    min-width: none; +    max-width: 12.5rem;  }  mat-form-field{ 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 diff --git a/frontend/src/app/_elements/form-model/form-model.component.ts b/frontend/src/app/_elements/form-model/form-model.component.ts index cff967aa..b1d0a2a9 100644 --- a/frontend/src/app/_elements/form-model/form-model.component.ts +++ b/frontend/src/app/_elements/form-model/form-model.component.ts @@ -54,6 +54,7 @@ export class FormModelComponent implements OnInit {    showMyModels: boolean = true; +  hiddenLayers=[]; @@ -136,6 +137,9 @@ export class FormModelComponent implements OnInit {        this.newModel.hiddenLayerNeurons[i]=1;      }    }*/ +  numSequence(n: number): Array<number> { +    return Array(n); +  }    removeNeuron(){      if(this.newModel.hiddenLayerNeurons>1)      { diff --git a/frontend/src/app/_pages/experiment/experiment.component.html b/frontend/src/app/_pages/experiment/experiment.component.html index 2ffc7d8b..c988a50a 100644 --- a/frontend/src/app/_pages/experiment/experiment.component.html +++ b/frontend/src/app/_pages/experiment/experiment.component.html @@ -28,7 +28,8 @@              <div class="text-offwhite" style="height: 100px;width: 100px;background-color: red;top:50%;left: 50%;position: absolute;">Insert odabir kolona</div>          </div>          <div #steps id="step_3" class="step-content"> -            <div class="text-offwhite" style="height: 100px;width: 100px;background-color: blue;top:50%;left: 50%;position: absolute;">Insert treniranje</div> +             +            <app-form-model></app-form-model>          </div>      </div>  </div>
\ No newline at end of file diff --git a/frontend/src/app/_pages/home/home.component.html b/frontend/src/app/_pages/home/home.component.html index 956e9784..e682d8dd 100644 --- a/frontend/src/app/_pages/home/home.component.html +++ b/frontend/src/app/_pages/home/home.component.html @@ -16,7 +16,5 @@      </div> -    <app-form-model> -         -    </app-form-model> +  </div>
\ No newline at end of file  | 
