From 46502957863f8366232b63738f40fd4df4e995fa Mon Sep 17 00:00:00 2001 From: Ivan Ljubisavljevic Date: Sat, 30 Apr 2022 00:27:12 +0200 Subject: Upload dataseta #129 --- .../src/app/_elements/folder/folder.component.html | 2 +- .../src/app/_elements/folder/folder.component.ts | 38 +++++++++++++++------- 2 files changed, 28 insertions(+), 12 deletions(-) (limited to 'frontend/src/app/_elements/folder') diff --git a/frontend/src/app/_elements/folder/folder.component.html b/frontend/src/app/_elements/folder/folder.component.html index b4e90e56..d1e36ce0 100644 --- a/frontend/src/app/_elements/folder/folder.component.html +++ b/frontend/src/app/_elements/folder/folder.component.html @@ -60,7 +60,7 @@ - +
diff --git a/frontend/src/app/_elements/folder/folder.component.ts b/frontend/src/app/_elements/folder/folder.component.ts index 23a982fb..80633300 100644 --- a/frontend/src/app/_elements/folder/folder.component.ts +++ b/frontend/src/app/_elements/folder/folder.component.ts @@ -1,8 +1,12 @@ -import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core'; +import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core'; import Dataset from 'src/app/_data/Dataset'; import { FolderFile, FolderType } from 'src/app/_data/FolderFile'; import Model from 'src/app/_data/Model'; import { DatasetsService } from 'src/app/_services/datasets.service'; +import shared from 'src/app/Shared'; +import { ModelsService } from 'src/app/_services/models.service'; +import { FormDatasetComponent } from '../form-dataset/form-dataset.component'; + @Component({ selector: 'app-folder', @@ -11,6 +15,8 @@ import { DatasetsService } from 'src/app/_services/datasets.service'; }) export class FolderComponent implements OnInit { + @ViewChild(FormDatasetComponent) formDataset?: FormDatasetComponent; + @Input() folderName: string = 'Moji podaci'; @Input() files!: FolderFile[] @@ -34,18 +40,11 @@ export class FolderComponent implements OnInit { myDatasets : Dataset[] = []; - constructor(private datasets: DatasetsService) { + constructor(private datasets: DatasetsService, private modelsService: ModelsService) { //PLACEHOLDER - this.datasets.getMyDatasets().subscribe((datasets) => { - this.myDatasets = datasets; - }); - - this.files = this.myDatasets; + this.refreshFiles(); - - this.filteredFiles.length = 0; - this.filteredFiles.push(...this.files); } ngOnInit(): void { @@ -56,6 +55,11 @@ export class FolderComponent implements OnInit { } } + displayFile(){ + if(this.type == FolderType.Dataset) + this.formDataset!.dataset = this.fileToDisplay; + } + hoverOverFile(i: number) { this.hoveringOverFileIndex = i; if (i != -1) { @@ -67,6 +71,7 @@ export class FolderComponent implements OnInit { this.fileToDisplay = this.files[this.selectedFileIndex]; } } + this.displayFile(); } selectNewFile() { @@ -79,6 +84,7 @@ export class FolderComponent implements OnInit { this.newFileSelected = true; this.listView = false; this.selectedFileChanged.emit(this.newFile); + this.displayFile(); } selectFile(index: number) { @@ -88,6 +94,7 @@ export class FolderComponent implements OnInit { this.newFileSelected = false; this.listView = false; this.selectedFileChanged.emit(this.selectedFile); + this.displayFile(); } createNewFile() { @@ -102,8 +109,17 @@ export class FolderComponent implements OnInit { this.okPressed.emit(); } + refreshFiles(){ + this.datasets.getMyDatasets().subscribe((datasets) => { + this.myDatasets = datasets; + this.files = this.myDatasets; + this.searchTermsChanged(); + }); + } + saveNewFile() { - // TODO + if(this.type == FolderType.Dataset) + this.formDataset!.uploadDataset(); } calcZIndex(i: number) { -- cgit v1.2.3