From bbe35009284d3fe260ea24e4d0c4feb727a7d413 Mon Sep 17 00:00:00 2001
From: BroodjeAap <david@broodjeaap.net>
Date: Sun, 18 Sep 2022 09:41:43 +0000
Subject: [PATCH] onresize

---
 static/diagram.js | 5 ++++-
 static/diagram.ts | 8 ++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/static/diagram.js b/static/diagram.js
index fd00a96..753e675 100644
--- a/static/diagram.js
+++ b/static/diagram.js
@@ -61,7 +61,7 @@ var DiagramNode = /** @class */ (function () {
 }());
 var _diagram;
 function diargramOnResize() {
-    _diagram.fillParent();
+    _diagram.onresize();
 }
 function diagramOnMouseDown(ev) {
     _diagram.onmousedown(ev);
@@ -331,6 +331,9 @@ var Diagrams = /** @class */ (function () {
     Diagrams.prototype.removeConnection = function (A, B) {
         this.connections.splice(this.connections.indexOf([A, B]), 1);
     };
+    Diagrams.prototype.onresize = function () {
+        this.fillParent();
+    };
     Diagrams.prototype.fillParent = function () {
         this.canvas.width = this.canvas.clientWidth;
         this.canvas.height = this.canvas.clientHeight;
diff --git a/static/diagram.ts b/static/diagram.ts
index e0806c2..0b2aa9e 100644
--- a/static/diagram.ts
+++ b/static/diagram.ts
@@ -85,7 +85,7 @@ class DiagramNode {
 
 let _diagram: Diagrams;
 function diargramOnResize(){
-    _diagram.fillParent();
+    _diagram.onresize();
 }
 function diagramOnMouseDown(ev: MouseEvent){
     _diagram.onmousedown(ev);
@@ -396,7 +396,11 @@ class Diagrams {
     removeConnection(A: DiagramNode, B: DiagramNode){
         this.connections.splice(this.connections.indexOf([A, B]), 1);
     }
-    
+
+    onresize(){
+        this.fillParent();
+    }
+
     fillParent(){
         this.canvas.width = this.canvas.clientWidth;
         this.canvas.height = this.canvas.clientHeight;