Skip to content
Snippets Groups Projects
Select Git revision
  • bc3452dfc0f9016c064aeda3737958d6ece9f5a4
  • main default protected
2 results

create_mc.R

Blame
  • 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);