Dodao graph komponentu za brzo iscrtavanje grafa neuronske mreze.

2 files changed, 12 insertions, 3 deletions

diff --git a/frontend/src/app/_elements/model-load/model-load.component.html b/frontend/src/app/_elements/model-load/model-load.component.html
index 0c6735a9..f7d8a077 100644
--- a/frontend/src/app/_elements/model-load/model-load.component.html
+++ b/frontend/src/app/_elements/model-load/model-load.component.html
@@ -43,7 +43,8 @@
             <div class="col-1">
                 <input type="number" min="1" class="form-control" name="hiddenLayers"
                     [(ngModel)]="newModel.hiddenLayers"
-                    (change)="newModel.hiddenLayerActivationFunctions = [].constructor(newModel.hiddenLayers).fill(newModel.hiddenLayerActivationFunctions[0])">
+                    (change)="newModel.hiddenLayerActivationFunctions = [].constructor(newModel.hiddenLayers).fill(newModel.hiddenLayerActivationFunctions[0])"
+                    (ngModelChange)="updateGraph()">
             </div>
         </div>
 
@@ -69,7 +70,7 @@
             </div>
             <div class="col-1">
                 <input type="number" min="1" class="form-control" name="hiddenLayerNeurons"
-                    [(ngModel)]="newModel.hiddenLayerNeurons">
+                    [(ngModel)]="newModel.hiddenLayerNeurons" (ngModelChange)="updateGraph()">
             </div>
         </div>
 
@@ -212,6 +213,7 @@
             </div>
         </div>
     </div>
+    <app-graph [model]="newModel" [inputCols]="1"></app-graph>
     <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
diff --git a/frontend/src/app/_elements/model-load/model-load.component.ts b/frontend/src/app/_elements/model-load/model-load.component.ts
index 1d38de68..663e414f 100644
--- a/frontend/src/app/_elements/model-load/model-load.component.ts
+++ b/frontend/src/app/_elements/model-load/model-load.component.ts
@@ -1,7 +1,8 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, ViewChild } from '@angular/core';
 import Shared from 'src/app/Shared';
 import Model, { ActivationFunction, Encoding, LossFunction, LossFunctionBinaryClassification, LossFunctionMultiClassification, LossFunctionRegression, Metrics, MetricsBinaryClassification, MetricsMultiClassification, MetricsRegression, NullValueOptions, Optimizer, ProblemType } from 'src/app/_data/Model';
 import { ModelsService } from 'src/app/_services/models.service';
+import { GraphComponent } from '../graph/graph.component';
 
 @Component({
   selector: 'app-model-load',
@@ -10,6 +11,8 @@ import { ModelsService } from 'src/app/_services/models.service';
 })
 export class ModelLoadComponent implements OnInit {
 
+  @ViewChild(GraphComponent) graph!: GraphComponent;
+
   newModel: Model = new Model();
 
   ProblemType = ProblemType;
@@ -33,6 +36,10 @@ export class ModelLoadComponent implements OnInit {
   ngOnInit(): void {
   }
 
+  updateGraph() {
+    this.graph.update();
+  }
+
   getMetrics() {
     this.newModel.metrics = [];
     let cb = document.getElementsByName("cbmetrics");