From: Jo-Philipp Wich <jo@mein.io>
Date: Mon, 23 Jul 2018 13:06:26 +0000 (+0200)
Subject: luci-base: cbi.js: fade to-be-deleted section when hovering delete button
X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=97b3e5773d2979438d017c2662e1b02d01839ad2;p=oweals%2Fluci.git

luci-base: cbi.js: fade to-be-deleted section when hovering delete button

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
(cherry picked from commit 590d1cc74fe98c2659f250ecdff8801bd9d8fc0d)
---

diff --git a/modules/luci-base/htdocs/luci-static/resources/cbi.js b/modules/luci-base/htdocs/luci-static/resources/cbi.js
index 9d79b81c1..fcfc50694 100644
--- a/modules/luci-base/htdocs/luci-static/resources/cbi.js
+++ b/modules/luci-base/htdocs/luci-static/resources/cbi.js
@@ -627,6 +627,18 @@ function cbi_init() {
 		s.parentNode.classList.add('cbi-tooltip-container');
 	});
 
+	document.querySelectorAll('.cbi-section-remove > input[name^="cbi.rts"]').forEach(function(i) {
+		var handler = function(ev) {
+			var bits = this.name.split(/\./),
+			    section = document.getElementById('cbi-' + bits[2] + '-' + bits[3]);
+
+		    section.style.opacity = (ev.type === 'mouseover') ? 0.5 : '';
+		};
+
+		i.addEventListener('mouseover', handler);
+		i.addEventListener('mouseout', handler);
+	});
+
 	cbi_d_update();
 }