Untitled

fetch("../json/overview.json")
.then(function(response){
    return response.json();
})
.then(function(overviews){
    let placeholder = document.querySelector("#data-output");
    let overviewsout = "";
          
    for(let overview of overviews){
        overviewsout +=  `


    <div class="overview_si">
        <div class="si_name">
            <h5>${overview.Machine}</h5>
        </div>
        <div class="si_detail">
            <div class="si_detail_one">
                <div class="si_status"><div class="si_icon">ST</div>${overview.ICMP}</div>
                <div class="si_cname"><div class="si_icon">CN</div>${overview.CNAME}</div>
                <div class="si_loadbalancer"><div class="si_icon">LB</div>${overview.Loadbalancer}</div>
            </div>
            <div class="si_detail_two" id="si_detail_two">
                <div class="si_lastupdate"><div class="si_icon">LUP</div>${overview.lastUpdate}</div>
                <div class="si_net"><div class="si_icon">NET</div>${overview.NetIsInstalled}</div>
                <div class="si_iis"><div class="si_icon">IIS</div>${overview.IISInstalled}</div>
            </div>
            <div class="si_detail_three">
                <div class="si_cert"><div class="si_icon">CEE</div>${overview.NotAfter}</div>
                <!--<div class="si_cert"><div class="si_icon">CEE</div>${overview.Subject}</div>-->
                <div class="si_iis"><div class="si_icon">WEB</div>${overview.WebBinding}</di
                </div></div>
            </div>
        </div>
    </div>





        


        `;


    }

placeholder.innerHTML = overviewsout;
})