Dodao komponentu za prikaz dataseta sa tabelama. Promenio scrollbar i home stranicu. Zapoceo trening stranicu.

1 files changed, 49 insertions, 0 deletions

diff --git a/frontend/src/app/_elements/playlist/playlist.component.ts b/frontend/src/app/_elements/playlist/playlist.component.ts
new file mode 100644
index 00000000..74527b39
--- /dev/null
+++ b/frontend/src/app/_elements/playlist/playlist.component.ts
@@ -0,0 +1,49 @@
+import { Component, Input, OnInit } from '@angular/core';
+import Dataset from 'src/app/_data/Dataset';
+import { TableData } from 'src/app/_elements/datatable/datatable.component';
+import { CsvParseService } from 'src/app/_services/csv-parse.service';
+import { DatasetsService } from 'src/app/_services/datasets.service';
+
+@Component({
+  selector: 'app-playlist',
+  templateUrl: './playlist.component.html',
+  styleUrls: ['./playlist.component.css']
+})
+export class PlaylistComponent implements OnInit {
+
+  selectedId: string = "0";
+
+  @Input() datasets!: Dataset[];
+
+  tableDatas?: TableData[];
+
+  constructor(private datasetService: DatasetsService, private csv: CsvParseService) {
+
+  }
+
+  getIndex(str: string) {
+    return parseInt(str);
+  }
+
+  ngOnInit(): void {
+    this.tableDatas = [];
+
+    this.datasets.forEach((dataset, index) => {
+      if (index < 3) {
+        this.datasetService.getDatasetFile(dataset.fileId).subscribe((file: string | undefined) => {
+          if (file) {
+            const tableData = new TableData();
+            tableData.hasInput = true;
+            tableData.loaded = true;
+            tableData.numRows = dataset.rowCount;
+            tableData.numCols = dataset.columnInfo.length;
+            tableData.data = this.csv.csvToArray(file, (dataset.delimiter == "razmak") ? " " : (dataset.delimiter == "") ? "," : dataset.delimiter);
+            this.tableDatas!.push(tableData);
+          }
+        });
+      }
+    });
+
+    console.log(this.tableDatas);
+  }
+}