Revize 879c1752

minor improvements

sources/imiger-core/src/main/webapp/css/components/sidebar.css

@@ -4 +4 @@
 	flex-direction: column;
 	justify-content: space-between;
 	background-color: #f0f9ff;
+	box-shadow: 0 0 5px #7db9e8;
 }
 
 .sidebar .button {
@@ -20 +21 @@
 
 .sidebar .node-container {
 	position: relative;
+	min-height: 140px; /* just enough to display one node */
 	overflow-y: overlay;
 }
 

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

@@ -37 +37 @@
 
 		if (this.isRendered) {
 			this._rootElement.childNodes.forEach(child => {
-				if (child.getAttribute('data-id') === vertex.id) {
+				if (child.dataset.id === vertex.id) {
 					child.remove();
 				}
 			});

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

@@ -93 +93 @@
 	}
 
 	_createSearchListItem() {
-		let searchInput = DOM.h('input', {
+		const searchInput = DOM.h('input', {
 			type: 'search',
-			placeholder: 'Search components...',
+			placeholder: 'Search nodes...',
 			class: 'search-text',
 			id: 'searchText',
 			title: 'search nodes [ctrl + f]',
@@ -112 +112 @@
 			},
 		});
 
-		let searchButton = DOM.h('button', {
+		const searchButton = DOM.h('button', {
 			class: 'btn search',
 			id: 'searchButton',
 			onClick: () => {
@@ -126 +126 @@
 			}),
 		]);
 
-		let searchCounter = DOM.h('span', {
+		const searchCounter = DOM.h('span', {
 			class: 'search-count',
 			id: 'searchCount',
 			title: 'Count of components found',
@@ -181 +181 @@
 
 		function resetSearch() {
 			let nodeList = app.nodeList;
-			nodeList.forEach(node => {
-				node.isFound = false;
-			});
+			nodeList.filter(node => node.isFound === true).forEach(node => node.isFound = false);
 
 			searchInput.value = '';
 			searchCounter.innerText = 0;

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

@@ -58 +58 @@
 					]),
 				]),
 			]),
-		])
+		]);
 		this._bodyElement.appendChild(this._form);
 
 		return this._rootElement;

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

@@ -170 +170 @@
 
 		// reusable definitions
 		this._definitions = DOM.s('defs', {}, [
-			// linear gradient
+			// linear gradient for nodes that are highlighted as both required and provided
 			DOM.s('linearGradient', {
 				id: 'node--highlighted-as-required-provided',
 			}, [

sources/imiger-core/src/main/webapp/js/uploadFilesApp.js

@@ -151 +151 @@
 	 * Removes diagram from DB and reloads the page.
 	 */
 	async _removeDiagram() {
-		let diagramId = this.getAttribute('data-id');
-		let diagramName = this.getAttribute('data-name');
+		let diagramId = this.dataset.id;
+		let diagramName = this.dataset.name;
 
 		if (confirm('Do you really want to delete ' + diagramName + '?')) {
 			try {