From 923188daa0c90a07c57ecdc6957fcb569b5aa73a Mon Sep 17 00:00:00 2001
From: Sonja Galovic <galovicsonja@gmail.com>
Date: Tue, 19 Apr 2022 21:56:04 +0200
Subject: Dodavanje novog dataseta: dataset selektovan cim se doda, delimiter
 input promenjen. Yes/no dijalog kad se eskperiment doda za odlazak na
 treniranje. Resen error kod selektovanja tipa problema.

---
 .../add-new-dataset/add-new-dataset.component.html | 50 ++++++++++++----------
 1 file changed, 28 insertions(+), 22 deletions(-)

(limited to 'frontend/src/app/_elements/add-new-dataset/add-new-dataset.component.html')

diff --git a/frontend/src/app/_elements/add-new-dataset/add-new-dataset.component.html b/frontend/src/app/_elements/add-new-dataset/add-new-dataset.component.html
index bff8b022..e5d4cd23 100644
--- a/frontend/src/app/_elements/add-new-dataset/add-new-dataset.component.html
+++ b/frontend/src/app/_elements/add-new-dataset/add-new-dataset.component.html
@@ -2,48 +2,54 @@
     <div class="col-2">
     </div>
     <div class="col-3">
-      <label for="name" class="col-form-label">Naziv dataseta:</label>
-      <input type="text" class="form-control mb-1" name="name" placeholder="Naziv..." [(ngModel)]="dataset.name">
+        <label for="name" class="col-form-label">Naziv dataseta:</label>
+        <input type="text" class="form-control mb-1" name="name" placeholder="Naziv..." [(ngModel)]="dataset.name">
 
-      <label for="desc" class="col-sm-2 col-form-label">Opis:</label>
-      <div>
-        <textarea class="form-control" name="desc" rows="3" [(ngModel)]="dataset.description"></textarea>
-      </div>
+        <label for="desc" class="col-sm-2 col-form-label">Opis:</label>
+        <div>
+            <textarea class="form-control" name="desc" rows="3" [(ngModel)]="dataset.description"></textarea>
+        </div>
 
-      <label for="checkboxIsPublic" class="form-check-label mt-3 mb-1">Želite li da dataset bude javan?
+        <label for="checkboxIsPublic" class="form-check-label mt-3 mb-1">Želite li da dataset bude javan?
         <input class="mx-3 form-check-input" type="checkbox" [(ngModel)]="dataset.isPublic" (change)="checkAccessible()" type="checkbox"
           value="" id="checkboxIsPublic">
-      </label>    
-      
-      <label for="checkboxAccessibleByLink" class="form-check-label">Želite li da bude deljiv linkom? &nbsp;
+        </label>
+
+        <label for="checkboxAccessibleByLink" class="form-check-label">Želite li da bude deljiv linkom? &nbsp;
         <input class="mx-3 form-check-input" type="checkbox" [(ngModel)]="dataset.accessibleByLink" type="checkbox"
           value="" id="checkboxAccessibleByLink">
       </label>
     </div>
     <div class="col-1">
     </div>
-    <div class="col-4 mt-4">
+    <div class="col-3 mt-4">
 
-      <input list="delimiterOptions" placeholder="Izaberite ili ukucajte delimiter za .csv fajl" class="form-control mt-2"
-        [(ngModel)]="dataset.delimiter" (input)="update()">
-      <datalist id="delimiterOptions">
+        <label for="type" class="col-form-label">Izaberite delimiter za .csv fajl</label>
+        <select id="delimiterOptions" class="form-select" name="type" [(ngModel)]="dataset.delimiter" (change)="update()">
+            <option
+                *ngFor="let option of delimiterOptions">
+                {{ option }}
+            </option>
+        </select>
+        <!--
+        <input list="delimiterOptions" placeholder="Izaberite ili ukucajte delimiter za .csv fajl" class="form-control mt-2" [(ngModel)]="dataset.delimiter" (input)="update()">
+        <datalist id="delimiterOptions">
         <option *ngFor="let option of delimiterOptions">{{option}}</option>
       </datalist>
-
-      <label for="type" class="form-check-label my-5">Da li .csv ima header?
+-->
+        <label for="type" class="form-check-label my-5">Da li .csv ima header?
         <input class="mx-3 form-check-input" type="checkbox" (input)="update()" [(ngModel)]="dataset.hasHeader" type="checkbox"
           value="" id="checkboxHeader" checked>
       </label>
-      <br>
-      <input id="fileInput" class="form-control" type="file" class="upload" (change)="changeListener($event)"
-        accept=".csv">
+        <br>
+        <input id="fileInput" class="form-control btn-lg" type="file" class="upload" (change)="changeListener($event)" accept=".csv">
     </div>
 </div>
 
 <div class="px-5 mt-5">
-  <app-datatable [tableData]="tableData"></app-datatable>
+    <app-datatable [tableData]="tableData"></app-datatable>
 </div>
 
 <div class="d-flex flex-row align-items-center justify-content-center w-100 my-2">
-  <button (click)="uploadDataset()" class="btn btn-lg col-4" style="background-color:#003459; color:white;">Dodaj izvor podataka</button>
-</div>
+    <button (click)="uploadDataset()" class="btn btn-lg col-4" style="background-color:#003459; color:white;">Dodaj izvor podataka</button>
+</div>
\ No newline at end of file
-- 
cgit v1.2.3