Diffusion SHRINE MedCo Fork (feature/i2b2-merge-to-develop) Browse

i2b2-merge-to…

msg-viewer.html
View Options

			<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
			<html>
			<head>
			<title>Message Log</title>
			<link rel="stylesheet" type="text/css" href="../assets/msg_sniffer.css" />
			<!--[if lte IE 6]>
			<link rel="stylesheet" type="text/css" href="msg_snifferIE6.css"/>
			<![endif]-->
			<!-- Prototype JS framework -->
			<script type="text/javascript" src="../js-ext/prototype.js"></script>
			</head>
			<body onload="initialize();" class="msgSnifferViewer">
			<script>
			try {
			// copy over some namespace references
			var i2b2 = window.opener.i2b2;

			var SnifferDisplay = {
			_viewCommSide: "BOTH",
			_filteredView: false,
			changedOrigin: function(refSelect) {
			SnifferDisplay.renderFilteredList();
			},
			changedChannel: function(refSelect) {
			SnifferDisplay.renderActions();
			SnifferDisplay.renderFilteredList();
			},
			changedAction: function(refSelect) {
			SnifferDisplay.renderFilteredList();
			},
			renderFilteredList: function() {
			var matches = new Hash();
			var origin = false;
			var channel = false;
			var action = false;

			// clear XML display panel
			var rs = Element.select(document.body, ".msgXML");
			rs[0].innerHTML = ' ';
			rs[0].scrollTop = 0;

			// get form data
			var filtered = !(!SnifferDisplay._filteredView);
			if (filtered && SnifferDisplay._filteredView.origins && !(!SnifferDisplay._filteredView.origins.push)) {
			origin = SnifferDisplay._filteredView.origins;
			} else {
			var t = document.getElementById('sniffer_Origin');
			if (t.options[t.selectedIndex].value != "ALL" ) {
			origin = t.options[t.selectedIndex].value;
			}
			}

			if (filtered && SnifferDisplay._filteredView.cells && !(!SnifferDisplay._filteredView.cells.push)) {
			channel = SnifferDisplay._filteredView.cells;
			} else {
			var t = document.getElementById('sniffer_CommChannel');
			if (t.options[t.selectedIndex].value != "ALL" ) {
			channel = t.options[t.selectedIndex].value;
			}
			}

			if (filtered && SnifferDisplay._filteredView.actions && !(!SnifferDisplay._filteredView.actions.push)) {
			action = SnifferDisplay._filteredView.actions;
			} else {
			var t = document.getElementById('sniffer_ChannelAction');
			if (t.options[t.selectedIndex].value != "ALL" ) {
			action = t.options[t.selectedIndex].value;
			}
			}
			// sieve results from msg log
			var DB = i2b2.hive.MsgSniffer.signalMessageDB;
			for (var i=0; i<DB.length; i++) {
			var mThresh = 0;
			var mVal = 0;
			var rec = DB[i];
			if (origin) {
			mThresh++;
			if (origin.push) {
			for (var i2=0; i2 < origin.length; i2++) {
			if (rec.SignalOrigin==origin[i2]) {
			mVal++;
			break;
			}
			}
			} else {
			if (rec.SignalOrigin==origin) { mVal++; }
			}
			}
			if (channel) {
			mThresh++;
			if (channel.push) {
			for (var i2=0; i2 < channel.length; i2++) {
			if (rec.CellName==channel[i2]) {
			mVal++;
			break;
			}
			}
			} else {
			if (rec.CellName==channel) { mVal++; }
			}
			}
			if (action) {
			mThresh++;
			if (action.push) {
			for (var i2=0; i2 < action.length; i2++) {
			if (rec.CellAction==action[i2]) {
			mVal++;
			break;
			}
			}
			} else {
			if (rec.CellAction==action) { mVal++; }
			}
			}
			if (mVal==mThresh) { matches.set(i, rec); }
			}

			// clear the current msg index listing
			var lst = $('sniffer_MatchMsgList');
			while( lst.hasChildNodes() ) { lst.removeChild( lst.lastChild ); }

			// render the list of matching messages
			var tmpl = document.getElementById('sniffer_msg-REC'); // template code
			var time0 = false;
			if (matches.keys().length > 0) {
			matches.each(function(val) {
			var index = val[0];
			val = val[1];
			var disp = tmpl.cloneNode(true);
			disp.id = "sniffer_msg-"+index;
			// calculate T+x time string
			if (!time0) {
			// first record
			time0 = val.SignalTimestamp.valueOf();
			}
			var leadZeros = function(v, l) {
			var t = parseInt(v) + "";
			while (t.length < l) {
			t = "0" + t;
			}
			return t;
			}
			var tDiff = Math.abs(time0 - val.SignalTimestamp.valueOf());
			var tDisp = leadZeros((tDiff % 1000) / 10, 2);
			var x = tDiff / 1000;
			tDisp = leadZeros(x % 60, 2)+"." + tDisp;
			x = x / 60;
			tDisp = leadZeros(x % 60, 2)+":" + tDisp;
			// display to time node
			var el = Element.select(disp, ".msgTime")[0];
			el.innerHTML = "T+"+tDisp;
			el.title = val.SignalTimestamp.toLocaleTimeString();
			// display other nodes
			var el = Element.select(disp, ".msgChan")[0];
			el.innerHTML = val.CellName;
			var el = Element.select(disp, ".msgAction")[0];
			el.innerHTML = val.CellAction;
			var el = Element.select(disp, ".msgOrigin")[0];
			el.innerHTML = val.SignalOrigin;
			// change the color of the recieved message button if an error has occured
			if (val.CommDetails.error) {
			var el = Element.select(disp, ".recvStatus")[0];
			Element.addClassName(el, "msgError");
			}
			lst.appendChild(disp);
			Element.show(disp);
			});
			} else {
			lst.innerHTML = " ";
			}
			},
			renderOrigins: function() {
			if (SnifferDisplay._filteredView && SnifferDisplay._filteredView.origins) {
			return true;
			}
			var sn = document.getElementById('sniffer_Origin');
			while( sn.hasChildNodes() ) { sn.removeChild( sn.lastChild ); }
			// populate dropdown
			var pno = document.createElement('OPTION');
			pno.setAttribute('value', 'ALL');
			var pnt = document.createTextNode('All Origins');
			pno.appendChild(pnt);
			sn.appendChild(pno);
			for (var i=0; i<i2b2.hive.MsgSniffer.signalOrigins.length; i++) {
			var t = i2b2.hive.MsgSniffer.signalOrigins[i];
			var pno = document.createElement('OPTION');
			pno.setAttribute('value', t);
			var pnt = document.createTextNode(t);
			pno.appendChild(pnt);
			sn.appendChild(pno);
			}
			sn.selectedIndex = 0;
			},
			renderChannels: function() {
			var sn = document.getElementById('sniffer_CommChannel');
			while( sn.hasChildNodes() ) { sn.removeChild( sn.lastChild ); }
			// populate dropdown
			var isFiltered = (SnifferDisplay._filteredView && SnifferDisplay._filteredView.cells && !(!SnifferDisplay._filteredView.cells.push));

			if (!isFiltered) {
			var pno = document.createElement('OPTION');
			pno.setAttribute('value', 'ALL');
			var pnt = document.createTextNode('All Cells');
			pno.appendChild(pnt);
			sn.appendChild(pno);
			}
			for (var i=0; i<i2b2.hive.MsgSniffer.sniffSources.length; i++) {
			var t = i2b2.hive.MsgSniffer.sniffSources[i];
			var doAdd = true;
			if (isFiltered) {
			// apply filter
			var doAdd = false;
			for (var fi=0; fi < SnifferDisplay._filteredView.cells.length; fi++) {
			if (SnifferDisplay._filteredView.cells[fi] == t.channelCode) {
			doAdd = true;
			break;
			}
			}
			}
			if (doAdd) {
			var pno = document.createElement('OPTION');
			pno.setAttribute('value', t.channelCode);
			var pnt = document.createTextNode(t.channelName);
			pno.appendChild(pnt);
			sn.appendChild(pno);
			}
			}
			sn.selectedIndex = 0;
			},
			renderActions: function() {
			var sn = document.getElementById('sniffer_ChannelAction');
			while( sn.hasChildNodes() ) { sn.removeChild( sn.lastChild ); }
			// populate dropdown
			var pno = document.createElement('OPTION');
			pno.setAttribute('value', 'ALL');
			var pnt = document.createTextNode('All Actions');
			pno.appendChild(pnt);
			sn.appendChild(pno);
			sn.selectedIndex = 0;
			// find currently selected cell
			var c = document.getElementById('sniffer_CommChannel')
			c = c.options[c.selectedIndex].value;
			if (c == "ALL") { return true; }
			for (var i=0; i<i2b2.hive.MsgSniffer.sniffSources.length; i++) {
			if (i2b2.hive.MsgSniffer.sniffSources[i].channelCode == c) {
			c = i;
			break;
			}
			}
			for (var i=0; i<i2b2.hive.MsgSniffer.sniffSources[c].channelActions.length; i++) {
			var t = i2b2.hive.MsgSniffer.sniffSources[c].channelActions[i];
			var pno = document.createElement('OPTION');
			pno.setAttribute('value', t);
			var pnt = document.createTextNode(t);
			pno.appendChild(pnt);
			sn.appendChild(pno);
			}
			},
			refresh: function() {
			SnifferDisplay.renderOrigins();
			SnifferDisplay.renderChannels();
			SnifferDisplay.renderActions();
			SnifferDisplay.renderFilteredList();
			},
			showMsg: function(el, commSide) {
			if (commSide != "SENT" && commSide != "RCVD" ) { commSide = false; }
			var t = this._extract_id(el);
			var cn = "selected"; // class name
			if (!t) { return false; }

			// deselect previous
			var rs = Element.select(document.body, ".IndexRecord."+cn);
			for (var i=0; i<rs.length; i++) {
			Element.removeClassName(rs[i], cn);
			}

			// select new
			var t2 = document.getElementById("sniffer_msg-"+t);
			if (!Element.hasClassName(t2, cn)) {
			t2.className += (t2.className ? ' ' : '') + cn;
			}
			var rec = i2b2.hive.MsgSniffer.signalMessageDB[t];
			// tweak GUI when error occurs
			var cssError = "";
			if (rec.CommDetails.error) {
			cssError = "msgError";
			}
			// display XML
			commSide = this._viewCommSide;
			var output = "";
			if (commSide=="BOTH" \|\| commSide=="SENT") {
			output += '<pre class="msgXML msgSent">'+i2b2.h.Escape(rec.CommDetails.msgRequest)+'</pre>';
			}
			if (commSide=="BOTH" \|\| commSide=="RCVD") {
			output += '<pre class="msgXML msgRcvd '+cssError+'">'+i2b2.h.Escape(rec.CommDetails.msgResponse)+'</pre>';
			}
			var rs = Element.select(document.body, ".msgXML");
			rs[0].innerHTML = output;
			rs[0].scrollTop = 0;
			},
			showSingleCommSide: function(commSide) {
			if (commSide!="SENT" && commSide!="RCVD") { commSide = "BOTH"; }
			this._viewCommSide = commSide;
			// set to view both if next click does not hit the SEND or RCVD buttons
			setTimeout("SnifferDisplay._viewCommSide='BOTH'",200);
			},
			ClearLog: function() {
			if(confirm("Are you sure you want to delete ALL messages in the log?")) {
			i2b2.hive.MsgSniffer.signalMessageDB = [];
			this.refresh.call(this);
			}
			},
			_extract_id: function(div) {
			var t1 = div;
			while (!t1.id) {
			t1 = t1.parentNode;
			if (!t1) { break; }
			}
			var t2 = t1.id;
			var rec_num = t2.lastIndexOf('-');
			if (rec_num > 0) {
			rec_num = t2.slice(rec_num+1);
			return rec_num;
			} else {
			return false;
			}
			},
			resize: function(evt) {
			if (window.outerHeight < 260) { window.outerHeight = 260; }
			if (window.outerWidth < 600) { window.outerWidth = 600; }
			}
			};
			} catch(e) { alert('XML Message viewer failed to initialize.'); }
			function initialize() {
			var t = i2b2.hive.MsgSniffer.asyncStackFilter;
			if (t) {
			SnifferDisplay._filteredView = Object.clone(t);
			delete t;
			i2b2.hive.MsgSniffer.asyncStackFilter = false;
			$('sniffer_Origin').hide();
			$('sniffer_CommChannel').hide();
			$('sniffer_ChannelAction').hide();
			var t = $('view_stack_name')
			t.show();
			// t.innerHTML = SnifferDisplay._filteredView.title;
			} else {
			SnifferDisplay._filteredView = false;
			}
			SnifferDisplay.refresh.call(SnifferDisplay);
			Event.observe(window, 'resize', SnifferDisplay.resize.bindAsEventListener(SnifferDisplay));
			}
			</script>
			<form style="margin:0px; padding:0px;">
			<div id="sniffer_Filters" style="height:30px;border-top:1px solid #FFF;border-left:1px solid #FFF;border-bottom:1px solid #678;border-right:1px solid #678; background: #BCD; z-index:100;">
			<div class="filters" style="position:absolute;top:5px; white-space:nowrap; overflow:hidden; margin-left:8px">
			<div style="width:240px; float:left; display:none; font-family:arial,helvetica" id="view_stack_name">XML Message History</div>
			<select style="width:150px;" id="sniffer_Origin" onchange="SnifferDisplay.changedOrigin(this)">
			<option value="ALL" selected="selected">All Views</option>
			</select>
			<select style="width:150px;" style="margin-left:0px;" id="sniffer_CommChannel" onchange="SnifferDisplay.changedChannel(this)">
			<option value="ALL">All Cells</option>
			</select>
			<select style="width:250px;" id="sniffer_ChannelAction" onchange="SnifferDisplay.changedAction(this)">
			<option value="ALL" selected="selected">All Actions</option>
			</select>
			</div>


			</div>

			<div id="sniffer_MatchMsgList" style="position:absolute;top:32px;left:0px;background:#DBE8EF; width:250px; overflow:scroll;border-bottom:1px solid #678; bottom:0px; padding-bottom:18px; margin-bottom:18px"></div>
			<div id="sniffer_ListButtons" style="position:absolute; left:0px; bottom:2px; width:250px; height:28px; z-index:10; background: #F0F0F0; padding: 5px 0px 0px; align:center; border-top: 1px solid #F8F8F8">
			<input type="button" style="float: right; margin-right: 15px; width:70px;" value="Clear" onclick="SnifferDisplay.ClearLog()"/>
			<input type="button" style="margin:0px 5px; width:70px;" value="Refresh" onclick="SnifferDisplay.refresh()"/>
			</div>

			<div id="sniffer_MatchMsgDisp" class="msgXML" style="background: #FFF; padding: 3px; overflow:auto; position:absolute; top:32px; right:0px; left:250px; bottom:0px"></div>

			</form>
			<div id="sniffer_msg-REC" class="IndexRecord" style="border-top:1px solid #FFF;border-left:1px solid #FFF;border-bottom:1px solid #678; width:227px;display:none;" onclick="SnifferDisplay.showMsg(this)">
			<table style="font-size:inherit; width:227px;" cellspacing="0">
			<tbody>
			<tr>
			<td rowspan="2" width="26">
			<div class="sentStatus" title="Request" onclick="SnifferDisplay.showSingleCommSide('SENT')">sent</div>
			<div class="recvStatus" title="Response" onclick="SnifferDisplay.showSingleCommSide('RCVD')">rcvd</div>
			</td>
			<td><div class="msgAction">action</div></td>
			<td align="right"><div class="msgChan">cell</div></td>
			</tr>
			<tr>
			<td colspan="2">
			called by <span class="msgOrigin">origin</span> @
			<span class="msgTime" title="12:45:01 AM">T+1</span>
			</td>
			</tr>
			</tbody>
			</table>
			</div>
			</body>
			</html>

shrine-medco/shrine-webclient/src/main/html/assets/msg-viewer.htmlb72388e695f8feature/i2b2-merge-to…

msg-viewer.htmlView Options

shrine-medco/shrine-webclient/src/main/html/assets/msg-viewer.html
b72388e695f8feature/i2b2-merge-to…

msg-viewer.html
View Options