From 51913142e72fa9f61ff00fefc1fe6b1a541508ca Mon Sep 17 00:00:00 2001
From: Danijel Andjelkovic <adanijel99@gmail.com>
Date: Mon, 28 Mar 2022 04:31:46 +0200
Subject: Ispravio pozadinu tako da razmera ekrana ne utice na funkciju
 distance.

---
 .../reactive-background/reactive-background.component.ts       | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'frontend/src/app/_elements')

diff --git a/frontend/src/app/_elements/reactive-background/reactive-background.component.ts b/frontend/src/app/_elements/reactive-background/reactive-background.component.ts
index 95b61b1b..8294a8a5 100644
--- a/frontend/src/app/_elements/reactive-background/reactive-background.component.ts
+++ b/frontend/src/app/_elements/reactive-background/reactive-background.component.ts
@@ -7,18 +7,19 @@ import { Component, OnInit } from '@angular/core';
 })
 export class ReactiveBackgroundComponent implements OnInit {
 
-  numPoints: number = 400;
+  numPoints: number = 450;
   speed: number = 0.001; // 0-1
   rotateInterval: number = 1000;
   maxSize: number = 6;
 
-  minDistance: number = 0.1; //0-1
-  cursorDistance: number = 0.15;
+  minDistance: number = 0.07; //0-1
+  cursorDistance: number = 0.07;
 
   private points: Point[] = [];
 
   private width = 200;
   private height = 200;
+  private ratio = 1;
 
   private canvas?: HTMLCanvasElement;
   private ctx?: CanvasRenderingContext2D;
@@ -110,6 +111,7 @@ export class ReactiveBackgroundComponent implements OnInit {
   resize() {
     this.width = window.innerWidth;
     this.height = window.innerHeight;
+    this.ratio = this.width / this.height;
 
     if (this.canvas) {
       this.canvas.width = this.width;
@@ -149,7 +151,7 @@ export class ReactiveBackgroundComponent implements OnInit {
   }
 
   distance(x1: number, y1: number, x2: number, y2: number): number {
-    return Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));
+    return Math.sqrt(((x2 - x1) ** 2) + ((y2 / this.ratio - y1 / this.ratio) ** 2));
   }
 }
 
-- 
cgit v1.2.3


From b05ae78eba573ce6020dcb1b9afe72ef11f3365e Mon Sep 17 00:00:00 2001
From: TAMARA JERINIC <tamara.jerinic@gmail.com>
Date: Tue, 29 Mar 2022 00:03:49 +0200
Subject: Izmena komponente za iscrtavanje veštačke neuronske mreže.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/app/_elements/annvisual/annvisual.component.css  | 4 ++++
 frontend/src/app/_elements/annvisual/annvisual.component.html | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

(limited to 'frontend/src/app/_elements')

diff --git a/frontend/src/app/_elements/annvisual/annvisual.component.css b/frontend/src/app/_elements/annvisual/annvisual.component.css
index e69de29b..857a3390 100644
--- a/frontend/src/app/_elements/annvisual/annvisual.component.css
+++ b/frontend/src/app/_elements/annvisual/annvisual.component.css
@@ -0,0 +1,4 @@
+#graph{
+    width: 100%;
+    text-align: center;
+}
\ No newline at end of file
diff --git a/frontend/src/app/_elements/annvisual/annvisual.component.html b/frontend/src/app/_elements/annvisual/annvisual.component.html
index 6dd3b3ae..f23022de 100644
--- a/frontend/src/app/_elements/annvisual/annvisual.component.html
+++ b/frontend/src/app/_elements/annvisual/annvisual.component.html
@@ -1,5 +1,5 @@
 <div style="text-align: center; width: 100%;" >
-    <button (click)="d3()">Prikaz veštačke neuronske mreže</button>
-    <div id="graph"></div>
+    <button (click)="d3()" mat-raised-button color="primary">Prikaz veštačke neuronske mreže</button>
+    <div id="graph" align-items-center ></div>
   </div>
 
-- 
cgit v1.2.3