Select Git revision
create_mc.R
Code owners
Assign users and groups as approvers for specific file changes. Learn more.
index.js 1.35 KiB
// 1. Select the div element using the id property
const app = document.getElementById("app");
// 2. Create a new <p></p> element programmatically
const description = document.createElement("p");
const bucketpath = document.createElement("p");
const userAction = async () => {
// fetch record json
const response = await fetch('https://www.fdr.uni-hamburg.de/api/records/863');
const recordjson = await response.json();
// read metadata from json response
const metadata = recordjson.metadata;
description.textContent = metadata.description;
// get bucket path from record json
const bucketresponse = await fetch(recordjson.links.bucket);
const bucketjson = await bucketresponse.json();
const bucket3dfiles = bucketjson.contents;
bucket3dfiles.forEach(element =>
{
if(element.key.includes('.glb'))
{
console.log(element.key);
const filelink = element.links.self;
console.log(filelink);
const modelviewer = document.createElement("model-viewer");
modelviewer.setAttribute("src", filelink);
modelviewer.setAttribute("auto-rotate", true);
modelviewer.setAttribute("camera-controls", true);
app?.appendChild(modelviewer);
}
});
}
userAction();
// 4. Append the p element to the div element
app?.appendChild(description);