<html style="height:100%;scroll-behavior:smooth;">
<head>
<title>Advanced Functions Certificates</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"><link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css'>
<script src="https://kit.fontawesome.com/de23248495.js" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/8a8aef659a.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet">
<script src='guiForm.js?version=7'></script>
<script src='gui.js'></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src='googleSheetsPortal.js'></script>
<script src='profile.js'></script>
<script src='therapistProfile.js'></script>
<script src='searchBar.js'></script>
<script src='fakeUpdate.js?version=59'></script>
<script src='advertisingMobile.js?version=16'></script>
<script src='simpleModule.js?version=1'></script>
<script src='panels.js?version=27'></script>
<script src='modules.js?version=96'></script>
<script src='pictureTitleDescriptionPanel.js?version=4'></script>
<script src='pictureTitleDescriptionEditPanel.js?version=55'></script>
<script src='calendar.js?version=34'></script>
<script src='tableWithHeadingColumnAndMax4BarGraph.js?version=5'></script>
<script src='chat.js?version=185'></script>
<script src='databaseDataDistributor.js?version=257'></script>
<script src='loginPanel.js?version=12'></script>
<script src='dropDownPanel.js?version=78'></script>
<script src='getCertificates.js?version=0'></script>
</head>
<style>
div.autoScroll{overflow:hidden;}
div.autoScroll:hover{overflow-y:auto;scrollbar-width:thin;}
div.onHoverTherapist{background-color:whitesmoke;}
div.onHoverTherapist:hover{background-color:lightgray;}
div.onHoverHome{color:black;background-color:background-color:rgba(255,250,240,0.6);}
div.onHoverHome:hover{color:black;background-color:#00C0FF;}
div.onHover{color:black;background-color:light-gray;}
div.onHover:hover{color:white;background-color:#4F6272;}
a.onHover{color:black;background-color:light-gray;}
a.onHover:hover{color:white;background-color:#4F6272;}
div.onHoverAdmin{color:black;background-color:rgba(255,250,240,0.6);}
div.onHoverAdmin:hover{color:black;background-color:#00C0FF;}
textarea.autoScroll{overflow:hidden;}
textarea.autoScroll:hover{overflow-y:auto;}
iframe.autoScroll{overflow:hidden;}
iframe.autoScroll:hover{overflow-y:auto;}
span.yellowStar{color:#DD7596;}
@keyframes popupStatus{
0%{color:#ffb6c1;}
25%{color:#89cff0;}
50%{color:#28387f;}
75%{color:#ffcfcf;}
100%{color:#b15555;}
}
@keyframes fadeIn {
0% {filter:blur(5px);transform:scale(98%);}
20% {filter:blur(90px);transform:scale(120%);}
100% {filter:blur(0px);transform:scale(100%);}
}
</style>
<body style="margin:0px;" id='home' onload='loadAdvertisingPage()'>
<div id='homeScreen' onclick='javascript:removePopup()'>
<h1 style='font:20px Calibri;position:fixed;top:0px;background-color:whitesmoke;color:black;width:100%;z-index:2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0px;box-shadow: 0px 2px 2px 2px rgba(10,31,87,0.2);'><div style='cursor:pointer;float:left;padding:10px 5px;margin-left:5px'>Course: Introduction To Microcontroller</div><div class='onHoverHome' style="float:right;padding:10px 5px;margin-right:5px;color:#009600">✓ Validation By Work</div></h1>
<div id='studentTimelines' style='margin:10vw;margin-top:30vw;'>
</div>
</div>
<div id='dashboard' style='display:none;' ></div>
<font face='Arial' size='2'>
<div id='popupPanel'></div>
</font>
<div id='loginRejectionPanel'></div>
<div id='adminPatientRejectionPanel'></div>
<div id='adminTherapistRejectionPanel'></div>
</body>
<script>
var originalLink=window.location.href.substring(0,window.location.href.indexOf('?'));
var certificateNumber=window.location.href.substring(window.location.href.indexOf('?')+1,window.location.href.length);
if(window.location.href.indexOf('?')>-1){
//console.log(certificateNumber);
}
if(screen.width>767){
//console.log(originalLink.replace('certificatesMobile','certificates')+'?'+certificateNumber);
location.replace(originalLink.replace('certificatesMobile','certificates')+'?'+certificateNumber);
}
certificateNumber=certificateNumber.substring(4,certificateNumber.length-1);
//console.log(originalLink);
//console.log(certificateNumber);
//console.log(certificateNumber);
function loadAdvertisingPage(){
var dataAsArrayToSend=[];
var arrayToSend=[];
dataAsArrayToSend[0]=certificateNumber;
arrayToSend[0]=[10,1,1].join("^,^");
arrayToSend[1]=dataAsArrayToSend.join("*,^");
sendDataToGoogleSheets([arrayToSend.join("*.^")],googleSheetsPortalScriptLMS);
//console.log("sending:");
//console.log(arrayToSend.join("*.^"));
}
function makeCertificates(certificateArray){
let certificateEntries=certificateArray[0].split('^.^');
let certificateEntriesForDisplay=[];
//console.log("certificateEntries:",certificateEntries);
for(let i=0;i<certificateEntries.length;i++){
certificateEntriesForDisplay[i]=certificateEntries[i].split("*#_");
}
//console.log("certificateEntriesForDisplay: ",certificateEntriesForDisplay);
let array=[certificateEntriesForDisplay];
//console.log("Certi: ",array);
var timelineButtons=[certificateEntriesForDisplay[0][0]];
document.getElementById('studentTimelines').innerHTML=getMobileTimeline(certificateEntriesForDisplay[0][4],'featuredStudents',array,timelineButtons);
scrollTimeline('featuredStudents',0,array.length);
}
</script>
</html>