From ad3d99a96d240dbc6c3d3a725fb1ba177a4cb427 Mon Sep 17 00:00:00 2001 From: Danijel Anđelković Date: Wed, 27 Apr 2022 22:14:13 +0200 Subject: Dodao tabove za razlicite tabele u column-table komponenti. --- frontend/src/app/_elements/form-model/form-model.component.html | 2 -- 1 file changed, 2 deletions(-) (limited to 'frontend/src/app/_elements/form-model/form-model.component.html') diff --git a/frontend/src/app/_elements/form-model/form-model.component.html b/frontend/src/app/_elements/form-model/form-model.component.html index 396d40c6..4c5505f0 100644 --- a/frontend/src/app/_elements/form-model/form-model.component.html +++ b/frontend/src/app/_elements/form-model/form-model.component.html @@ -15,7 +15,6 @@ {{ optionName }} - @@ -104,7 +103,6 @@ -
-- cgit v1.2.3 From 96eae581ca377a940f39d1908a4b5661ccb7c223 Mon Sep 17 00:00:00 2001 From: TAMARA JERINIC Date: Wed, 27 Apr 2022 23:57:53 +0200 Subject: Dodata opcija da se istovremeno podešavaju parametri svih skrivenih slojeva. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../_elements/form-model/form-model.component.css | 13 +++--- .../_elements/form-model/form-model.component.html | 54 +++++++++++++++++++++- .../_elements/form-model/form-model.component.ts | 39 +++++++++++++++- 3 files changed, 96 insertions(+), 10 deletions(-) (limited to 'frontend/src/app/_elements/form-model/form-model.component.html') diff --git a/frontend/src/app/_elements/form-model/form-model.component.css b/frontend/src/app/_elements/form-model/form-model.component.css index b69b2dbb..5776085f 100644 --- a/frontend/src/app/_elements/form-model/form-model.component.css +++ b/frontend/src/app/_elements/form-model/form-model.component.css @@ -21,7 +21,7 @@ mat-form-field { hr { color: var(--offwhite) !important; margin-bottom: 30px; - ; + } .neuron { @@ -33,12 +33,10 @@ hr { background-color: var(--ns-bg-dark-100) !important; min-width: none; max-width: 12.5rem; -} -col-1 { - text-align: center; } + .row { margin: 0; padding: 0; @@ -70,11 +68,14 @@ col-1 { border: 1px solid var(--ns-primary); border-radius: 4px; margin: 5px; - padding: 3px; + padding: 0px; width: 12rem; - height: 13rem; + height: 13.5rem; } .layer>mat-form-field { margin-left: 0; +} +.m-2{ + max-height: 20 rem; } \ No newline at end of file diff --git a/frontend/src/app/_elements/form-model/form-model.component.html b/frontend/src/app/_elements/form-model/form-model.component.html index 4c5505f0..2a8d79a8 100644 --- a/frontend/src/app/_elements/form-model/form-model.component.html +++ b/frontend/src/app/_elements/form-model/form-model.component.html @@ -92,7 +92,10 @@
-
+
+
+ +
Broj Skrivenih Slojeva
+ +
+
+
+ + Aktivaciona funkcija svih slojeva + + + + {{ optionName }} + + +
+ +
+ + Broj Neurona svih slojeva + + +
+
+
+ + Regularizacija svih slojeva + + + {{ optionName }} + + + +
+ +
+ + Stopa regularizacije svih slojeva + + + {{ optionName }} + + + +
+ +
+ + +
@@ -124,7 +174,7 @@ -
{{newModel.layers[i].neurons}}
+
{{newModel.layers[i].neurons}}
diff --git a/frontend/src/app/_elements/form-model/form-model.component.ts b/frontend/src/app/_elements/form-model/form-model.component.ts index c29fd0bb..062c380e 100644 --- a/frontend/src/app/_elements/form-model/form-model.component.ts +++ b/frontend/src/app/_elements/form-model/form-model.component.ts @@ -4,8 +4,7 @@ import Shared from 'src/app/Shared'; import Experiment from 'src/app/_data/Experiment'; import Model, { Layer, ActivationFunction, LossFunction, LearningRate, LossFunctionBinaryClassification, LossFunctionMultiClassification, LossFunctionRegression, Metrics, MetricsBinaryClassification, MetricsMultiClassification, MetricsRegression, NullValueOptions, Optimizer, ProblemType, Regularisation, RegularisationRate, BatchSize } from 'src/app/_data/Model'; import { GraphComponent } from '../graph/graph.component'; -import { FormGroupDirective, NgForm } from '@angular/forms'; -import { ErrorStateMatcher } from '@angular/material/core'; + @Component({ selector: 'app-form-model', @@ -104,4 +103,40 @@ export class FormModelComponent implements AfterViewInit { this.updateGraph(); } } + selectedActivation: ActivationFunction = ActivationFunction.Sigmoid; + selectedRegularisationRate: RegularisationRate = RegularisationRate.RR1; + selectedRegularisation: Regularisation = Regularisation.L1; + selectedNumberOfNeurons:number=1; + + changeAllActivation(){ + for(let i=0;i Date: Thu, 28 Apr 2022 01:22:42 +0200 Subject: Ispravio BUG sa stilom search bar-a u folderu. Smanjio visinu slojeva u form-model. Ispravio material temu. --- .../src/app/_elements/folder/folder.component.css | 4 ++ .../_elements/form-model/form-model.component.html | 11 ++++-- frontend/src/custom-theme.scss | 46 +++++++++++----------- frontend/src/styles/layout.css | 9 +++++ 4 files changed, 43 insertions(+), 27 deletions(-) (limited to 'frontend/src/app/_elements/form-model/form-model.component.html') diff --git a/frontend/src/app/_elements/folder/folder.component.css b/frontend/src/app/_elements/folder/folder.component.css index 458e6b4f..1ce4e6a3 100644 --- a/frontend/src/app/_elements/folder/folder.component.css +++ b/frontend/src/app/_elements/folder/folder.component.css @@ -64,6 +64,10 @@ background-color: var(--ns-primary); } +#search ::ng-deep .mat-form-field-wrapper { + margin-top: -2.1rem; +} + #searchbar { height: 2.5rem; background-color: var(--ns-bg-dark-100); diff --git a/frontend/src/app/_elements/form-model/form-model.component.html b/frontend/src/app/_elements/form-model/form-model.component.html index 2a8d79a8..33ec85de 100644 --- a/frontend/src/app/_elements/form-model/form-model.component.html +++ b/frontend/src/app/_elements/form-model/form-model.component.html @@ -156,12 +156,15 @@
-
- #{{i+1}} -
+ - Aktivaciona funkcija + Aktivacija + {{ optionName }} diff --git a/frontend/src/custom-theme.scss b/frontend/src/custom-theme.scss index 8f716240..e8626080 100644 --- a/frontend/src/custom-theme.scss +++ b/frontend/src/custom-theme.scss @@ -1,7 +1,7 @@ /** * Generated theme by Material Theme Generator * https://materialtheme.arcsine.dev -* Fork at: https://materialtheme.arcsine.dev/?c=YHBhbGV0dGU$YHByaW1hcnk$YF48IzAwNjNhYiIsIj9lcjwjYjNkMGU2IiwiO2VyPCMwMDQ3OTF$LCIlPmBePCMwMGE4ZTgiLCI~ZXI8I2IzZTVmOCIsIjtlcjwjMDA4ZGRlfiwid2Fybj5gXjwjZjliN2I3IiwiP2VyPCNmZGU5ZTkiLCI7ZXI8I2Y2OWY5Zn4sIj9UZXh0PCMwMDQxNjUiLCI~PTwjZGZkN2Q3IiwiO1RleHQ8I2RmZDdkNyIsIjs9PCMwMDQxNjV$LCJmb250cz5bYEA8KC00fixgQDwoLTN$LGBAPCgtMn4sYEA8KC0xfixgQDxoZWFkbGluZX4sYEA8dGl0bGV$LGBAPHN1YiktMn4sYEA8c3ViKS0xfixgQDxib2R5LTJ$LGBAPGJvZHktMX4sYEA8YnV0dG9ufixgQDxjYXB0aW9ufixgQDxpbnB1dCIsInNpemU$bnVsbH1dLCJpY29uczxGaWxsZWQiLCI~bmVzcz5mYWxzZSwidmVyc2lvbj4xM30= +* Fork at: https://materialtheme.arcsine.dev/?c=YHBhbGV0dGU$YHByaW1hcnk$YF48IzAwYThlOCIsIj9lcjwjYjNlNWY4IiwiO2VyPCMwMDhkZGV$LCIlPmBePCMwMDYzYWIiLCI~ZXI8I2IzZDBlNiIsIjtlcjwjMDA0Nzkxfiwid2Fybj5gXjwjZjliN2I3IiwiP2VyPCNmZGU5ZTkiLCI7ZXI8I2Y2OWY5Zn4sIj9UZXh0PCNkZmQ3ZDciLCI~PTwjMDAzNDU5IiwiO1RleHQ8I2RmZDdkNyIsIjs9PCMwMDM0NTl$LCJmb250cz5bYEA8KC00fixgQDwoLTN$LGBAPCgtMn4sYEA8KC0xfixgQDxoZWFkbGluZX4sYEA8dGl0bGV$LGBAPHN1YiktMn4sYEA8c3ViKS0xfixgQDxib2R5LTJ$LGBAPGJvZHktMX4sYEA8YnV0dG9ufixgQDxjYXB0aW9ufixgQDxpbnB1dCIsInNpemU$bnVsbH1dLCJpY29uczxGaWxsZWQiLCI~bmVzcz5mYWxzZSwidmVyc2lvbj4xM30= */ @use '@angular/material' as mat; @@ -25,7 +25,7 @@ caption: mat.define-typography-level(12px, 20px, 400, 'Roboto', 0.0333em), input: mat.define-typography-level(inherit, 1.125, 400, 'Roboto', 1.5px)); // Foreground Elements // Light Theme Text -$dark-text: #004165; +$dark-text: #dfd7d7; $dark-primary-text: rgba($dark-text, 0.87); $dark-accent-text: rgba($dark-primary-text, @@ -83,7 +83,7 @@ slider-off-active: rgba($light-text, 0.3), ); // Background config // Light bg -$light-background : #dfd7d7; +$light-background : #003459; $light-bg-darker-5 : darken($light-background, 5%); $light-bg-darker-10 : darken($light-background, @@ -94,11 +94,11 @@ $light-bg-darker-30 : darken($light-background, 30%); $light-bg-lighter-5 : lighten($light-background, 5%); -$dark-bg-tooltip : lighten(#004165, +$dark-bg-tooltip : lighten(#003459, 20%); -$dark-bg-alpha-4 : rgba(#004165, +$dark-bg-alpha-4 : rgba(#003459, 0.04); -$dark-bg-alpha-12 : rgba(#004165, +$dark-bg-alpha-12 : rgba(#003459, 0.12); $mat-light-theme-background: ( background : $light-background, status-bar : $light-bg-darker-20, @@ -117,7 +117,7 @@ unselected-chip : $light-bg-darker-10, disabled-list-option : $light-bg-darker-10, ); // Dark bg -$dark-background : #004165; +$dark-background : #003459; $dark-bg-lighter-5 : lighten($dark-background, 5%); $dark-bg-lighter-10 : lighten($dark-background, @@ -126,9 +126,9 @@ $dark-bg-lighter-20 : lighten($dark-background, 20%); $dark-bg-lighter-30 : lighten($dark-background, 30%); -$light-bg-alpha-4 : rgba(#dfd7d7, +$light-bg-alpha-4 : rgba(#003459, 0.04); -$light-bg-alpha-12 : rgba(#dfd7d7, +$light-bg-alpha-12 : rgba(#003459, 0.12); // Background palette for dark themes. $mat-dark-theme-background: ( background : $dark-background, @@ -151,36 +151,36 @@ disabled-list-option : $dark-bg-lighter-10, @include mat.core($fontConfig); // Theme Config body { - --primary-color: #0063ab; - --primary-lighter-color: #b3d0e6; - --primary-darker-color: #004791; + --primary-color: #00a8e8; + --primary-lighter-color: #b3e5f8; + --primary-darker-color: #008dde; --text-primary-color: #{$light-primary-text}; --text-primary-lighter-color: #{$dark-primary-text}; --text-primary-darker-color: #{$light-primary-text}; } -$mat-primary: ( main: #0063ab, -lighter: #b3d0e6, -darker: #004791, -200: #0063ab, // For slide toggle, +$mat-primary: ( main: #00a8e8, +lighter: #b3e5f8, +darker: #008dde, +200: #00a8e8, // For slide toggle, contrast: ( main: $light-primary-text, lighter: $dark-primary-text, darker: $light-primary-text, )); $theme-primary: mat.define-palette($mat-primary, main, lighter, darker); body { - --accent-color: #00a8e8; - --accent-lighter-color: #b3e5f8; - --accent-darker-color: #008dde; + --accent-color: #0063ab; + --accent-lighter-color: #b3d0e6; + --accent-darker-color: #004791; --text-accent-color: #{$light-primary-text}; --text-accent-lighter-color: #{$dark-primary-text}; --text-accent-darker-color: #{$light-primary-text}; } -$mat-accent: ( main: #00a8e8, -lighter: #b3e5f8, -darker: #008dde, -200: #00a8e8, // For slide toggle, +$mat-accent: ( main: #0063ab, +lighter: #b3d0e6, +darker: #004791, +200: #0063ab, // For slide toggle, contrast: ( main: $light-primary-text, lighter: $dark-primary-text, darker: $light-primary-text, )); $theme-accent: mat.define-palette($mat-accent, main, diff --git a/frontend/src/styles/layout.css b/frontend/src/styles/layout.css index 9dd146b2..676bec32 100644 --- a/frontend/src/styles/layout.css +++ b/frontend/src/styles/layout.css @@ -49,4 +49,13 @@ body { .break-2 { display: none; } +} + +.center-center { + text-align: center; + margin-right: 10px; + padding-right: 10px; + padding-bottom: 15px; + font-size: 20px; + font-weight: 600; } \ No newline at end of file -- cgit v1.2.3