<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">
</head>
<body>
<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='https://script.google.com/macros/s/AKfycbyjR3Ac6BeNkn1uoeGFoiNtr8amdyyII6bywaa8Z9aMKIr11FQ/exec';
var patientInfo='';
var testName='';
makePicture('accessMedicalLogo.png');
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>