added existing watchareas to canvas

static/js/stream.js

@@ -76,6 +76,7 @@ function draw(){
     ctx.clearRect(0, 0, canvas.width, canvas.height);
     drawImage();
     watchArea.draw(ctx);
+    watchAreas.forEach(watchArea => watchArea.draw(ctx));
 }
 
 function drawImage(){

templates/stream.html

@@ -64,4 +64,15 @@
     </tr>
 </template>
 
+<script>
+    {{range $watchArea := .WatchAreas}}
+        watchAreas.push(new WatchArea(
+            '{{ $watchArea.Name }}',
+            {{ $watchArea.Area.Min.X }}, {{ $watchArea.Area.Min.Y }},
+            {{ $watchArea.Area.Max.X }}, {{ $watchArea.Area.Max.Y }},
+            {{ $watchArea.Color.R }}, {{ $watchArea.Color.G }}, {{ $watchArea.Color.B }}
+        ));
+    {{end}}    
+</script>
+
 {{end}}