diff options
Diffstat (limited to 'frontend/src/app/_pages')
3 files changed, 18 insertions, 6 deletions
diff --git a/frontend/src/app/_pages/experiment/experiment.component.css b/frontend/src/app/_pages/experiment/experiment.component.css index 2fde8e7f..aca0562a 100644 --- a/frontend/src/app/_pages/experiment/experiment.component.css +++ b/frontend/src/app/_pages/experiment/experiment.component.css @@ -46,4 +46,10 @@ mat-stepper { flex-direction: row; justify-content: center; align-items: center; +} + +.step-content-inside { + width: 90%; + height: 90%; + overflow-y: auto; }
\ No newline at end of file diff --git a/frontend/src/app/_pages/experiment/experiment.component.html b/frontend/src/app/_pages/experiment/experiment.component.html index 6200270c..1606adf5 100644 --- a/frontend/src/app/_pages/experiment/experiment.component.html +++ b/frontend/src/app/_pages/experiment/experiment.component.html @@ -22,16 +22,19 @@ </div> <div #stepsContainer class="steps-container"> <div #steps id="step_1" class="step-content"> - <app-folder (okPressed)="goToPage(1)"></app-folder> + <div class="step-content-inside"> + <app-folder [type]="FolderType.Dataset" (okPressed)="goToPage(1)"></app-folder> + </div> </div> <div #steps id="step_2" class="step-content"> - <div class="mx-3" style="overflow-x: auto;"> - <app-column-table></app-column-table> - </div> + <div class="step-content-inside"> + <app-column-table></app-column-table> + </div> </div> <div #steps id="step_3" class="step-content"> - - <app-form-model></app-form-model> + <div class="step-content-inside"> + <app-folder [type]="FolderType.Model" (okPressed)="goToPage(0)"></app-folder> + </div> </div> </div> </div>
\ No newline at end of file diff --git a/frontend/src/app/_pages/experiment/experiment.component.ts b/frontend/src/app/_pages/experiment/experiment.component.ts index ad0f1df2..d80ba70f 100644 --- a/frontend/src/app/_pages/experiment/experiment.component.ts +++ b/frontend/src/app/_pages/experiment/experiment.component.ts @@ -2,6 +2,7 @@ import { AfterViewInit, Component, ElementRef, ViewChild, ViewChildren } from '@ import { StepperSelectionEvent } from '@angular/cdk/stepper'; import { MatStepper } from '@angular/material/stepper'; import Shared from 'src/app/Shared'; +import { FolderType } from 'src/app/_data/FolderFile'; @Component({ selector: 'app-experiment', @@ -86,4 +87,6 @@ export class ExperimentComponent implements AfterViewInit { scrolling: boolean = false; + FolderType = FolderType; + } |