Revize 27d65c14

re #18: edges are only redrawn every 100ms when sidebar is scrolled

sources/imiger-core/src/main/webapp/js/components/sidebarNodeList.js

@@ -3 +3 @@
 	constructor(props) {
 		this._properties = props;
 
+		this._isScrolling = null;
 		this._nodeList = [];
 	}
 
@@ -93 +94 @@
 		this._rootElement = DOM.h('div', {
 			class: this._properties.class,
 			id: this._properties.id,
-			onScroll: () => app.redrawEdges(),
+			onScroll: this._onScroll.bind(this),
 		}, [
 			// title
 			DOM.h('h2', {
@@ -123 +124 @@
 		this.toggleControls();
 	}
 
+	_onScroll() {
+		if (this._isScrolling !== null) {
+			window.clearTimeout(this._isScrolling);
+		}
+
+		this._isScrolling = window.setTimeout(() => {
+			// NOTE: edges are only redrawn when scrolling ends in the sake of better performance
+			app.redrawEdges();
+		}, 100);
+	}
+
 	_sortByName(sortOrder) {
 		this._nodeList.sort((a, b) => {
 			return sortOrder * a.name.localeCompare(b.name);