1 files changed, 42 insertions, 0 deletions
diff --git a/frontend/src/app/_elements/dataset-load/dataset-load.component.html b/frontend/src/app/_elements/dataset-load/dataset-load.component.html
new file mode 100644
index 00000000..c89add43
--- /dev/null
+++ b/frontend/src/app/_elements/dataset-load/dataset-load.component.html
@@ -0,0 +1,42 @@
+<div>
+
+  <input style="display: inline-block; width:350px;" list=delimiterOptions
+    placeholder="Izaberite ili ukucajte delimiter za .csv fajl" class="form-control" [(ngModel)]="delimiter"
+    (input)="update()">
+  <datalist id=delimiterOptions>
+    <option *ngFor="let option of delimiterOptions">{{option}}</option>
+  </datalist>
+  &nbsp;&nbsp;&nbsp;&nbsp;
+  <label for="checkboxHeader">Da li .csv ima header?</label> &nbsp;
+  <input (input)="update()" [(ngModel)]="hasHeader" type="checkbox" value="" id="checkboxHeader" checked>
+  <br><br>
+
+  <input id="fileInput" class="form-control mb-5" type="file" class="upload" (change)="changeListener($event)" accept=".csv">
+
+  <table *ngIf="csvRecords.length > 0 && hasHeader" class="table table-bordered table-light mt-5">
+    <thead>
+      <tr>
+        <th *ngFor="let item of csvRecords[0]; let i = index">{{item}}</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr *ngFor="let row of csvRecords | slice:1:11">
+        <td *ngFor="let col of row">{{col}}</td>
+      </tr>
+    </tbody>
+  </table>
+
+  <table *ngIf="csvRecords.length > 0 && !hasHeader" class="table table-bordered table-light mt-5">
+    <tbody>
+      <tr *ngFor="let row of csvRecords | slice:0:10">
+        <td *ngFor="let col of row">{{col}}</td>
+      </tr>
+    </tbody>
+  </table>
+
+  <div *ngIf="csvRecords.length > 0" id="info">
+    . . . <br>
+    {{rowsNumber}} x {{colsNumber}}
+  </div>
+
+</div>
+\ No newline at end of file