Performance Optimizations and Viewport Feature (#135)

* bind viewport to graph

* bind viewport to graph bounds && comments

* first LOD optimizations

* minimap optimizations

* quickfix simple_draw after invisible check

* added connector LOD

* first mousehandler optimizations (only highlight when close)

* mousehandler highlighting optimization (only redraw on change)

* arrowhead LOD

* fixed connectors rendered when invisible

* fixed edges rendered even if not visible

* added loading animation for relayout tasks

* added missing loading animation for settings change

* fixed mousehandler highlighting and solved state-outline performance issues

* changed state LOD formula

* removed adaptiveHideContent option from user settings menu

* reworked user settings menu, added curved edges setting, added adaptiveStateHiding setting again with a warning

* checked all lod occurrences

* added loading animation to settings menu

index.html

@@ -101,6 +101,10 @@ <h3 id="sidebar-header">
                     </form>
                 </div>
             </div>
+            <div class="col-auto d-flex align-items-center">
+                <div id="task-info-field">
+                </div>
+            </div>
         </div>
     </div>
     <div id="contents"></div>

scss/sdfv.scss

@@ -25,6 +25,20 @@ body.sdfv {
   font-family: "Segoe UI", Arial, sans-serif;
 }
 
+// Loading animation
+.loader {
+  border: 4px solid #ffffff;
+  border-top: 7px solid #34db50;
+  border-radius: 50%;
+  width: 25px;
+  height: 25px;
+  animation: spin 1s linear infinite;
+}
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
 .sdfv {
 
   .hidden {

src/renderer/canvas_manager.ts

@@ -790,8 +790,9 @@ export class CanvasManager {
         this.renderer.draw(dt);
         this.contention -= 1;
 
-        if (this.animation_end !== null && now < this.animation_end)
+        if (this.animation_end !== null && now < this.animation_end) {
             this.draw_async();
+        }
     }
 
     public draw_async(): void {