diff options
author | Danijel Anđelković <adanijel99@gmail.com> | 2022-04-27 02:18:18 +0200 |
---|---|---|
committer | Danijel Anđelković <adanijel99@gmail.com> | 2022-04-27 02:18:18 +0200 |
commit | 0d2ba69f53f8f916d3758d532bddf0ed1cc69bda (patch) | |
tree | 52b48f27ad3972df6d099724968f1fa83bba444f /frontend/src/app/_elements/form-dataset | |
parent | aa254b6c3075805b000d774a98421aecbcb975a8 (diff) |
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.
Diffstat (limited to 'frontend/src/app/_elements/form-dataset')
-rw-r--r-- | frontend/src/app/_elements/form-dataset/form-dataset.component.css | 38 | ||||
-rw-r--r-- | frontend/src/app/_elements/form-dataset/form-dataset.component.html | 81 |
2 files changed, 48 insertions, 71 deletions
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> |