function getPictureTitleDescriptionPanelEdit(dropDownName,elementId,id){
return "<h3 style='background-color:#00C0FF;color:white;margin-left:10px;padding:5px 5px;cursor:pointer;' onclick=javascript:toggle(\'pictureTitleDescriptionPanelEdit"+elementId+id+"\')>"+dropDownName+"</h3><div id='pictureTitleDescriptionPanelEdit"+elementId+id+"' style='display:none;margin-left:10px;margin-bottom:10px;' ><div style='background-color:whitesmoke;height:20vh;width:100%;'><div style='background-color:white;width:16vh;height:16vh;position:relative;top:2vh;left:50%;transform:translate(-50%,0%);-moz-border-radius:8vh;-webkit-border-radius:8vh;border-radius:8vh;overflow:hidden;'><div id='pictureTitleDescriptionPanelEditPic"+elementId+id+"' style='position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font: 8vh Arial;'></div></div></div><h3 style='text-align:center;color:tomato;'><div id='pictureTitleDescriptionPanelEditTitle"+elementId+id+"'></div></h3><div id='pictureTitleDescriptionPanelEditDescription"+elementId+id+"' style='padding:20px 20px;width:28vw;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;position:relative;left:50%;transform:translate(-50%,0%);border:1px solid whitesmoke;white-space: pre-wrap;'></div><div onclick='javascript:toggle('edit"+elementId+id+"')' style='cursor:pointer'><div style='margin-top:10px;margin-bottom:10px; width:100%;font: 18px Calibri;padding:5px 5px;text-align:center;background-color:whitesmoke;'><i class='fas fa-edit' ></i> Edit</div></div><div id='edit"+elementId+id+"' style='display:none;'><div style='width:28vw;padding:10px 10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1px solid whitesmoke;font: 18px Calibri'>Upload picture<input type='file' id='pictureUploader"+elementId+id+"' style='margin-bottom:20px;margin-top:20px;'></input></div><div><input type='text' id='titleToSave"+elementId+id+"' placeholder='Type a title' style='margin-top:20px;width:28vw;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);background-color:white;z-index:2;padding:10px 10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:none;margin-bottom:20px' ></input><br><textarea id='descriptionToSave"+elementId+id+"' placeholder='Type a description.' style='margin-top:20px;width:28vw;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);background-color:white;z-index:2;padding:10px 10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:none;margin-bottom:20px' ></textarea><div onclick='javascript:savePictureTitleDescription('"+elementId+"','"+id+"')' style='cursor:pointer;' ><div style='margin-bottom:20px; width:100%;font: 18px Calibri;padding:5px 5px;text-align:center;background-color:whitesmoke' ><i class='fas fa-save' ></i> Save</div></div></div></div></div>";
}
function updatePictureTitleDescriptionPanelEdit(elementId,id,array){try{
document.getElementById("pictureTitleDescriptionPanelEditPic"+elementId+id).innerHTML="<img style='height:20vh' src='"+array[0]+"'></div>";
document.getElementById("pictureTitleDescriptionPanelEditTitle"+elementId+id).innerHTML=array[1];
document.getElementById("pictureTitleDescriptionPanelEditDescription"+elementId+id).innerHTML=array[2];}catch(err){}
}
function savePictureTitleDescription(elementId,id){
var indexArray=[];
if(id==lessonOverview){
indexArray=[id,selectedTeachersTopicList,1];}else{
console.log("PRINTING indexArrayIndex",indexArrayIndex);
indexArray=[id,indexArrayIndex,1];}
var pictureToSave=document.getElementById("pictureUploader"+elementId+id).files[0];
var titleToSave=getFieldText("titleToSave"+elementId+id);
var descriptionToSave=getFieldText("descriptionToSave"+elementId+id);
var fileReader=new FileReader();
var rawFile='';
var dataAsArrayToSend=['','',titleToSave,descriptionToSave];
var arrayToSend=[];
fileReader.onload=function(){
rawFile=fileReader.result;
var pictureData=rawFile.substring(rawFile.indexOf('base64,')+7,rawFile.length);
dataAsArrayToSend[0]=pictureData;
dataAsArrayToSend[1]=pictureToSave.type;
arrayToSend[0]=indexArray.join("^,^");
arrayToSend[1]=dataAsArrayToSend.join("*,^");
sendDataToGoogleSheets([arrayToSend.join("*.^")],googleSheetsPortalScriptLMS);
console.log("DATA TO SEND: ",arrayToSend.join("*.^"));
setUpdating();
}
if(pictureToSave==undefined){
arrayToSend[0]=indexArray.join("^,^");
arrayToSend[1]=dataAsArrayToSend.join("*,^");
sendDataToGoogleSheets([arrayToSend.join("*.^")],googleSheetsPortalScriptLMS);
console.log("DATA TO SEND: ",arrayToSend.join("*.^"));
setUpdating();
}else{
fileReader.readAsDataURL(pictureToSave);}
}