aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_pages/experiment
diff options
context:
space:
mode:
authorDanijel Anđelković <adanijel99@gmail.com>2022-06-03 22:17:06 +0200
committerDanijel Anđelković <adanijel99@gmail.com>2022-06-03 22:17:06 +0200
commit854e21f08d1c876cf62c7a360bd5bd142675d705 (patch)
treecd5a95d77d782ab2fd616bef7e45ad48cc33db3c /frontend/src/app/_pages/experiment
parent6e8b3bf21a3777ed985cb19c842681150b1c1aed (diff)
Dodao mogucnost download-ovanja H5 fajla za prediktor. Popravio bug kada se tooltipovi nisu uvak pojavljivali kada bi trebalo. Popravio bug sa layout-om grafa modela.
Diffstat (limited to 'frontend/src/app/_pages/experiment')
-rw-r--r--frontend/src/app/_pages/experiment/experiment.component.html2
-rw-r--r--frontend/src/app/_pages/experiment/experiment.component.ts8
2 files changed, 7 insertions, 3 deletions
diff --git a/frontend/src/app/_pages/experiment/experiment.component.html b/frontend/src/app/_pages/experiment/experiment.component.html
index abb5a6d5..2e5a269c 100644
--- a/frontend/src/app/_pages/experiment/experiment.component.html
+++ b/frontend/src/app/_pages/experiment/experiment.component.html
@@ -67,7 +67,7 @@
</div>
<div #steps id="step_4" class="step-content" *ngIf="step3">
<div class="step-content-inside">
- <app-line-chart [experiment]="experiment"></app-line-chart>
+ <app-line-chart [experiment]="experiment" [predictor]="predictor!"></app-line-chart>
</div>
</div>
<!--
diff --git a/frontend/src/app/_pages/experiment/experiment.component.ts b/frontend/src/app/_pages/experiment/experiment.component.ts
index 36abca16..4ceb9a03 100644
--- a/frontend/src/app/_pages/experiment/experiment.component.ts
+++ b/frontend/src/app/_pages/experiment/experiment.component.ts
@@ -16,6 +16,7 @@ import { ActivatedRoute, Router } from '@angular/router';
import { DatasetsService } from 'src/app/_services/datasets.service';
import { PredictorsService } from 'src/app/_services/predictors.service';
import { LineChartComponent } from 'src/app/_elements/_charts/line-chart/line-chart.component';
+import Predictor from 'src/app/_data/Predictor';
@Component({
selector: 'app-experiment',
@@ -31,6 +32,8 @@ export class ExperimentComponent implements AfterViewInit {
event: number = 0;
experiment: Experiment;
dataset?: Dataset;
+ predictor?: Predictor;
+
@ViewChild("folderDataset") folderDataset!: FolderComponent;
@ViewChild(ColumnTableComponent) columnTable!: ColumnTableComponent;
@ViewChild("folderModel") folderModel!: FolderComponent;
@@ -90,7 +93,7 @@ export class ExperimentComponent implements AfterViewInit {
if (this.modelToTrain?._id == mId) {
stat = stat.replace(/'/g, '"');
this.history.push(JSON.parse(stat));
- this.linechartComponent.updateAll(this.history,this.modelToTrain.epochs);
+ this.linechartComponent.updateAll(this.history, this.modelToTrain.epochs);
}
});
@@ -103,6 +106,7 @@ export class ExperimentComponent implements AfterViewInit {
if (predictorId != null) {
this.predictorsService.getPredictor(predictorId!).subscribe((response) => {
let predictor = response;
+ this.predictor = predictor;
this.experimentsService.getExperimentById(predictor.experimentId).subscribe((response) => {
this.experiment = response;
this.datasetsService.getDatasetById(this.experiment.datasetId).subscribe((response: Dataset) => {
@@ -114,7 +118,7 @@ export class ExperimentComponent implements AfterViewInit {
let model = response;
this.folderModel.formModel.newModel = model;
this.step3 = true;
- let numOfEpochsArray = Array.from({length: model.epochs}, (_, i) => i + 1);
+ let numOfEpochsArray = Array.from({ length: model.epochs }, (_, i) => i + 1);
setTimeout(() => {
this.linechartComponent.update(numOfEpochsArray, predictor.metricsAcc, predictor.metricsLoss, predictor.metricsMae, predictor.metricsMse, predictor.metricsValAcc, predictor.metricsValLoss, predictor.metricsValMae, predictor.metricsValMse);
})