function renderGallery()

in code/app/static/main.js [89:133]

• 34 lines of code
• 3 McCabe index (conditional complexity)

function renderGallery(resp){
    let images = JSON.parse(resp);
    let content = document.querySelector(".gallery");
    

    if (images.length == 0){
        content.innerHTML = "Your Gallery is empty. Upload Images to populate it!";
        return;
    }

    if (images.length == imagecount){
        setTimeout(listImages, 1000);
        return;
    }

    imagecount = images.length;

    content.innerHTML = "";

    images.forEach(img => {
        let div = document.createElement("div");
        div.classList.add("frame");
        let p = document.createElement("p");
        p.innerHTML = img.name;

        let a = document.createElement("a");
        a.href = img.original;

        let i = document.createElement("img");
        i.src = img.thumbnail;
        a.appendChild(i)
        a.appendChild(p)
        div.appendChild(a);

        let btn = document.createElement("button");
        btn.classList.add("delete-btn")
        btn.innerHTML = "<span class=\"material-icons\">delete</span>";
        btn.id = img.name;
        btn.addEventListener("click", deleteImage);
        div.appendChild(btn);

        content.appendChild(div);
    });

}