crf/views/visit0.html

<style>
table {margin-bottom:20px;table-layout:fixed; border-collapse:collapse; border-spacing:10px}
table.t1 {width:400px; border:1px solid black}
table.t1 th {border:1px solid black;padding:4px;background-color:#e0e0e0}
table.t1 td {text-align:center}
table.t2 {width:800px; border:1px solid black;}
table.t2 th {border:1px solid black;padding:4px;background-color:#e0e0e0}
table.t2 td {border:1px solid black; text-align:center}

div.d1 {text-align:center; width=400px; background-color:#e0e0e0;
        font-size:      20px; margin-bottom:20px}
</style>

<table cellspacing="2" cellpadding="5" border="0">
<tr><td>CRF ID: </td><td><strong id="crfRefId">1583163135258</strong></td></tr>
<tr><td>Eudra CT Number: </td><td><strong id="eudraCTNumber">Loading</strong></td></tr>
<tr><td>Study Sponsor: </td><td><strong id="studySponsor">Loading</strong></td></tr>
<tr><td>Study Coordinator: </td><td><strong id="studyCoordinator">Loading</strong></td></tr>
<tr><td>Site: </td><td><strong id="siteName">Loading</strong></td></tr>
<tr><td>Investigator: </td><td><strong id="investigatorName">Loading</strong></td></tr>
</table>

<form name="visitForm" id="visitForm">

</form>

<div id="submitDiv"/>


<div id="errorDiv" style="display:none">
<textarea id="errorTxt" cols="95" rows="10"></textarea>
</div>

<div id="debug" style="display:block">
<textarea cols="95" rows="10" name="formStatus" id="formStatus">
Loading
</textarea>
</div>



<script type="text/javascript">

window.onload = init();

function init(){
		
	var searchParams = new URLSearchParams(window.location.search);
	
	//update this to pick crfRef from url
	let crfRef=searchParams.get('entryId');
	document.getElementById("crfRefId").innerHTML=crfRef;
	//let crfRef=document.getElementById("crfRefId").innerHTML;
	


	let config=new Object();
	//will this change if we are in views?
	config.masterForm="visitForm";
	
	config.document=document;
	config.debugId="formStatus";
	config.crfRefId="crfRefId";
	config.containerPath="TECANT/Data";
	
	
	clear(config);
	print(config,"Container path"+config.containerPath);


	let selectRows=new Object();
	selectRows.containerPath=config.containerPath;
	selectRows.schemaName='lists';
	selectRows.queryName='crfEntry';
	selectRows.filterArray=[LABKEY.Filter.create('entryId',crfRef)];
	selectRows.success=function(data){populateBasicData(config,data)};
	//requires populateBasicData
	LABKEY.Query.selectRows(selectRows);

	config.fields=new Object();	

	let configSelectRows=new Object();
	configSelectRows.containerPath=config.containerPath;
	configSelectRows.schemaName='lists';
	configSelectRows.queryName='visitZeroSetup';
	configSelectRows.success=function(data){generateForm(config,data);};
	configSelectRows.failure=function(errorTxt){print(config,"generateForm fail")};
	LABKEY.Query.selectRows(configSelectRows);

	config.submitReportId="submitReport";
	//requires onSubmit
	generateButton(config,"submitDiv","Submit",onSubmit,config);

	

}
</script>