<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src='googleSheetsPortal.js'></script>
<script src='guiForm.js'></script>
<script src='gui.js'></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
div.onHover{color:black;background-color:rgba(255,165,0,0.8);}
div.onHover:hover{color:white;background-color:#4F6272;}
</style>
</head>
<body>
<div style='position:fixed;top:0px;left:0px;z-index:3;width:100%;height:100%;background-color:rgba(225,225,225,0.4);' id='locationDropDownMenuUi' ></div>
<div id='uI' style= 'margin: auto; width:300px;' >
</div>
<div id='status' style= 'margin: auto; width:300px;text-align:center;' ><br></div>
<br>
</body>
<script>
var googleSheetsPortalScript='';
var locations=[];
locations=['Abaco','Exuma','Nassau'];
var locationsDropdownMenu="<div style='position:absolute;top:50vh;transform:translate(0%,-50%)'><div style='padding:12px 12px;width:100vw;text-align:center;font:22px Calibri;background-color:rgb(10,31,87);color:white;'>🔍 Select Location</div>";
for(var i=0;i<locations.length;i++){
locationsDropdownMenu=locationsDropdownMenu+"<div style='padding:12px 12px;width:100vw;text-align:center;font:22px Calibri;cursor:pointer;' onclick='javascript:setLocation('"+locations[i]+"')' class='onHover'>"+locations[i]+"</div>";
}
locationsDropdownMenu=locationsDropdownMenu+"</div>";
document.getElementById('locationDropDownMenuUi').innerHTML=locationsDropdownMenu;
function setLocation(locationToSet){
if(locationToSet==locations[0]){
//Abaco
googleSheetsPortalScript='https://script.google.com/macros/s/AKfycbz-OzVBqZXgbPvn1Gngqr3agxiphTFXL3KZWo-6FA/exec';}
if(locationToSet==locations[1]){
//Exuma
googleSheetsPortalScript='https://script.google.com/macros/s/AKfycbzbnxUf5czkCGHfjq9FBdx925DZDHyAc4uxW81o-A/exec';}
if(locationToSet==locations[2]){
//Nassau
googleSheetsPortalScript='https://script.google.com/macros/s/AKfycbyjR3Ac6BeNkn1uoeGFoiNtr8amdyyII6bywaa8Z9aMKIr11FQ/exec';}
document.getElementById('locationDropDownMenuUi').style.display='none';
document.getElementById('Location').innerHTML=locationToSet;
document.getElementById('Location').style.backgroundColor='rgba(255,165,0,0.8)';
document.getElementById('Location').style.color='rgb(10,31,87)';
}
var patientInfo='';
var testName='';
makePicture('accessMedicalLogo.png');
makeTitle('Location');
makeField('Identification number');
makeHeading('Personal information');
makeField('First name');
makeField('Last name');
makeField('Email address');
displayUi('uI',getFormUiAsString());
function send(){
if(isFieldsFilled()){
displayUi('status','');
setEnabled('submitButtonGuiForm',false);
sendDataToGoogleSheets(['patientIsViewingResults',getFieldText('Identification number'),getFieldText('First name'),getFieldText('Last name'),getFieldText('Email address')],googleSheetsPortalScript);
displayUi('status',"<i class='fa fa-gear fa-spin' style='font-size:24px;color:lightgray'></i>");
}else{
isCharactersValid('Identification number', 'numeric');
isCharactersValid('First name', '');
isCharactersValid('Last name', '');
isCharactersValid('Email address','');
displayUi('status','Invalid characters');
}
}
function isFieldsFilled(){
var fieldsFilled=true;
if(!isCharactersValid('Identification number', 'numeric')){fieldsFilled=false;}
if(!isCharactersValid('First name', '')){fieldsFilled=false;}
if(!isCharactersValid('Last name', '')){fieldsFilled=false;}
if(!isCharactersValid('Email address','')){fieldsFilled=false;}
displayUi('status','Invalid characters');
return fieldsFilled;
}
function receiveDataFromGoogleSheets(){
waitForGoogleThenExecute();
if(getDataFromGoogleSheetsAsArray()[0]=='pdfAvailable'){
var resultsArray=getDataFromGoogleSheetsAsArray();
var resultLinks;
resultLinks="<ul>";
for(var i=1;i<resultsArray.length;i=i+2){
if(resultsArray[i+1].indexOf('Pending')==-1){
resultLinks=resultLinks+"<li><a href='"+resultsArray[i+1]+"' target='_blank'>"+resultsArray[i]+"</a></li>";}else{
resultLinks=resultLinks+"<li style='color:gray'><u>"+resultsArray[i]+" (Pending results)</u></li>";
}
}
resultLinks=resultLinks+"</ul>";
displayUi('uI', "<div style= 'margin: auto; width:260px;' ><div'><img src='accessMedicalLogo.png' width=250></div><hr><h4> COVID results</h4>"+resultLinks+"</div>");
}
if(getDataFromGoogleSheetsAsArray()[0]=='pdfUnavailable'){
displayUi('status', "Record not found");
setEnabled('submitButtonGuiForm',true);
}
}
function waitForGoogleThenExecute(){
displayUi('status','');
}
</script>
</html>