document.write('<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" \
        rel="stylesheet" \
        integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" \
        crossorigin="anonymous">');

document.write('<link rel="stylesheet" href="https://www.kestral.no/tools/php/dfkapi/getdata.css">');

function objectStatus(status){
      switch(status){
              case 0: //Green
                  return  '<span class="dotgreen"></span>';
                  break;
              case 1: //Yellow
                  return  '<span class="dotyellow"></span>';
                  break;
              case 2: //Red
                  return  '<span class="dotred"></span>';
                  break;     
              default:
                  //TODO         
            }
    }

function createelement(dataobj){
  let retstr = "";
  retstr += '<li class="list-group-item text-bg-secondary ">';
  retstr += objectStatus(dataobj.objectStatus);
  retstr += '<strong class= fs-2>'+dataobj.regnr+'</strong>';
  retstr += "</li>";
  return retstr;
}

function getstatus(data,id){
  let retstr = '<ul class="list-group list-group-flush" style="margin-left: 0px;">'; 
  for (let idx=0; idx < data.getObjectStatusResult.length;idx++){
    //console.info(data.getObjectStatusResult[idx]);
    if (id > 0){
      if(data.getObjectStatusResult[idx].ID == id){
        retstr += createelement(data.getObjectStatusResult[idx]);
        return retstr+="</ul>";
      }
    }
    else{
      retstr += createelement(data.getObjectStatusResult[idx]);
    }
  }
  return retstr+="</ul>";
}


objectid = 2865 ;
data = {"getObjectStatusResult":[{"ID":2857,"regnr":"LN-ACF","bobjectCat":0,"objectStatus":0},{"ID":3899,"regnr":"LN-BNS","bobjectCat":0,"objectStatus":2},{"ID":2846,"regnr":"LN-DFM","bobjectCat":0,"objectStatus":0},{"ID":2811,"regnr":"LN-GCJ","bobjectCat":0,"objectStatus":1},{"ID":2850,"regnr":"LN-GCM","bobjectCat":0,"objectStatus":1},{"ID":2853,"regnr":"LN-GDW","bobjectCat":0,"objectStatus":0},{"ID":2849,"regnr":"LN-GHC","bobjectCat":0,"objectStatus":1},{"ID":2836,"regnr":"LN-YDM","bobjectCat":0,"objectStatus":1},{"ID":4876,"regnr":"SIMULATOR","bobjectCat":0,"objectStatus":0},{"ID":4746,"regnr":"ASL - Seilfly","bobjectCat":1,"objectStatus":0},{"ID":2897,"regnr":"Seilflyging","bobjectCat":1,"objectStatus":0},{"ID":4747,"regnr":"Slepeflyger","bobjectCat":1,"objectStatus":0},{"ID":2864,"regnr":"Byggelokalet","bobjectCat":2,"objectStatus":0},{"ID":2865,"regnr":"ENHS","bobjectCat":2,"objectStatus":0},{"ID":2843,"regnr":"Klubbhus","bobjectCat":2,"objectStatus":0},{"ID":2870,"regnr":"Klubbhus kontor","bobjectCat":2,"objectStatus":0}]};
console.log(data);

document.write('<div class="container">');
document.write('  <div class="card text-bg-light">');
document.write('    <div class="card-body">');
document.write('      <div class="card-header text-bg-info"><h5>Operational Status<h5></div>');
document.write('          <div class="card-text">');
document.write('              <span id="databody">');
document.write(getstatus(data,objectid));
document.write('              </span>');
document.write('          </div>');
document.write('       </div>');
document.write('      </div>');
document.write('    </div>');

//str = "jjjj";
//document.writeln(str);