Skip to content

add support for recursive expand/collapse #53

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

add support for recursive expand/collapse #53

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
75 changes: 49 additions & 26 deletions extension/js/content.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -270,8 +270,17 @@

document.addEventListener("DOMContentLoaded", ready, false);

function findBlockInner(el) {
var blockInner = el.firstElementChild ;
while ( blockInner && !blockInner.classList.contains('blockInner') ) {
blockInner = blockInner.nextElementSibling ;
}

return blockInner ;
}

var lastKvovIdGiven = 0 ;
function collapse(elements) {
function collapse(elements, recursive) {
// console.log('elements', elements) ;

var el, i, blockInner, count ;
Expand All @@ -280,36 +289,46 @@
el = elements[i] ;
el.classList.add('collapsed') ;

// (CSS hides the contents and shows an ellipsis.)
if (recursive || !el.id) {
blockInner = findBlockInner(el) ;

// Add a count of the number of child properties/items (if not already done for this item)
if (!el.id) {
el.id = 'kvov' + (++lastKvovIdGiven) ;
if (!blockInner)
continue ;

// Find the blockInner
blockInner = el.firstElementChild ;
while ( blockInner && !blockInner.classList.contains('blockInner') ) {
blockInner = blockInner.nextElementSibling ;
}
if (!blockInner)
continue ;
// (CSS hides the contents and shows an ellipsis.)

// See how many children in the blockInner
count = blockInner.children.length ;
// Add a count of the number of child properties/items (if not already done for this item)
if (!el.id) {
el.id = 'kvov' + (++lastKvovIdGiven) ;

// Generate comment text eg "4 items"
var comment = count + (count===1 ? ' item' : ' items') ;
// Add CSS that targets it
jfStyleEl.insertAdjacentHTML(
'beforeend',
'\n#kvov'+lastKvovIdGiven+'.collapsed:after{color: #aaa; content:" // '+comment+'"}'
) ;
}
// See how many children in the blockInner
count = blockInner.children.length ;

// Generate comment text eg "4 items"
var comment = count + (count===1 ? ' item' : ' items') ;
// Add CSS that targets it
jfStyleEl.insertAdjacentHTML(
'beforeend',
'\n#kvov'+lastKvovIdGiven+'.collapsed:after{color: #aaa; content:" // '+comment+'"}'
) ;
}

if (recursive)
collapse(blockInner.children, recursive) ;
}
}
}
function expand(elements) {
for (var i = elements.length - 1; i >= 0; i--)
function expand(elements, recursive) {
var blockInner;
for (var i = elements.length - 1; i >= 0; i--) {
elements[i].classList.remove('collapsed') ;

if (recursive) {
blockInner = findBlockInner(elements[i]) ;
if (blockInner)
expand(blockInner.children, recursive) ;
}
}
}

var mac = navigator.platform.indexOf('Mac') !== -1,
Expand Down Expand Up @@ -344,14 +363,18 @@
// Expand or collapse
if (parent.classList.contains('collapsed')) {
// EXPAND
if (modKey(ev))
if (ev.shiftKey)
expand([parent], true) ;
else if (modKey(ev))
expand(parent.parentNode.children) ;
else
expand([parent]) ;
}
else {
// COLLAPSE
if (modKey(ev))
if (ev.shiftKey)
collapse([parent], true) ;
else if (modKey(ev))
collapse(parent.parentNode.children) ;
else
collapse([parent]) ;
Expand Down