archive/scratch-tree
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixl inks

Browse source
This commit is contained in:
biglyderv 2024-10-18 23:36:03 -04:00
parent 1906946a49
commit 980fc22a1a
1 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
js/tree.js
View file

@ -16,7 +16,7 @@ function escapeHtml(unsafe) {
.replace(/"/g, """) .replace(/"/g, """)
.replace(/'/g, "'"); .replace(/'/g, "'");
} }
function genElement(type, area, content, attribs) { function genElement(type, area, content, attribs, open = false) {
var directAttribs = attribs.direct || {}; var directAttribs = attribs.direct || {};
var styleAttribs = attribs.style || {}; var styleAttribs = attribs.style || {};
@ -35,7 +35,13 @@ function genElement(type, area, content, attribs) {
elem += `${escapeHtml(attrib)}="${escapeHtml(directAttribs[attrib])}" `; elem += `${escapeHtml(attrib)}="${escapeHtml(directAttribs[attrib])}" `;
}); });
if (open) {
elem = `<${type} ${elem}>${content}`
} else {
elem = `<${type} ${elem}>${content}</${type}>` elem = `<${type} ${elem}>${content}</${type}>`
}
cache += elem; cache += elem;
@ -51,7 +57,7 @@ function genEntry(posEntry, area, fetchData) {
var x2 = x * zoom + mpos[0]; var x2 = x * zoom + mpos[0];
var y2 = y * zoom + mpos[1]; var y2 = y * zoom + mpos[1];
if (y2 < -250 || y2 > area2.clientHeight+ 250) return; if (y2 < -1000 || y2 > area2.clientHeight+ 1000) return;
if (y > 0) { if (y > 0) {
genElement('path', area, '', { genElement('path', area, '', {
@ -76,7 +82,7 @@ function genEntry(posEntry, area, fetchData) {
'href': `https://scratch.mit.edu/projects/${posEntry.id}`, 'href': `https://scratch.mit.edu/projects/${posEntry.id}`,
'class': `${posEntry.visible ? '' : 'red'}`, 'class': `${posEntry.visible ? '' : 'red'}`,
} }
}); }, true);
genElement('image', a, '', { genElement('image', a, '', {
'direct': { 'direct': {
@ -87,6 +93,8 @@ function genEntry(posEntry, area, fetchData) {
} }
}); });
cache += '</a>';
let text = [ let text = [
`${posEntry.name}`, `${posEntry.name}`,
`${posEntry.y} proj. deep`, `${posEntry.y} proj. deep`,
@ -138,7 +146,7 @@ async function genTree(id) {
genEntry(posEntry, area, fetchData); genEntry(posEntry, area, fetchData);
} }
area.innerHTML = cache; area.innerHTML = cache;
}, 1000) }, 300)
return pos; return pos;
} }