added transaction browser

src/debugger.js

 var React = require('react');
- 
+var TxBrowser = require('./txBrowser');
+
 module.exports = React.createClass({
   render: function() {
-    return <p>Sample other Text</p>;
+    return (<div>
+    <p>Debugger</p>
+    <TxBrowser/>
+    </div>
+    );
   }
 });

src/index.js

 var ReactDOM = require('react-dom');
 var React = require('react');
- 
+var Web3 = require('web3');
+var Web3Admin = require('./web3Admin')
+
+ web3 = new Web3();
+ web3.setProvider(new web3.providers.HttpProvider('http://localhost:8545'));
+ Web3Admin.extend(web3);
+
 var Debugger = require('./debugger');
- 
+
 ReactDOM.render(
   <Debugger/>,
   document.getElementById('app')

src/txBrowser.js

+var React = require('react');
+
+module.exports = React.createClass({
+	getInitialState: function() {
+		return {blockNumber: "1160004", txNumber: "1"}
+	},
+
+	submit: function()
+	{
+		var vmTrace = web3.admin.vmTrace(this.state.blockNumber, parseInt(this.state.txNumber), "TmrjdiILLn0=");
+		console.log(JSON.stringify(vmTrace));	
+	},
+	
+	updateBlockN: function(ev) {
+	  this.state.blockNumber = ev.target.value;
+	},
+	
+	updateTxN: function(ev) {
+	  this.state.txNumber = ev.target.value;
+	},
+
+	render: function() {
+		
+		return (
+		<div>
+		<div>Trasnaction details</div>
+		<input onChange={this.updateBlockN} type="text" placeholder={this.state.blockNumber}></input>
+		<input onChange={this.updateTxN} type="text" placeholder={this.state.txNumber}></input>
+		<button onClick={this.submit}>Get</button>
+		</div>
+		);
+	}
+})
\ No newline at end of file