From 0d2ba69f53f8f916d3758d532bddf0ed1cc69bda Mon Sep 17 00:00:00 2001
From: Danijel Anđelković <adanijel99@gmail.com>
Date: Wed, 27 Apr 2022 02:18:18 +0200
Subject: Ispravio graph da radi sa razlicitim brojem neurona za svaki sloj,
 uskladio sve korake na experiment strani, promenio stil navbara, dodao bottom
 dugmice u folder. Dodao responzivnost na nekim komponentama.

---
 .../form-dataset/form-dataset.component.css        | 38 +++++-----
 .../form-dataset/form-dataset.component.html       | 81 +++++++++-------------
 2 files changed, 48 insertions(+), 71 deletions(-)

(limited to 'frontend/src/app/_elements/form-dataset')

diff --git a/frontend/src/app/_elements/form-dataset/form-dataset.component.css b/frontend/src/app/_elements/form-dataset/form-dataset.component.css
index 1a5bd03d..6b3e2bed 100644
--- a/frontend/src/app/_elements/form-dataset/form-dataset.component.css
+++ b/frontend/src/app/_elements/form-dataset/form-dataset.component.css
@@ -1,28 +1,24 @@
+.folderBox {
+    width: 100%;
+    height: 100%;
+    position: relative;
+}
 
-
- .folderBox
- {
-     width: 100%;
-     height: 93%;
-     position: relative;
- }
-
- .icon-display {
+.icon-display {
     position: absolute;
-    transform: scale(4);
-    vertical-align: middle;
-    top: 40%;
+    top: 50%;
     left: 50%;
- }
- .bottomBar
- {
-     position: absolute;
-     bottom: 0%;
-     left: 5%;
- }
+    transform: translate(-50%, -50%) scale(4);
+}
+
+.bottomBar {
+    position: absolute;
+    bottom: 0%;
+    left: 5%;
+}
 
- #bottomButton{
+#bottomButton {
     background-color: var(--ns-bg-dark-100);
     width: 10%;
     height: 65%;
- }
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/frontend/src/app/_elements/form-dataset/form-dataset.component.html b/frontend/src/app/_elements/form-dataset/form-dataset.component.html
index 615e3afe..50a33583 100644
--- a/frontend/src/app/_elements/form-dataset/form-dataset.component.html
+++ b/frontend/src/app/_elements/form-dataset/form-dataset.component.html
@@ -1,8 +1,6 @@
 <div class="folderBox">
-        
-    <div >
-        <mat-icon class="icon-display">upload</mat-icon>
-    </div>
+
+    <mat-icon class="icon-display">upload</mat-icon>
     <!--
 
     <div class="px-5 mt-5">
@@ -10,64 +8,47 @@
     </div>
     -->
 
-    
     <div class="bottomBar">
         <div class="row">
-          <div class="col-sm">
-            <div  role="group">
-                <div class="row">
-                    <mat-form-field class="example-full-width" appearance="fill">
-                      <mat-label>Naziv</mat-label>
-                      <input type="text" matInput value="titanik.csv"  ><!--[formControl]="nameFormControl"-->
-                      
-                      <mat-error *ngIf="nameFormControl.hasError('required')">
-                        Naziv je <strong>obavezan</strong>
-                      </mat-error>
-                    </mat-form-field>
-                  </div>
+            <div class="col-sm">
+                <div role="group">
+                    <div class="row">
+                        <mat-form-field class="example-full-width" appearance="fill">
+                            <mat-label>Naziv</mat-label>
+                            <input type="text" matInput value="titanik.csv">
+                            <!--[formControl]="nameFormControl"-->
+
+                            <mat-error *ngIf="nameFormControl.hasError('required')">
+                                Naziv je <strong>obavezan</strong>
+                            </mat-error>
+                        </mat-form-field>
+                    </div>
+                </div>
             </div>
-          </div>
-          <div class="col-sm mb-3">
-            
-            <input id="fileInput" class="form-control btn-lg" type="file" class="upload" (change)="changeListener($event)" accept=".csv">
-        
-          </div>
-          <div class="col-sm">
-              
-            <mat-form-field appearance="fill">
-                <mat-select id="delimiterOptions" [(ngModel)]="dataset.delimiter" (change)="update()">
-                    <mat-option *ngFor="let option of delimiterOptions">
-                        {{ option }}
-                    </mat-option>
-                </mat-select>
-            </mat-form-field>
-          </div>
-          
-          <div class="col-sm">
+            <div class="col-sm mb-3">
 
-            <input type="checkbox" class="btn-check" id="checkboxAccessibleByLink" 
-                 [(ngModel)]="dataset.accessibleByLink" value="">
-            <label class="btn btn-outline-primary" for="checkboxAccessibleByLink">
-                <mat-icon>link</mat-icon>
-            </label>
+                <input id="fileInput" class="form-control btn-lg" type="file" class="upload" (change)="changeListener($event)" accept=".csv">
 
-          </div>
-          <div class="col-sm">
-            <button mat-button id="bottomButton">
-                <mat-icon>zoom_in</mat-icon>
-            </button>
-        </div>
+            </div>
+            <div class="col-sm">
+
+                <mat-form-field appearance="fill">
+                    <mat-select id="delimiterOptions" [(ngModel)]="dataset.delimiter" (change)="update()">
+                        <mat-option *ngFor="let option of delimiterOptions">
+                            {{ option }}
+                        </mat-option>
+                    </mat-select>
+                </mat-form-field>
+            </div>
         </div>
-      </div>
+    </div>
 
     <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
-        
-    
 
     </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>
-- 
cgit v1.2.3