gCubeSystem
/
cdn-experiments
15
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

optionally show files in tree

This commit is contained in:
dcore94 2023-10-05 18:34:58 +02:00
parent e45228b996
commit 7b2040c629
2 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
storage/d4s-storage.js
View File

@ -112,6 +112,7 @@ class D4SStorageTree extends D4SStorageHtmlElement {
#boot = null #boot = null
#baseurl = 'https://api.d4science.org/workspace' #baseurl = 'https://api.d4science.org/workspace'
#filedownloadenabled = false; #filedownloadenabled = false;
#showfiles = true;
#d4sworkspace = null; #d4sworkspace = null;
#foldersMap = {}; #foldersMap = {};
#currentid = null; #currentid = null;
@ -131,6 +132,14 @@ class D4SStorageTree extends D4SStorageHtmlElement {
return this.#baseurl; return this.#baseurl;
} }
get showFiles() {
return this.#showfiles;
}
set showFiles(value){
this.#showfiles = value
}
set baseUrl(url) { set baseUrl(url) {
this.#baseurl = url; this.#baseurl = url;
// this.setAttribute("baseurl", url) // this.setAttribute("baseurl", url)
@ -179,7 +188,7 @@ class D4SStorageTree extends D4SStorageHtmlElement {
} }
static get observedAttributes() { static get observedAttributes() {
return ["base-url", "file-download-enabled"]; return ["base-url", "file-download-enabled", "show-files"];
} }
attributeChangedCallback(name, oldValue, newValue) { attributeChangedCallback(name, oldValue, newValue) {
@ -191,6 +200,9 @@ class D4SStorageTree extends D4SStorageHtmlElement {
case "file-download-enabled": case "file-download-enabled":
this.fileDownloadEnabled = (newValue.toLowerCase() === 'true'); this.fileDownloadEnabled = (newValue.toLowerCase() === 'true');
break; break;
case "show-files":
this.showFiles = (newValue.toLowerCase() === 'true');
break;
default: default:
console.warn("Unexpected attribute changed: " + name); console.warn("Unexpected attribute changed: " + name);
} }
@ -393,17 +405,17 @@ class D4SStorageTree extends D4SStorageHtmlElement {
} }
if (Array.isArray(data)) { if (Array.isArray(data)) {
data data
.filter(item => item['@class'].includes('FolderItem')) .filter(item => this.showFiles || item['@class'].includes('FolderItem'))
.forEach(item => { .forEach(item => {
ul.appendChild(this.createListItem(item.name, item.id, parentId)); ul.appendChild(this.createListItem(item.name, item.id, item['@class'], parentId));
}) })
} else { } else {
ul.appendChild(this.createListItem(data.displayName ? data.displayName : data.name, data.id, parentId)); ul.appendChild(this.createListItem(data.displayName ? data.displayName : data.name, data.id, data['@class'], parentId));
} }
parentElement.appendChild(ul); parentElement.appendChild(ul);
} }
createListItem(label, id, parentId) { createListItem(label, id, type, parentId) {
const li = document.createElement('li'); const li = document.createElement('li');
li.setAttribute(D4SStorageTree.dataname_attr, label); li.setAttribute(D4SStorageTree.dataname_attr, label);
li.setAttribute(D4SStorageTree.dataid_attr, id); li.setAttribute(D4SStorageTree.dataid_attr, id);
@ -411,7 +423,8 @@ class D4SStorageTree extends D4SStorageHtmlElement {
li.setAttribute(D4SStorageTree.parentid_attr, parentId); li.setAttribute(D4SStorageTree.parentid_attr, parentId);
} }
const child = document.createElement('span'); const child = document.createElement('span');
child.innerHTML = /*html*/`<span class="px-2"><img src="${this.srcBaseURL}/img/folder.svg"></img></span>` + label; const icon = type.includes('FolderItem') ? "folder.svg" : "file-earmark.svg"
child.innerHTML = /*html*/`<span class="px-2"><img src="${this.srcBaseURL}/img/${icon}"></img></span>` + label;
li.appendChild(child) li.appendChild(child)
li.addEventListener('click', (ev) => { li.addEventListener('click', (ev) => {

3
storage/index.html
View File

@ -20,7 +20,8 @@
<d4s-storage-tool></d4s-storage-tool> <d4s-storage-tool></d4s-storage-tool>
<d4s-storage-tree <d4s-storage-tree
base-url="https://workspace-repository.dev.d4science.org/storagehub/workspace" base-url="https://workspace-repository.dev.d4science.org/storagehub/workspace"
file-download-enabled="true" /> file-download-enabled="true"
show-files="false"/>
</div> </div>
</div> </div>
<div class="col w-100 border overflow-auto mh-100"> <div class="col w-100 border overflow-auto mh-100">