<!-- BEGIN hmrn/data/treatment.tt -->
[% # PROCESS dumper.tt dump = hmrn_data.treatments %]
[% # PROCESS dumper.tt dump = hmrn_data.maps.tx_type_ids %]
<script language="javascript" type="text/javascript">
<!--
function showhide_tx_detail(f,v) {
var t = f.tx_detail_id;
var tx_type_ids = [ [% hmrn_data.maps.tx_type_ids.join(',') %] ];
// does value of 'v' match any of tx_type_ids array:
match = jQuery.grep(tx_type_ids, function (a) { return a == v; }); // alert(match);
/* alternative:
var match = 0;
for (i=0; i<tx_type_ids.length; i++) {
if (tx_type_ids[i] == v) {
match = 1;
break;
}
}
if (match) { .. }
*/
if (match.length) { // ie contains the value of tx_type_id
t.style.visibility='visible';
}
else {
t.style.visibility='hidden';
}
}
// use addLoadEvent function in common.js for onload:
addLoadEvent(
function() {
document.treatment.tx_detail_id.style.visibility='hidden';
}
);
// tx_type_id onChange event for tx_detail_id select menu
$(document).ready(function () {
$('#tx_type_id').change( function() {
$('#tx_detail').load('[% app_url %]/hmrn_data/treatment_options', {
tx_type_id: $('#tx_type_id').val()
})
})
});
-->
</script>
<h3 class="header">Treatment/trial history:</h3>
[% IF hmrn_data.treatments.size %]
<table class="indent">
<tr>
<td class="borderless"></td>
<th scope="col">Centre</th>
<th scope="col">Type</th>
<th scope="col">Detail</th>
<th scope="col">Start</th>
<th scope="col">End</th>
<th scope="col">Response</th>
</tr>
[% FOREACH episode IN hmrn_data.treatments %]
<tr>
<td>[% loop.count %]</td>
<td>
<input type="text" value="[% episode.location %]" [% site.html.readonly %] />
</td>
<td>
<input type="text" value="[% episode.tx_type %]" [% site.html.readonly %] />
</td>
<td>
<input type="text" value="[% episode.tx_detail %]" [% site.html.readonly %] />
</td>
<td>
<input type="text" value="[% episode.start_date.strftime('%d.%b.%Y') %]"
[% site.html.readonly %] size="10" />
</td>
<td>
<input type="text" value="[% episode.end_date.strftime('%d.%b.%Y') %]"
[% site.html.readonly %] size="10" />
</td>
<td>
<input type="text" value="[% episode.response %]" [% site.html.readonly %]
size="3" />
</td>
<td><a href="[% app_url %]/hmrn_data/edit_treatment/[% episode.id %]">edit</td>
</tr>
[% END %]
</table>
[% ELSE %]
<p class="indent info">No previous treatment data recorded</p>
[% END %]
[% IF user_can_enter_data %]
<p class="title">
[% div_name = 'new'; INCLUDE site/snippets/toggleview.tt %]
Add new entry
</p>
<div class="[% dfv_errors ? 'visible' : 'itemhidden' %]" id="[% div_name %]">
<p class="indent warning">Minimum data entry: centre & type</p>
<form method="post" action="[% app_url %]/hmrn_data/treatment" name="treatment">
<table class="indent">
<tr>
<td class="label">Centre:</td>
<td class="content">
<select name="location_id">
<option value=""></option>
[% FOREACH key IN hmrn_data.maps.location.keys.sort %]
<option value="[% hmrn_data.maps.location.$key %]">
[% key %]
</option>
[% END %]
</select>
</td>
</tr>
<tr>
<td class="label">Type:</td>
<td class="content">
<select name="tx_type_id" id="tx_type_id"
onchange="showhide_tx_detail(this.form,this.value)">
<option value=""></option>
[% FOREACH key IN hmrn_data.maps.tx_type.keys.sort %]
<option value="[% hmrn_data.maps.tx_type.$key %]">
[% key %]
</option>
[% END %]
</select>
<!-- // replaced by ajax output after selection of tx_type_id: -->
<select name="tx_detail_id" id="tx_detail"></select>
</td>
</tr>
<tr>
<td class="label">Start:</td>
<td class="content">
<input type="text" name="start_date" class="datepicker" size="10" />
</td>
</tr>
<tr>
<td class="label">End:</td>
<td class="content">
<input type="text" name="end_date" class="datepicker" size="10" />
</td>
</tr>
<tr>
<td class="label">Response:</td>
<td class="content">
<select name="tx_type_id">
<option value=""></option>
[% FOREACH option IN hmrn_data.maps.response %]
<option value="[% option %]">[% option %]</option>
[% END %]
</select>
</td>
</tr>
[% INCLUDE hmrn_submit %]
</table>
</form>
</div>
[% END %]
<!-- END hmrn/data/treatment.tt -->