let positionInChat=0;
function getChat(dynamicElementId,id){
let chat="<div style='float:left;width:60vw;'><h3 style='background-color:#00C0FF;color:white;margin-left:10px;padding:5px 5px;'>Chat</h3>";
chat=chat+"<div style='position:absolute;top:50%;transform:translate(0%,-50%);width:60vw;'>"+getAttachmentDialog(dynamicElementId,id)+"</div>";
chat=chat+"<div style='height:90vh;margin-left:10px;display: grid;grid-template-rows: auto 160px;' >";///
chat=chat+"<div style='width:100%;height:100%;display:flex;flex-direction:column-reverse;' class='autoScroll' ><div id='conversationBodys' ></div></div>";
chat=chat+"<div style='position:absolute;bottom:0px;width:60vw;padding-right:10px;'>";//
chat=chat+ "<form action='javascript:toggle('"+dynamicElementId+id+"')' autocomplete='off'><hr/><div style='float:right;margin-bottom:10px;'><input style='font:30px calibri;cursor:pointer;' title='Create a post' id='sendButton' type='submit' value='📎'></div></form>";
chat=chat+"</div>";//
chat=chat+"</div>";///
chat=chat+"</div>";
return chat;
}
function getAttachmentDialog(dynamicElementId,id){
let attachmentDialog="<div style='margin-left:10px;margin-bottom:10px;' ><div id='"+dynamicElementId+id+"' style='background-color:white;font:20px Calibri;padding:15px 12px;height:320px;border:1px solid whitesmoke;box-shadow: 0px 8px 9px 2px rgba(0, 0, 0, 0.2);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;display:none;' onclick='javascript:removeResourcesWarning()'><div style='height:80px'><input id='activityName' placeholder='Activity name (used in gradebook)' style='float:left;width:100%; margin-bottom:20px;margin-top:20px; -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><div style='height:80px'><input id='contentSubmissionUploader' type='file' style='float:left;margin-right:5px;margin-bottom:20px;'></input></div><div style='height:80px'><textarea placeholder='Instructions for activity' id='activityInstructions' style='width:100%;height:80px;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);resize:none;'></textarea></div><div style='position:relative;left:50%;transform:translateX(-50%);width:20%;font:30px calibri;text-align:center;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;padding:5px 5px;float:left;cursor:pointer;border:1px dotted #00C0FF;color:gray;' title='Add this activity to this lesson' class='onHover' id='activitySaveButton' onclick='saveContentSubmission("+id+");toggle('"+dynamicElementId+id+"')'>💾</div></div></div>";
return attachmentDialog;
}
function saveContentSubmission(id,activityIndex){
setUpdating();
let contentSubmissionToSave=document.getElementById('contentSubmissionUploader').files[0];
let description=document.getElementById('activityInstructions').value;
let fileReader=new FileReader();
let rawFile='';
let contentSubmissionTitle=document.getElementById('activityName').value;
fileReader.onload=function(){
rawFile=fileReader.result;
let contentSubmissionData=rawFile.substring(rawFile.indexOf('base64,')+7,rawFile.length);
let indexArray=[id,indexArrayIndex,1];
let dataAsArrayToSend=[contentSubmissionData,contentSubmissionToSave.type,contentSubmissionTitle,description,positionInChat];
let arrayToSend=[];
arrayToSend[0]=indexArray.join("^,^");
arrayToSend[1]=dataAsArrayToSend.join("*,^");
sendDataToGoogleSheets([arrayToSend.join("*.^")],googleSheetsPortalScriptLMS);
}
fileReader.readAsDataURL(contentSubmissionToSave);
}
function convertActivitiesArrayToConversationArray(id,activities){
let activitiesForLesson=[];
for(let i=0;i<activities.length;i++){
let activityForLesson=[];
let activity=activities[i].split("*#_*");
activityForLesson[0]=0;//mode
activityForLesson[1]=" ";//first person picture
activityForLesson[2]="";//date
activityForLesson[3]="";//time
//LMSSimpleScript[contentSubmissionFileUrl, contentSubmissionTitle, description, positionInChat]
activityForLesson[4]="<div align='right' style='width:100%;'><iframe allowfullscreen='true' webkitallowfullscreen='true' mozallowfullscreen='true' style='-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:20vw;margin:20px;' src='"+activity[0]+"' ></iframe><div style='margin:20px;margin-top:0px;width:20vw;text-align:left;'>"+activity[2]+"</div></div>";//message
activitiesForLesson[i]=activityForLesson;
}
updateConversationBody(activitiesForLesson);
}
function updateConversationBody(conversationArray){
var chat='';
for(var i=0;i<conversationArray.length;i++){
try{
var messageArray=[];
messageArray=conversationArray[i];
if(messageArray[1].length>1){
if(messageArray[0]==0){
if(messageArray[1].length>2){
chat=chat+"<div style='display:block;margin-bottom:10px;' align='right'><div style='margin:20px;width:60px;height:60px;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;overflow:hidden;'><img style='width:60px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);' src='"+messageArray[1]+"'></div> </div> ";}else{
chat=chat+"<div style='display:block;margin-bottom:10px;' align='right'><div style='margin:20px;width:60px;height:60px;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;overflow:hidden;background-color:whitesmoke'><div style='text-align:center;font:30px Calibri;position:relative;top:50%;transform:translate(0%,-50%)'>"+messageArray[1]+"</div></div> </div> ";
}
chat=chat+"<div style='padding:10px 10px; overflow:hidden;display:block;background-color:whitesmoke;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin-bottom:10px;'><div style='white-space: pre-wrap;'>"+messageArray[4]+"</div><div style='margin-top:10px;color:gray;text-align:right;'>"+messageArray[2]+" | "+messageArray[3]+"</div></div>";}
else{
if(messageArray[2].length>2){
chat=chat+"<div style='display:block;margin-bottom:10px;' ><div style='margin:20px;width:60px;height:60px;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;overflow:hidden;'><img style='width:60px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);' src='"+messageArray[1]+"'></div> </div>";}else{
chat=chat+"<div style='display:block;margin-bottom:10px;' ><div style='margin:20px;width:60px;height:60px;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;overflow:hidden;background-color:whitesmoke'><div style='text-align:center;font:30px Calibri;position:relative;top:50%;transform:translate(0%,-50%)'>"+messageArray[1]+"</div></div> </div> ";}
chat=chat+"<div style='padding:10px 10px; overflow:hidden;display:block;background-color:whitesmoke;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin-bottom:10px;'><div style='white-space: pre-wrap;'>"+messageArray[4]+"</div><div style='margin-top:10px;color:gray;text-align:right;'>"+messageArray[2]+" | "+messageArray[3]+"</div></div>";}
}
}catch(err){}
}
document.getElementById('conversationBodys').innerHTML=chat;
document.getElementById('sendButton').disabled=false;
}