From a0e1b6d78a61382a3beea81b11378e9483547199 Mon Sep 17 00:00:00 2001 From: salexdv Date: Thu, 25 Aug 2022 13:20:22 +0300 Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D1=80=D0=B0=D0=B1=D0=BE=D1=82?= =?UTF-8?q?=D0=BA=D0=B0=20=D0=BD=D0=B0=D0=B2=D0=B8=D0=B3=D0=B0=D1=86=D0=B8?= =?UTF-8?q?=D0=B8=20=D0=BF=D0=BE=20=D0=B4=D0=B5=D1=80=D0=B5=D0=B2=D1=83=20?= =?UTF-8?q?=D0=BF=D0=B5=D1=80=D0=B5=D0=BC=D0=B5=D0=BD=D0=BD=D1=8B=D1=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/tree/tree.css | 4 ++++ src/tree/tree.js | 12 ++++++++++-- 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/src/tree/tree.css b/src/tree/tree.css index af71663..6e825a8 100644 --- a/src/tree/tree.css +++ b/src/tree/tree.css @@ -93,6 +93,10 @@ background-image: url('./icons/empty.png'); } +#variables-tree details[open] > summary.final:before { + background-image: url('./icons/empty.png'); +} + #variables-tree summary:before { content: '.'; padding-left: 7px; diff --git a/src/tree/tree.js b/src/tree/tree.js index 6c7f51f..905ce2f 100644 --- a/src/tree/tree.js +++ b/src/tree/tree.js @@ -38,6 +38,14 @@ class Treeview { }, 500); } } + else if (eventData.target.classList.contains('final')) { + eventData.preventDefault(); + } + } + else if (eventData.target.nodeName == 'SUMMARY' && eventData.target.parentNode.hasAttribute("open")) { + } + else { + eventData.preventDefault(); } break; } @@ -57,7 +65,7 @@ class Treeview { if (targetId != null) { let target = document.getElementById(targetId); target.parentNode.outerHTML = this.parseData(data) - target.dataset.requested = true; + document.getElementById(targetId).dataset.requested = true; } else { let target = document.querySelector(this.treeviewId); @@ -90,7 +98,7 @@ class Treeview { let node = document.getElementById(id).parentNode; node.removeAttribute("open"); let detailNodes = node.querySelectorAll("DETAILS"); - console.log(detailNodes); detailNodes.forEach((node) => node.removeAttribute("open")); + detailNodes.forEach((node) => node.removeAttribute("open")); }; select(id) { this.open(id);