Untitled



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">

	<head>

		<script src="/openmrs/openmrs.js?v=1.10.0.27918" type="text/javascript" ></script>

		<script src="/openmrs/scripts/openmrsmessages.js?v=1.10.0.27918&locale=en" type="text/javascript" ></script>

		<link href="/openmrs/openmrs.css?v=1.10.0.27918" type="text/css" rel="stylesheet" />

		<link href="/openmrs/openmrs_green.css" type="text/css" rel="stylesheet" />

		<link href="/openmrs/style.css?v=1.10.0.27918" type="text/css" rel="stylesheet" />

		<script src="/openmrs/dwr/engine.js?v=1.10.0.27918" type="text/javascript" ></script>

		<script src="/openmrs/dwr/interface/DWRAlertService.js?v=1.10.0.27918" type="text/javascript" ></script>


			<script src="/openmrs/scripts/jquery/jquery.min.js?v=1.10.0.27918" type="text/javascript" ></script>

			<script src="/openmrs/scripts/jquery-ui/js/jquery-ui.custom.min.js?v=1.10.0.27918" type="text/javascript" ></script>

            <script src="/openmrs/scripts/jquery-ui/js/jquery-ui-timepicker-addon.js?v=1.10.0.27918" type="text/javascript" ></script>

			<script src="/openmrs/scripts/jquery-ui/js/jquery-ui-datepicker-i18n.js?v=1.10.0.27918" type="text/javascript" ></script>

			<script src="/openmrs/scripts/jquery-ui/js/jquery-ui-timepicker-i18n.js?v=1.10.0.27918" type="text/javascript" ></script>

			<link href="/openmrs/scripts/jquery-ui/css/green/jquery-ui.custom.css" type="text/css" rel="stylesheet" />


		<link rel="shortcut icon" type="image/ico" href="/openmrs/images/openmrs-favicon.ico">

		<link rel="icon" type="image/png" href="/openmrs/images/openmrs-favicon.png">


				<title>OpenMRS</title>


		<script type="text/javascript">


				var $j = jQuery.noConflict();


			/* variable used in js to know the context path */

			var openmrsContextPath = '/openmrs';

			var dwrLoadingMessage = 'Loading...';

			var jsDateFormat = 'mm/dd/yyyy';

			var jsTimeFormat = 'hh:mm TT';

			var jsLocale = 'en';


			/* prevents users getting false dwr errors msgs when leaving pages */

			var pageIsExiting = false;

			if (typeof(jQuery) != "undefined")

			    jQuery(window).bind('beforeunload', function () { pageIsExiting = true; } );


			var handler = function(msg, ex) {

				if (!pageIsExiting) {

					var div = document.getElementById("openmrs_dwr_error");

					div.style.display = ""; // show the error div

					var msgDiv = document.getElementById("openmrs_dwr_error_msg");

					msgDiv.innerHTML = 'A javascript error has occurred:' + " <b>" + msg + "</b>";

				}


			};

			dwr.engine.setErrorHandler(handler);

			dwr.engine.setWarningHandler(handler);

		</script>


	</head>


<body>

	<div id="pageBody">


		<div id="userBar">


					<span id="userLoggedInAs" class="firstChild">

						Currently logged in as Super User

					</span>

					<span id="userLogout">

						<a href='/openmrs/logout'>Log out</a>

					</span>

					<span>

						<a href="/openmrs/options.form">My Profile</a>

					</span>


			<span id="userHelp">

				<a href='/openmrs/help.htm'>Help</a>

			</span>


		</div>


		<div id="banner">

<a href="http://openmrs.org">

  <div id="logosmall"><img src="/openmrs/images/openmrs_logo_text_small.gif" alt="OpenMRS Logo" border="0"/></div>

</a>

<table id="bannerbar">

  <tr>

    <td id="logocell"> <img src="/openmrs/images/openmrs_logo_white.gif" alt="" class="logo-reduced61" />

    </td>

	<td id="barcell">

        <div class="barsmall">

        <img align="left" src="/openmrs/images/openmrs_green_bar.gif" alt="" class="bar-round-reduced50"/>


				<ul class="navList">	<li id="homeNavLink" class="firstChild">

		<a href="/openmrs/">Home</a>

	</li>


	<li id="findPatientNavLink">

		<a href="/openmrs/findPatient.htm">


				Find/Create Patient


		</a>

	</li>


		<li id="dictionaryNavLink">

			<a href="/openmrs/dictionary">Dictionary</a>

		</li>


		<li id="administrationNavLink">

			<a href="/openmrs/admin">Administration</a>

		</li>


</ul>


        </div>

    </td>

  </tr>

</table>

</div>


		<div id="content">


			<div id="openmrs_dwr_error" style="display:none" class="error">

				<div id="openmrs_dwr_error_msg"></div>

				<div id="openmrs_dwr_error_close" class="smallMessage">

					<i>The full stacktrace for this error can usually be found in your server's error logs.</i>

					<a href="#" onclick="this.parentNode.parentNode.style.display='none'">Hide error</a>

				</div>

			</div>


<ul id="menu">

	<li class="first"><a

		href="/openmrs/admin">Admin</a></li>


	<li

		class="active">

		<a

		href="/openmrs/module/ExportCCD/ccdConfiguration.form">Configure CCD Sections</a>

	</li>


	<!-- Add further links here -->

</ul>

<h2>

	Configure CCD Sections

</h2>


<script src="/openmrs<openmrs:contextPath/>/dwr/interface/DWRMyModuleService.js?v=1.10.0.27918" type="text/javascript" ></script>

<script type="text/javascript">

$j(document).ready(function(){

 $j('#vitalSigns').data("counter",0);

 $j('#socialHistory').data("counter",0);


 $j('#post').click(function(){


               $j('#vitalSignsCounter').val($j('#vitalSigns').data("counter"));

               $j('#socialHistoryCounter').val($j('#socialHistory').data("counter"));

          $j('form').submit();


 });


 $j(':button.addButton').click(function(){


  var parent=$j(this).parent();

  var count=$j(parent).data("counter");


  var parentId=$j(parent).attr('id');

  var generatedId=parentId+count+"";

  alert($j('#'+parentId+'_conceptId_selection').val());

 DWRMyModuleService.getConceptMappings($j('#'+parentId+'_conceptId').val(),getConceptReferenceTerms);


  $j(parent).data("counter",count+1);

  var spanId=generatedId+"_span";

  var v='</br><span id="'+spanId+'">'+$j('#'+parentId+'_conceptId_selection').val()+'<input type="hidden" id="'+spanId+'_hid" name="'+spanId+'_hid" value="'+$j('#'+parentId+'_conceptId').val()+'"/><input id="'+spanId+'_remove" type="button" value="remove" onClick="$j(this).parent().remove();refresh(\''+parentId+'\')"/></span>';


  $j(parent).append(v);


 });


});


function getConceptReferenceTerms(map)

{

	alert("The no of reference source to this concept is"+map.length);

}


function refresh (superParentId) {

	var flag=true;

	$j('#'+superParentId+' span').each(function(index) {


		$j('#'+superParentId).data("counter",index+1);

		flag=false;

	    var spanId=this.id;

	    var newSpanId=superParentId+index+"_span";

	    this.id=newSpanId;

	    $j('#'+spanId+'_hid').attr('name',newSpanId+'_hid').attr('id',newSpanId+'_hid');

 		 $j('#'+spanId+'_remove').removeAttr('onclick',null).unbind('click').attr('id',newSpanId+'_remove').click(function() {

		 $j('#'+newSpanId).remove();


		 refresh(superParentId);

			 });

	      });

	if(flag)

	$j('#'+superParentId).data("counter",0);


	}


</script>


<form id='ccdSections' method="POST">


<div class="boxHeader">Configure Vital Sign Section</div>

<div id="vitalSigns" class="box">

Find Concept(s)


<script src="/openmrs/dwr/interface/DWRConceptService.js?v=1.10.0.27918" type="text/javascript" ></script>

<script src="/openmrs/scripts/jquery/autocomplete/OpenmrsAutoComplete.js?v=1.10.0.27918" type="text/javascript" ></script>

<script src="/openmrs/scripts/jquery/autocomplete/jquery.ui.autocomplete.autoSelect.js?v=1.10.0.27918" type="text/javascript" ></script>


<script type="text/javascript">


	$j(document).ready( function() {


		var includeC = "".split(",");

		var excludeC = "".split(",");

		var includeD = "".split(",");

		var excludeD = "".split(",");


		// the typical callback

		var callback = new CreateCallback({includeClasses:includeC, excludeClasses:excludeC, includeDatatypes:includeD, excludeDatatypes:excludeD}).conceptCallback();


		// set up the autocomplete

		new AutoComplete("vitalSigns_conceptId_selection", callback, {

			select: function(event, ui) {

				funcvitalSigns_conceptIdAutoCompleteOnSelect(ui.item.object, ui.item);

			},

            placeholder:'Enter concept name or id',

            autoSelect: true

		});


		//Clear hidden value on losing focus with no valid entry

		$j("#vitalSigns_conceptId_selection").autocomplete().blur(function(event, ui) {

			if (!event.target.value) {

				jquerySelectEscaped('vitalSigns_conceptId').val('');

			}

		});


	})


	function funcvitalSigns_conceptIdAutoCompleteOnSelect(concept, item) {

		jquerySelectEscaped('vitalSigns_conceptId').val(concept.conceptId);


		// if called with initialValue, show the name ourselves

		if (!item) {

			jquerySelectEscaped('vitalSigns_conceptId_selection').val(concept.name);

			jquerySelectEscaped('vitalSigns_conceptId_selection').autocomplete("option", "initialValue", concept.name);

		}


	}

</script>


<input type="text" id="vitalSigns_conceptId_selection" />

<input type="hidden" name="vitalSigns_conceptId" id="vitalSigns_conceptId" />

<input type="text" name="vitalSigns_conceptId_other" id="vitalSigns_conceptId_other" style="display:none" value=""/>

<input type="button" value="ADD" id="addButton" class="addButton"/>

 <input type="hidden" id="vitalSignsCounter" name="vitalSignsCounter"/>

</div>

<br>

<div class="boxHeader">Configure Social History Section</div>

<div id="socialHistory" class="box">

Find Concept(s)


<script type="text/javascript">


	$j(document).ready( function() {


		var includeC = "".split(",");

		var excludeC = "".split(",");

		var includeD = "".split(",");

		var excludeD = "".split(",");


		// the typical callback

		var callback = new CreateCallback({includeClasses:includeC, excludeClasses:excludeC, includeDatatypes:includeD, excludeDatatypes:excludeD}).conceptCallback();


		// set up the autocomplete

		new AutoComplete("socialHistory_conceptId_selection", callback, {

			select: function(event, ui) {

				funcsocialHistory_conceptIdAutoCompleteOnSelect(ui.item.object, ui.item);

			},

            placeholder:'Enter concept name or id',

            autoSelect: true

		});


		//Clear hidden value on losing focus with no valid entry

		$j("#socialHistory_conceptId_selection").autocomplete().blur(function(event, ui) {

			if (!event.target.value) {

				jquerySelectEscaped('socialHistory_conceptId').val('');

			}

		});


	})


	function funcsocialHistory_conceptIdAutoCompleteOnSelect(concept, item) {

		jquerySelectEscaped('socialHistory_conceptId').val(concept.conceptId);


		// if called with initialValue, show the name ourselves

		if (!item) {

			jquerySelectEscaped('socialHistory_conceptId_selection').val(concept.name);

			jquerySelectEscaped('socialHistory_conceptId_selection').autocomplete("option", "initialValue", concept.name);

		}


	}

</script>


<input type="text" id="socialHistory_conceptId_selection" />

<input type="hidden" name="socialHistory_conceptId" id="socialHistory_conceptId" />

<input type="text" name="socialHistory_conceptId_other" id="socialHistory_conceptId_other" style="display:none" value=""/>

<input type="button" value="ADD" id="addButton" class="addButton"/>

 <input type="hidden" id="socialHistoryCounter" name="socialHistoryCounter"/>

</div>

<input type="submit" value='Save' /></td>

</form>


				<br/>

		</div>

	</div>


	<div id="footer">

		<div id="footerInner">


			<span id="localeOptions">


					<a href="?&amp;lang=en_GB">English (United Kingdom)</a>


					|


					<a href="?&amp;lang=en_US">English (United States)</a>


			</span>


			<span id="buildDate">Last Build: Jun 16 2012 02:38 PM</span>


			<span id="codeVersion">Version: 1.10.0			SNAPSHOT Build 27918</span>


			<span id="poweredBy"><a href="http://openmrs.org">Powered by OpenMRS <img border="0" align="top" src="/openmrs/images/openmrs_logo_tiny.png"/></a></span>

		</div>

	</div>


</body>

</html>