RSS Git Download  Clone
Raw Blame History
[% META
    title  = 'Haematological Malignancy Research Network » Edit Treatment Data'
    addcss = 'smoothness/jquery-ui-1.8.4.custom.css' # for DatePicker
%]

<!-- BEGIN hmrn/data/edit_treatment_data.tt  -->
    [% # PROCESS dumper.tt dump = data %]
    
	<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="/js/jquery-ui-1.8.4.custom.min.js"></script>	
    <script type="text/javascript">
        $(function() {
            $('.datepicker').datepicker({
                changeMonth: true,
                changeYear: true,
                dateFormat: 'dd/mm/yy',
            });
        });
	</script>
	<script language="javascript" type="text/javascript">
	<!--
		function showhide_tx_detail(f,v) {
			var t = f.tx_detail_id;
			var tx_type_ids = [ [% 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:
		[% visibility = data.maps.tx_details.size ? 'visible' : 'hidden' %]
		addLoadEvent(
			function() { 
				document.treatment.tx_detail_id.style.visibility='[% visibility %]';
			}
		);

		// 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>
	
	[% hmrn_treatment_dfv_js %]
	
    <h3>Edit treatment data:</h3>
    

    [% IF dfv_errors %]
        <p class="error">[% c.cfg('msg').dfv_errors %]</p>
	[% ELSE %]
		<p class="indent warning">Minimum data entry: centre &amp; type</p>
    [% END %]

    <form method="post" action="[% app_url %]/hmrn_data/do_edit_treatment/[% data.request_id
            %]/[% data.id %]" name="treatment" [% hmrn_treatment_onsubmit %]>

	  <table class="indent">	
		<tr>
			<td class="label">Centre:</td>
			<td class="content">
				<select name="location_id">
					<option value=""></option>
					[% FOREACH key IN data.maps.location.keys.sort %]
                    <option value="[% data.maps.location.$key %]"
						[% 'selected' IF data.maps.location.$key == data.location_id %]>
                        [% key %]
					</option>
					[% END %]
				</select>
				[% error_location_id %]
			</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 data.maps.tx_type.keys.sort %]
                    <option value="[% data.maps.tx_type.$key %]"
					[% 'selected' IF data.maps.tx_type.$key == data.tx_type_id %]>
                        [% key %]
					</option>
					[% END %]
				</select>
				[% error_tx_type_id %]
			</td>
		</tr>
		<tr>				
			<td class="label">Detail:</td>
			<td class="content">
				<!-- // replaced by ajax output after selection of tx_type_id: -->
				<select name="tx_detail_id" id="tx_detail">					
					[% IF data.maps.tx_details.size %]
					<option value=""></option>
					[% FOREACH opt IN data.maps.tx_details %]
						<option value="[% opt.key %]"
						[% 'selected' IF opt.key == data.tx_detail_id %]>
							[% opt.value %]
						</option>
					[% END; END %]
				</select>
				[% error_tx_detail_id %]
			</td>
		</tr>
		<tr>
			<td class="label">Start:</td>
			<td class="content">
				<input type="text" name="start_date" class="datepicker"
					value="[% data.start_date.strftime('%d.%b.%Y') %]" size="10" />
				[% error_start_date %]
			</td>
		</tr>
		<tr>
			<td class="label">End:</td>
			<td class="content">
				<input type="text" name="end_date" class="datepicker"
					value="[% data.end_date.strftime('%d.%b.%Y') %]" size="10" />
				[% error_end_date %]
			</td>
		</tr>
		<tr>
			<td class="label">Response:</td>
			<td class="content">
				<select name="response">
					<option value=""></option>
					[% FOREACH option IN data.maps.response %]
                    <option value="[% option %]"
						[% 'selected' IF option == data.response %]>
						[% option %]
					</option>
					[% END %]
				</select>
				[% error_response %]
			</td>
		</tr>		
	
		<tr class="borderless">
			<td>[% site.html.back_button %]</td>
			<td align="right">
				[% site.html.submit %]
				[% site.html.reset %]
			</td>
		</tr>
      </table>
    </form>
<!-- END hmrn/data/edit_treatment_data.tt  -->