nimbus-eth1/premix/index.html

160 lines
5.9 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/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;
}
.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="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-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>
<!-- Header Page -->
<div class="uk-section-small uk-section-default">
<div class="uk-container uk-container-medium">
<h3>Header Post State Accounts <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>