From aee2cd43578a255f5a0e346ac8955f663a673cca Mon Sep 17 00:00:00 2001
From: TAMARA JERINIC <tamara.jerinic@gmail.com>
Date: Mon, 25 Apr 2022 00:56:45 +0200
Subject: Ažurirana komponenta form-model, dodata komponenta hidden-layer.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../hidden-layer/hidden-layer.component.css        |  5 +++
 .../hidden-layer/hidden-layer.component.html       | 40 ++++++++++++++++++++++
 .../hidden-layer/hidden-layer.component.spec.ts    | 25 ++++++++++++++
 .../hidden-layer/hidden-layer.component.ts         | 16 +++++++++
 4 files changed, 86 insertions(+)
 create mode 100644 frontend/src/app/_elements/hidden-layer/hidden-layer.component.css
 create mode 100644 frontend/src/app/_elements/hidden-layer/hidden-layer.component.html
 create mode 100644 frontend/src/app/_elements/hidden-layer/hidden-layer.component.spec.ts
 create mode 100644 frontend/src/app/_elements/hidden-layer/hidden-layer.component.ts

(limited to 'frontend/src/app/_elements/hidden-layer')

diff --git a/frontend/src/app/_elements/hidden-layer/hidden-layer.component.css b/frontend/src/app/_elements/hidden-layer/hidden-layer.component.css
new file mode 100644
index 00000000..c8db6056
--- /dev/null
+++ b/frontend/src/app/_elements/hidden-layer/hidden-layer.component.css
@@ -0,0 +1,5 @@
+.container{
+    max-width: 15rem;
+    border: 1px solid white;
+    border-radius: 5px;
+}
diff --git a/frontend/src/app/_elements/hidden-layer/hidden-layer.component.html b/frontend/src/app/_elements/hidden-layer/hidden-layer.component.html
new file mode 100644
index 00000000..65e0f626
--- /dev/null
+++ b/frontend/src/app/_elements/hidden-layer/hidden-layer.component.html
@@ -0,0 +1,40 @@
+<div class="container">
+    <mat-form-field appearance="fill">
+        <mat-label>Aktivaciona funkcija</mat-label>
+        <mat-select matNativeControl required [formControl]="selectFormControl">
+          <mat-option label="--select something --"></mat-option>
+          <mat-option value="saab">Relu</mat-option>
+          <mat-option value="mercedes">Sigmoid</mat-option>
+          <mat-option value="audi">Softmax</mat-option>
+        </mat-select>
+        <mat-error *ngIf="selectFormControl.hasError('required')">
+            Obavezno polje
+        </mat-error>
+      </mat-form-field>
+<br>
+      Broj čvorova: <input type="number" min="1" class="form-control" name="hiddenLayersNeurons">
+      <br>
+      <mat-form-field appearance="fill">
+        <mat-label>Regularizacija</mat-label>
+        <mat-select matNativeControl required [formControl]="selectFormControl">
+          <mat-option label="--select something --"></mat-option>
+          <mat-option value="l1">L1</mat-option>
+          <mat-option value="l2">L2</mat-option>
+        </mat-select>
+        <mat-error *ngIf="selectFormControl.hasError('required')">
+            Obavezno polje
+        </mat-error>
+      </mat-form-field>
+      <br>
+      <mat-form-field appearance="fill">
+        <mat-label>Stopa regularizacije</mat-label>
+        <mat-select matNativeControl required [formControl]="selectFormControl">
+          <mat-option value="saab">0.001</mat-option>
+          <mat-option value="mercedes">0.01</mat-option>
+          <mat-option value="audi">0.1</mat-option>
+        </mat-select>
+        <mat-error *ngIf="selectFormControl.hasError('required')">
+            Obavezno polje
+        </mat-error>
+      </mat-form-field>
+</div>
diff --git a/frontend/src/app/_elements/hidden-layer/hidden-layer.component.spec.ts b/frontend/src/app/_elements/hidden-layer/hidden-layer.component.spec.ts
new file mode 100644
index 00000000..103e4539
--- /dev/null
+++ b/frontend/src/app/_elements/hidden-layer/hidden-layer.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HiddenLayerComponent } from './hidden-layer.component';
+
+describe('HiddenLayerComponent', () => {
+  let component: HiddenLayerComponent;
+  let fixture: ComponentFixture<HiddenLayerComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ HiddenLayerComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(HiddenLayerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/frontend/src/app/_elements/hidden-layer/hidden-layer.component.ts b/frontend/src/app/_elements/hidden-layer/hidden-layer.component.ts
new file mode 100644
index 00000000..fa9a1114
--- /dev/null
+++ b/frontend/src/app/_elements/hidden-layer/hidden-layer.component.ts
@@ -0,0 +1,16 @@
+import { Component, OnInit } from '@angular/core';
+import { FormControl, Validators } from '@angular/forms';
+
+@Component({
+  selector: 'app-hidden-layer',
+  templateUrl: './hidden-layer.component.html',
+  styleUrls: ['./hidden-layer.component.css']
+})
+export class HiddenLayerComponent implements OnInit {
+  
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+  selectFormControl = new FormControl('', Validators.required);
+}
-- 
cgit v1.2.3