yisroelbaum/Goal-Calibration
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

hide node action buttons until title clicked

Browse source
This commit is contained in:
Yisroel Baum 2026-05-04 09:45:36 +03:00
parent e0be4bad11
commit c73cbe2f1a
Signed by: yisroelbaum
GPG key ID: 0FA60884F75520A9
2 changed files with 38 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

16
public/css/app.css
View file

@ -476,6 +476,22 @@ form {
.node-tree li > span { .node-tree li > span {
flex-shrink: 0; flex-shrink: 0;
font-weight: 500; font-weight: 500;
cursor: pointer;
}
.node-tree li > span:hover,
.node-tree li.is-active > span {
color: var(--color-primary);
}
.node-tree li > button.add-child,
.node-tree li > button.bulk-add-children {
display: none;
}
.node-tree li.is-active > button.add-child,
.node-tree li.is-active > button.bulk-add-children {
display: inline-block;
} }
.node-tree li > button { .node-tree li > button {

22
public/js/text.js
View file

@ -1,4 +1,5 @@
const expandedNodeIds = new Set(); const expandedNodeIds = new Set();
let activeNodeId = null;
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
const textId = window.location.pathname.split('/').pop(); const textId = window.location.pathname.split('/').pop();
@ -75,8 +76,29 @@ function renderTree(nodes, textId, depth = 0) {
const titleSpan = document.createElement('span'); const titleSpan = document.createElement('span');
titleSpan.textContent = node.title; titleSpan.textContent = node.title;
titleSpan.addEventListener('click', () => {
if (activeNodeId === node.id) {
activeNodeId = null;
li.classList.remove('is-active');
closeAllAddForms();
return;
}
const previousActive = document.querySelector(
'#text-detail li.is-active'
);
if (previousActive) {
previousActive.classList.remove('is-active');
}
closeAllAddForms();
li.classList.add('is-active');
activeNodeId = node.id;
});
li.appendChild(titleSpan); li.appendChild(titleSpan);
if (node.id === activeNodeId) {
li.classList.add('is-active');
}
const addBtn = document.createElement('button'); const addBtn = document.createElement('button');
addBtn.textContent = 'Add child'; addBtn.textContent = 'Add child';
addBtn.className = 'add-child'; addBtn.className = 'add-child';