182 lines
6.7 KiB
HTML
182 lines
6.7 KiB
HTML
<html class="uk-height-1-1">
|
|
<head>
|
|
<title id="windowTitle">Premix Report Page</title>
|
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/js/jquery.paging.min.js"></script>
|
|
<script src="assets/js/uikit.min.js"></script>
|
|
<script src="assets/js/uikit-icons.min.js"></script>
|
|
<script src="assets/js/index.js"></script>
|
|
<script src="premixData.js"></script>
|
|
<link rel="stylesheet" href="assets/css/uikit.min.css" />
|
|
<style>
|
|
body {
|
|
font: 12px normal Arial, Helvetica, sans-serif;
|
|
}
|
|
.tm-horizontal-overflow {
|
|
overflow-x: auto;
|
|
}
|
|
.tm-sidebar {
|
|
position: fixed;
|
|
overflow-y: auto;
|
|
padding-left:40px;
|
|
}
|
|
.tm-monospace-cell {
|
|
font-family: "Courier New", Courier, monospace;
|
|
font-weight: 500;
|
|
}
|
|
.uk-nav-default > li > a.tm-text-danger {
|
|
color: #f0506e;
|
|
}
|
|
.uk-nav-default > li > a.tm-text-danger:hover {
|
|
color: red;
|
|
}
|
|
.uk-nav-default > li.uk-active > a.tm-text-danger {
|
|
color: red;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body onresize="windowResize()" class="uk-height-1-1">
|
|
|
|
<div class="uk-section-small uk-background-primary uk-light" uk-sticky="bottom: #offset">
|
|
<!-- Navigation -->
|
|
<div class="uk-overlay uk-position-left uk-flex uk-flex-middle">
|
|
<h1>Premix Report Page</h1>
|
|
</div>
|
|
|
|
<div class="uk-position-right uk-overlay">
|
|
<ul class="uk-subnav uk-subnav-divider" uk-switcher="connect:#switcherSection">
|
|
<li><a id="opCodeMenu" href="#">OpCode</a></li>
|
|
<li><a id="transactionsMenu" href="#">Transactions</a></li>
|
|
<li><a id="accountsMenu" href="#">Accounts</a></li>
|
|
<li><a id="headerMenu" href="#">Header</a></li>
|
|
<li class="uk-active"><a href="#">Help</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Navigation -->
|
|
</div>
|
|
|
|
<ul id="switcherSection" class="uk-switcher">
|
|
|
|
<li>
|
|
<!-- Opcode Page -->
|
|
<div class="uk-grid-collapse" uk-grid>
|
|
|
|
<div class="uk-width-1-5@m">
|
|
<ul id="opCodeSideBar" class="tm-sidebar uk-nav uk-nav-default uk-height-1-1 uk-width-1-5@m">
|
|
<!-- op code traces navigation sidebar -->
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="uk-width-4-5@m">
|
|
<div class="uk-section uk-section-small uk-section-secondary uk-light">
|
|
<ul id="paging" class="uk-pagination uk-flex-center" uk-margin>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="uk-section-small uk-section-default">
|
|
<div class="uk-container uk-container-expand">
|
|
<h3>Opcode Trace <span id="opCodeTitle" class="uk-text-primary uk-text-small">Tx #</span></h3>
|
|
<div id="opCodeContainer">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="uk-section uk-section-small uk-section-secondary uk-light">
|
|
<div class="uk-container uk-text-center">
|
|
<h2>Have You Found The Bug?</h2>
|
|
</div>
|
|
|
|
<ul class="uk-subnav uk-subnav-divider uk-flex uk-flex-center" uk-margin>
|
|
<li><a href="https://github.com/status-im/nimbus"><span uk-icon="github" class="uk-margin-small-right"></span>Github</a></li>
|
|
<li><a href="https://gitter.im/status-im/nimbus"><span uk-icon="gitter" class="uk-margin-small-right"></span>Gitter</a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<!-- Opcode Page -->
|
|
</li>
|
|
|
|
<li>
|
|
<!-- Transactions Page -->
|
|
<div class="uk-section-small uk-section-default">
|
|
<div class="uk-container uk-container-medium">
|
|
<h3>Transaction's Receipts <span id="transactionsTitle" class="uk-text-primary uk-text-small">Tx #</span></h3>
|
|
<div id="transactionsContainer">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Transactions Page -->
|
|
</li>
|
|
|
|
<li>
|
|
<!-- Accounts Page -->
|
|
<div class="uk-section-small uk-section-default">
|
|
<div class="uk-container uk-container-medium">
|
|
<h3>Post State Accounts <span id="accountsTitle" class="uk-text-primary uk-text-small">Block #</span></h3>
|
|
<div id="accountsContainer">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Accounts Page -->
|
|
</li>
|
|
|
|
<li>
|
|
<!-- Header Page -->
|
|
<div class="uk-section-small uk-section-default">
|
|
<div class="uk-container uk-container-medium">
|
|
<h3>Header Summary <span id="headerTitle" class="uk-text-primary uk-text-small">Block #</span></h3>
|
|
<div id="headerContainer">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Header Page -->
|
|
</li>
|
|
|
|
<li>
|
|
<!-- Help Page -->
|
|
<div class="uk-section-small uk-section-default">
|
|
<div class="uk-container uk-container-xsmall">
|
|
<h2>Help</h2>
|
|
|
|
<p>
|
|
Work your way through the top-right menu, left to right, to find out where the bug might be located.
|
|
If you see <span class="uk-text-danger">red colored text</span>, it means you already found the difference between Nimbus and the other Ethereum
|
|
client's tracing result.
|
|
</p>
|
|
|
|
<p>
|
|
If there is no red colored text in the <strong>OPCODE</strong> section, it means the bug might be located in the <strong>TRANSACTIONS</strong> section, or in the <strong>HEADER</strong> section.
|
|
</p>
|
|
|
|
<p>
|
|
Once you locate the bug, you can use the <span class="uk-text-primary">./build/debug</span> tool
|
|
to sort things out until there are no more errors and the block passes validation.
|
|
</p>
|
|
|
|
<p>
|
|
Blocks with multiple transactions will have submenus in the navigation bar.
|
|
Usually, only the first transaction with red colored text is problematic, but it might affect the
|
|
other transactions. In the <strong>OPCODE</strong> section, the same thing happens. Perhaps only the first red-colored instruction
|
|
is problematic, but it will affect the other instructions.
|
|
</p>
|
|
|
|
<p>
|
|
Transactions in the <strong>TRANSACTIONS</strong> section are marked as: <span class="uk-text-warning">Regular, ContractCreation, or ContractCall</span>.
|
|
Each kind is processed separately by Nimbus, in different procedures.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<!-- Help Page -->
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</body>
|
|
</html>
|