index.htm

<!DOCTYPE html>
<html>
	<head>
		<title>disassemblr.js</title>
		
		<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.23/themes/base/jquery-ui.css">
		<style>
		body {
			margin: 0;
			padding: 0;
		}
		
		#sidePane {
			float: left;
			width: 200px;
		}
		
		#contentPane {
			float: right;
			width: -webkit-calc(100% - 200px);
			width: calc(100% - 200px);
		}
		</style>
		
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
		<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
		<script src="js/vendor/icanhaz.js"></script>
		<script src="js/disassembler/disassemblr.js"></script>
		<script src="js/script.js"></script>
	</head>
	
	<body>
		<input type="file" id="disassembleFile"><a href="AsmTest.exe">Demo File</a><br>
		<div id="sidePane">
			Function names:
		</div>
		<div id="contentPane">
			<ul>
				<li><a href="#fileInfos">File Info</a></li>
				<li><a href="#sectionTable">Section Table</a></li>
				<li><a href="#assembly">Assembly</a></li>
			</ul>
			
			<div id="fileInfos">
				<script id="fileInfoTemplate" type="text/html">
					<h2>File-PE-Header</h2>
					<dl>
						<dt>Sections</dt>
						<dd>{{FileHeader.sectionCount}}</dd>
						<dt>Build-Date</dt>
						<dd>{{FileHeader.creationDate}}</dd>
						<dt>Symbols</dt>
						<dd>{{FileHeader.symbolCount}}</dd>
						<dt>Symbol-Offset</dt>
						<dd>{{FileHeader.symbolOffset}}</dd>
						<dt>Flags</dt>
						<dd>{{FileHeader.flags}}</dd>
					</dl>
					
					<h2>Opt-PE-Header</h2>
					<dl>
						<dt>Image Type</dt>
						<dd>{{OptHeader.imageType}}</dd>
						<dt>Linker Version</dt>
						<dd>{{OptHeader.linkerMajor}}.{{ OptHeader.linkerMinor}}</dd>
						<dt>Entry Point</dt>
						<dd>{{OptHeader.entryPoint}}</dd>
						<dt>Min OS Version</dt>
						<dd>{{OptHeader.osMajor}}.{{ OptHeader.osMinor}}</dd>
						<dt>Subsystem</dt>
						<dd>{{OptHeader.subsystem}}</dd>
						<dt>RVAs</dt>
						<dd>{{OptHeader.rvaCount}}</dd>
					</dl>
				</script>
			</div>
			
			<div id="sectionTable">
				<script id="sectionTableTemplate" type="text/html">
					<table width="100%">
						<thead>
							<tr>
								<th>Name</th>
								<th>Startaddress</th>
								<th>Flags</th>
							</tr>
						</thead>
						
						<tbody>
							{{#entries}}
							<tr>
								<td>{{name}}</td>
								<td>{{rawDataOffset}}</td>
								<td>{{flags}}</td>
							</tr>
							{{/entries}}
						</tbody>
					</table>
				</script>
			</div>
			
			<div id="assembly" style="white-space: pre"></div>
		</div>
	</body>
</html>