function getDigitalResourcesList(dropDownName,id){
return "<h3 style='background-color:#00C0FF;color:white;margin-left:10px;padding:5px 5px;cursor:pointer;' onclick=javascript:toggle(\'"+id+"\')>"+dropDownName+"</h3><div id='"+id+"' style='display:none;margin-left:10px;margin-bottom:10px;' ></div>";
}
function updateDigitalResourcesList(id,array){
var resourcesToShow='';
var resourceIcon='';
for(var i=0;i<array.length;i=i+3){
if(array[i]=='document'){
resourceIcon="<i class=\'fa fa-book\'></i>";}
if(array[i]=='video'){
resourceIcon="<i class='fa fa-film'></i>";}
if(array[i]=='url'){
resourceIcon="<i class='far fa-window-restore'></i>";}
resourcesToShow=resourcesToShow+"<div class='onHover' style='font:20px Calibri;padding:15px 12px;'><div onclick='javascript:{window.open('"+array[i+2]+"','_blank');}' style='cursor:pointer;' class='onHover'>"+resourceIcon+" "+array[i+1]+"</div></div>";
}
document.getElementById(id).innerHTML=resourcesToShow;
}
function getDigitalResourcesListEdit(dropDownName,id){
var addWorksheet="<div style='margin-top:10px;margin-bottom:10px; width:100%;font: 18px Calibri;padding:5px 5px;text-align:center;background-color:whitesmoke;cursor:pointer;' onclick='javascript:toggle('editResources')'><i class='fas fa-edit' ></i> Edit</div><div id='editResources' style='font:20px Calibri;padding:15px 12px;height:320px;border:1px solid whitesmoke;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;display:none;' onclick='javascript:removeResourcesWarning()'><div style='margin-bottom:40px;position:relative;left=0px;'><select id='resourceType' onchange='javascript:setResourceType(this.value)'><option onclick='javascript:setEnabled('resourceUploader',false),setEnabled('websiteUrl',false),setEnabled('resourceTitle',false);' value='fileType'>File Type</option><option value='document' onClick='javascript:setEnabled('resourceUploader',true),setEnabled('websiteUrl',false),setEnabled('resourceTitle',true);'>Document</option><option value='video' onclick='javascript:setEnabled('resourceUploader',true),setEnabled('websiteUrl',false),setEnabled('resourceTitle',true);'>Video</option><option value='url' onclick='javascript:setEnabled('websiteUrl',true);setEnabled('resourceUploader',false),setEnabled('resourceTitle',true);' id='URL'>URL</option></select></div><div style='height:80px'><input id='resourceUploader' type='file' style='float:left;margin-right:5px;margin-bottom:20px;' disabled=true></input><input id='websiteUrl' placeholder='Website URL' style='width:100%; margin-bottom:40px; float:left;margin-right:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:10px 10px;border:none;box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);' disabled=true></input></div><div style='height:80px'><input placeholder='Title of file' id='resourceTitle' disabled=false style='width:100%;float:left;margin-bottom:10px;margin-right:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:10px 10px;border:none;box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);'></input><div style='width:100%;text-align:center;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;padding:5px 5px;float:left;cursor:pointer;' class='onHover' id='addNewResourceButton' onclick='javascript:setTimeout(function(){saveResource();},100)' >⊕ Add new resource</div></div></div>";
return "<h3 style='background-color:#00C0FF;color:white;margin-left:10px;padding:5px 5px;cursor:pointer;' onclick=javascript:toggle(\'"+id+"\')>"+dropDownName+"</h3><div id='"+id+"' style='display:none;margin-left:10px;margin-bottom:10px;' ><div id='resourceToShowListEdit"+id+"'></div>"+addWorksheet+"</div>";
}
function updateDigitalResourcesListEdit(id,array){
var resourcesToShow='';
var resourceIcon='';
for(var i=0;i<array.length;i=i+3){
if(array[i]=='document'){
resourceIcon="<i class=\'fa fa-book\'></i>";}
if(array[i]=='video'){
resourceIcon="<i class='fa fa-film'></i>";}
if(array[i]=='url'){
resourceIcon="<i class='far fa-window-restore'></i>";}
resourcesToShow=resourcesToShow+"<div class='onHover' style='font:20px Calibri;padding:15px 12px;'><div onclick='javascript:{window.open('"+array[i+2]+"','_blank');}' style='cursor:pointer;' class='onHover'>"+resourceIcon+" "+array[i+1]+"</div></div>";
}
document.getElementById("resourceToShowListEdit"+id).innerHTML=resourcesToShow;
}
function getCalendar(dropDownName,id,array){
var calendar='';
var namesOfDays=['So','Mo','Tu','We','Th','Fr','Sa'];
var monthName=["Janurary","February","March","April","May","June","July","August","September","October","November","December"];
var date=new Date();
var monthNumber=date.getMonth();
calendar="<div style='margin-bottom:5px;overflow:auto;'><input type='date' id=\"selectedCalendarDate"+id+"\"value='2024-01-09' onchange='updateCalendar(\""+id+"\")' style='padding:10px 10px;border:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-bottom:10px;'><div style='clear:left'></div></div>";
calendar=calendar+"<div id='calendar"+id+"'>";
for(var i=0;i<7;i++){
calendar=calendar+"<div style='float:left;width:4vw;padding:10px 10px;background-color:gray;color:white;text-align:center;'>"+namesOfDays[i]+"</div>";}
var d = new Date("Janurary 1, 2024");
var timeInMillis = d.getTime();
var day="";
var updatedDate;
updatedDate=new Date(timeInMillis);
for(var week=0;week<5;week++){
calendar=calendar+"<div style='clear:left'></div>";
for(var day=0;day<7;day++){
if(updatedDate.getDay()==day&&updatedDate.getMonth()==monthNumber){
if(day==3||day==5){calendar=calendar+"<div style='float:left;width:4vw;padding:10px 10px;background-color:lightgreen;color:black;text-align:center;'>"+updatedDate.getDate()+"</div>";}else{
calendar=calendar+"<div style='float:left;width:4vw;padding:10px 10px;background-color:whitesmoke;color:black;text-align:center;'>"+updatedDate.getDate()+"</div>";}
timeInMillis=timeInMillis+1000*60*60*24;
updatedDate=new Date(timeInMillis);}else{
calendar=calendar+"<div style='float:left;width:4vw;padding:10px 10px;background-color:whitesmoke;color:black;text-align:center;'>"+" </div>";
}
}
}
calendar=calendar+"</div>";
return "<h3 style='background-color:#00C0FF;color:white;margin-left:10px;padding:5px 5px;cursor:pointer;' onclick=javascript:toggle(\'"+id+"\')>"+dropDownName+"</h3><div id='"+id+"' style='display:none;margin-left:10px;margin-bottom:10px;overflow:auto;'>"+calendar+"</div>";
}
function updateCalendar(id){
var namesOfDays=['So','Mo','Tu','We','Th','Fr','Sa'];
var monthName=["Janurary","February","March","April","May","June","July","August","September","October","November","December"];
var calendar='';
var selectedDate = new Date(document.getElementById('selectedCalendarDate'+id).value);
var dateForCalendar=new Date(monthName[selectedDate.getMonth()]+", 1 "+selectedDate.getFullYear());
var monthNumber=dateForCalendar.getMonth();
for(var i=0;i<7;i++){
calendar=calendar+"<div style='float:left;width:4vw;padding:10px 10px;background-color:gray;color:white;text-align:center;'>"+namesOfDays[i]+"</div>";}
var timeInMillis = dateForCalendar.getTime();
var day="";
var updatedDate;
updatedDate=new Date(timeInMillis);
for(var week=0;week<5;week++){
calendar=calendar+"<div style='clear:left'></div>";
for(var day=0;day<7;day++){
if(updatedDate.getDay()==day&&updatedDate.getMonth()==monthNumber){
calendar=calendar+"<div style='float:left;width:4vw;padding:10px 10px;background-color:whitesmoke;color:black;text-align:center;'>"+updatedDate.getDate()+"</div>";
timeInMillis=timeInMillis+1000*60*60*24;
updatedDate=new Date(timeInMillis);}else{
calendar=calendar+"<div style='float:left;width:4vw;padding:10px 10px;background-color:whitesmoke;color:black;text-align:center;'>"+" </div>";
}
}
}
document.getElementById("calendar"+id).innerHTML=calendar;
}
function getDropDownButton(dropDownName,functionForButton){
return "<h3 style='background-color:whitesmoke;color:white;margin-left:10px;padding:5px 5px;cursor:pointer;' onclick='"+functionForButton+"'>"+dropDownName+"</h3>";
}