Box worker stats and getting started layouts
Some checks failed
CodeQL / Analyze (javascript) (push) Failing after 26s

This commit is contained in:
Codex Bot
2026-03-24 13:19:37 +01:00
parent 2afc57c8f5
commit 002597c938
2 changed files with 121 additions and 77 deletions

View File

@@ -1,68 +1,96 @@
<!-- Connection Details -->
<div class="row">
<div class="col-sm-6">
<h3><span data-tkey="connectionDetails">Connection Details</span></h3>
<div class="card padding-l-10 padding-r-10">
<div class="stats">
<div><i class="fa fa-cloud"></i> <span data-tkey="miningPoolHost">Mining Pool Address</span>: <span id="miningPoolHost"></span></div>
<div><i class="fa fa-cubes"></i> <span data-tkey="cnAlgorithm">Algorithm</span>: <span id="cnAlgorithm"></span></div>
</div>
<section class="page-hero page-hero-compact">
<div class="page-hero-copy">
<span class="eyebrow">Miner onboarding</span>
<h3><span data-tkey="gettingStarted">Getting Started</span></h3>
<p class="hero-copy-text">
Pool connection details, mining ports, and configuration snippets in the same bounded layout as the main dashboard.
</p>
</div>
<div class="page-hero-panel">
<div class="hero-kpi">
<span>Setup</span>
<strong>Parent Wallet</strong>
</div>
<h4 class="push-up-15"><span data-tkey="username">Username<span></h4>
<div class="card padding-l-10 padding-r-10">
<div class="stats">
<div><i class="fa fa-key"></i> <span data-tkey="usernameDesc">This is your wallet address</span></div>
<div id="paymentId"><i class="fa fa-exchange"></i> <span data-tkey="paymentId">Exchange Payment ID</span>: <span><u data-tkey="parentaddress">parent address</u><span id="paymentIdSeparator">.</span><u data-tkey="addrPaymentId">paymentID</u></span></div>
<div id="fixedDiff"><i class="fa fa-wrench"></i> <span data-tkey="fixedDiff">Difficulty locking</span>: <span><u data-tkey="parentaddress">parent address</u><span id="fixedDiffSeparator">+</span><u data-tkey="addrDiff">diff</u></span></div>
</div>
<div class="hero-kpi">
<span>Output</span>
<strong>Ready Config</strong>
</div>
</div>
</section>
<h4 class="push-up-15"><span data-tkey="password">Password</span></h4>
<div class="card padding-l-10 padding-r-10">
<section class="section-block">
<div class="section-head">
<div>
<span class="eyebrow">Connection setup</span>
<h4>Details and mining ports</h4>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<h3><span data-tkey="connectionDetails">Connection Details</span></h3>
<div class="card padding-l-10 padding-r-10">
<div class="stats">
<div><i class="fa fa-key"></i> <span data-tkey="usernameDesc2">Use the password field only for optional worker naming or miner-specific settings if your miner supports them.</span></div>
<div id="paymentId"><i class="fa fa-exchange"></i> <span data-tkey="paymentId">Exchange Payment ID</span>: <span><u data-tkey="childaddress">wallet address</u><span id="paymentIdSeparator">+</span><u data-tkey="addrPaymentId">paymentID</u></span></div>
<div><i class="fa fa-server"></i> <span data-tkey="fixedDiff2">Worker Name</span>: <span><u data-tkey="childaddress">wallet-address</u><span id="fixedDiffSeparator2">@</span><u data-tkey="addrDiff2">workerName</u></span></div>
<div><i class="fa fa-exchange fa-server"></i> <span data-tkey="fixedDiff2PaymentId">Payment ID and Worker Name</span>: <span><u data-tkey="childaddress">wallet-address</u>+<u data-tkey="">paymentID</u><span id="fixedDiffSeparator2">@</span><u data-tkey="addrDiff2">workerName</u></span></div>
<div><i class="fa fa-cloud"></i> <span data-tkey="miningPoolHost">Mining Pool Address</span>: <span id="miningPoolHost"></span></div>
<div><i class="fa fa-cubes"></i> <span data-tkey="cnAlgorithm">Algorithm</span>: <span id="cnAlgorithm"></span></div>
</div>
</div>
</div>
</div>
<!-- Mining ports -->
<div class="col-sm-6">
<h3><span data-tkey="miningPorts">Mining Ports</span></h3>
<div class="card">
<div id="miningPorts" class="table-responsive">
<table class="table table-hover table-striped">
<thead>
<tr>
<th class="col1"><span data-tkey="port">Port</span></th>
<th class="col2"><span data-tkey="portDiff">Starting Difficulty</span></th>
<th class="col3"><span data-tkey="description">Description</span></th>
</tr>
</thead>
<tbody id="miningPorts_rows">
<tr>
<td class="col1"><span class="miningPort"></span></td>
<td class="col2"><span class="miningPortDiff"></span></td>
<td class="col3"><span class="miningPortDesc"></span></td>
</tr>
</tbody>
</table>
<h4 class="push-up-15"><span data-tkey="username">Username<span></h4>
<div class="card padding-l-10 padding-r-10">
<div class="stats">
<div><i class="fa fa-key"></i> <span data-tkey="usernameDesc">This is your wallet address</span></div>
<div id="paymentId"><i class="fa fa-exchange"></i> <span data-tkey="paymentId">Exchange Payment ID</span>: <span><u data-tkey="parentaddress">parent address</u><span id="paymentIdSeparator">.</span><u data-tkey="addrPaymentId">paymentID</u></span></div>
<div id="fixedDiff"><i class="fa fa-wrench"></i> <span data-tkey="fixedDiff">Difficulty locking</span>: <span><u data-tkey="parentaddress">parent address</u><span id="fixedDiffSeparator">+</span><u data-tkey="addrDiff">diff</u></span></div>
</div>
</div>
<h4 class="push-up-15"><span data-tkey="password">Password</span></h4>
<div class="card padding-l-10 padding-r-10">
<div class="stats">
<div><i class="fa fa-key"></i> <span data-tkey="usernameDesc2">Use the password field only for optional worker naming or miner-specific settings if your miner supports them.</span></div>
<div id="paymentId"><i class="fa fa-exchange"></i> <span data-tkey="paymentId">Exchange Payment ID</span>: <span><u data-tkey="childaddress">wallet address</u><span id="paymentIdSeparator">+</span><u data-tkey="addrPaymentId">paymentID</u></span></div>
<div><i class="fa fa-server"></i> <span data-tkey="fixedDiff2">Worker Name</span>: <span><u data-tkey="childaddress">wallet-address</u><span id="fixedDiffSeparator2">@</span><u data-tkey="addrDiff2">workerName</u></span></div>
<div><i class="fa fa-exchange fa-server"></i> <span data-tkey="fixedDiff2PaymentId">Payment ID and Worker Name</span>: <span><u data-tkey="childaddress">wallet-address</u>+<u data-tkey="">paymentID</u><span id="fixedDiffSeparator2">@</span><u data-tkey="addrDiff2">workerName</u></span></div>
</div>
</div>
</div>
<div class="col-sm-6">
<h3><span data-tkey="miningPorts">Mining Ports</span></h3>
<div class="card">
<div id="miningPorts" class="table-responsive">
<table class="table table-hover table-striped">
<thead>
<tr>
<th class="col1"><span data-tkey="port">Port</span></th>
<th class="col2"><span data-tkey="portDiff">Starting Difficulty</span></th>
<th class="col3"><span data-tkey="description">Description</span></th>
</tr>
</thead>
<tbody id="miningPorts_rows">
<tr>
<td class="col1"><span class="miningPort"></span></td>
<td class="col2"><span class="miningPortDiff"></span></td>
<td class="col3"><span class="miningPortDesc"></span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Mining Applications and Configuration Generator -->
<h3><span data-tkey="miningApps">Mining Applications</span></h3>
<!-- Configuration Generator -->
<div class="card padding-15">
<p><span data-tkey="configGeneratorDesc">Generate your custom configuration to mine on our pool</span></p>
<div id="configGenerator" class="row">
<section class="section-block">
<div class="section-head">
<div>
<span class="eyebrow">Config generator</span>
<h4>Generate miner configuration</h4>
</div>
</div>
<div class="card padding-15">
<p><span data-tkey="configGeneratorDesc">Generate your custom configuration to mine on our pool</span></p>
<div id="configGenerator" class="row">
<div class="col-sm-3 col-xs-8">
<div class="input-group push-down-5">
<span class="input-group-addon"><i class="fa fa-link"></i></span>
@@ -116,22 +144,29 @@
<input id="generateConf" type="submit" tvalue="generateConfig" value="Generate configuration" class="btn btn-default" data-toggle="collapse" href="#xmrstak" />
</div>
</div>
</div>
</div>
</section>
<!-- Mining Applications -->
<div class="card push-up-5">
<div id="miningApps" class="table-responsive">
<table class="table">
<thead>
<tr>
<th><i class="fa fa-book"></i> <span data-tkey="appName">App Name</span></th>
<th><i class="fa fa-car"></i> <span data-tkey="appArch">Architecture</span></th>
<th><i class="fa fa-star"></i> <span data-tkey="appDesc">Features</span></th>
<th><i class="fa fa-download"></i> <span data-tkey="download">Download</span></th>
<th><i class="fa fa-file-code-o"></i> <span data-tkey="configuration">Configuration</span></th>
</tr>
</thead>
<tbody id="miningApps_rows">
<section class="section-block">
<div class="section-head">
<div>
<span class="eyebrow">Mining applications</span>
<h4><span data-tkey="miningApps">Mining Applications</span></h4>
</div>
</div>
<div class="card push-up-5">
<div id="miningApps" class="table-responsive">
<table class="table">
<thead>
<tr>
<th><i class="fa fa-book"></i> <span data-tkey="appName">App Name</span></th>
<th><i class="fa fa-car"></i> <span data-tkey="appArch">Architecture</span></th>
<th><i class="fa fa-star"></i> <span data-tkey="appDesc">Features</span></th>
<th><i class="fa fa-download"></i> <span data-tkey="download">Download</span></th>
<th><i class="fa fa-file-code-o"></i> <span data-tkey="configuration">Configuration</span></th>
</tr>
</thead>
<tbody id="miningApps_rows">
<!-- XMRig -->
<tr class="appInfo">
@@ -243,10 +278,11 @@
</div>
</td>
</tr>
</tbody>
</table>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- Javascript -->
<script>

View File

@@ -19,11 +19,19 @@
</div>
</section>
<ul class="nav nav-tabs" id="blocksTabs">
</ul>
<section class="section-block">
<div class="section-head">
<div>
<span class="eyebrow">Worker view</span>
<h4>Wallet-specific diagnostics</h4>
</div>
</div>
<ul class="nav nav-tabs" id="blocksTabs">
</ul>
<div class="tab-content" id="tab-content">
</div>
<div class="tab-content" id="tab-content">
</div>
</section>
<script id="siblingTabTemplate" type="text/x-handlebars-template">
<li id="blockTab{{coin}}" role="presentation" class="{{active}}"><a href="#{{coin}}" data-coin="{{coin}}">{{coin}} {{symbol}}</a></li>