ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-21 12:15:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replace triskelion loader with XRP logo loader

Browse Source
This commit is contained in:
mDuo13
2019-04-30 13:57:15 -07:00
parent eae231789a
commit aa8aa60f60
9 changed files with 14 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
assets/css/api-tools.css
View File

@@ -264,12 +264,7 @@ span.cm-atom {
} }
.loader { .loader {
-webkit-animation: rotating 1s linear infinite; width: 24px;height:24px;
-moz-animation: rotating 1s linear infinite;
-ms-animation: rotating 1s linear infinite;
-o-animation: rotating 1s linear infinite;
animation: rotating 1s linear infinite;
width: 25px;height:25px;
} }

7
assets/css/devportal.css
View File

@@ -1106,12 +1106,7 @@ a.current {
.page-test-net .throbber, .page-test-net .throbber,
.page-tx-sender .throbber, .page-tx-sender .throbber,
.interactive-block .throbber { .interactive-block .throbber {
-webkit-animation: rotating 1s linear infinite; width: 24px;height:24px;
-moz-animation: rotating 1s linear infinite;
-ms-animation: rotating 1s linear infinite;
-o-animation: rotating 1s linear infinite;
animation: rotating 1s linear infinite;
width: 25px;height:25px;
} }
#connection-status-item.active { #connection-status-item.active {

BIN
assets/img/rippleThrobber.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 734 B

BIN
assets/img/xrp-loader-96.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

7
content/tutorials/use-simple-xrp-payments/send-xrp.md
View File

@@ -16,13 +16,12 @@ This tutorial explains how to send a simple XRP Payment using RippleAPI for Java
{{ start_step("Generate") }} {{ start_step("Generate") }}
<button id="generate-creds-button" class="btn btn-primary">Generate credentials</button> <button id="generate-creds-button" class="btn btn-primary">Generate credentials</button>
<div id='loader-0' style="display: none;"><img class='throbber' src="assets/img/rippleThrobber.png"> Generating Keys...</div> <div id='loader-0' style="display: none;"><img class='throbber' src="assets/img/xrp-loader-96.png"> Generating Keys...</div>
<div id='address'></div> <div id='address'></div>
<div id='secret'></div> <div id='secret'></div>
<div id='balance'></div> <div id='balance'></div>
<div id="populate-creds-status"></div> <div id="populate-creds-status"></div>
{{ end_step() }} {{ end_step() }}
<script type="application/javascript"> <script type="application/javascript">
$(document).ready( () => { $(document).ready( () => {
@@ -113,7 +112,7 @@ For this tutorial, you can connect directly from your browser by pressing the fo
<div> <div>
<strong>Connection status:</strong> <strong>Connection status:</strong>
<span id="connection-status">Not connected</span> <span id="connection-status">Not connected</span>
<div id='loader-{{n.current}}' style="display: none;"><img class='throbber' src="assets/img/rippleThrobber.png"></div> <div id='loader-{{n.current}}' style="display: none;"><img class='throbber' src="assets/img/xrp-loader-96.png"></div>
</div> </div>
{{ end_step() }} {{ end_step() }}
@@ -322,7 +321,7 @@ See the full list of [transaction results](transaction-results.html) for more po
<button id="submit-button" class="btn btn-primary connection-required" <button id="submit-button" class="btn btn-primary connection-required"
title="Connection to Test Net required" disabled>Submit title="Connection to Test Net required" disabled>Submit
example transaction</button> example transaction</button>
<div id='loader-{{n.current}}' style="display: none;"><img class='throbber' src="assets/img/rippleThrobber.png"></div> <div id='loader-{{n.current}}' style="display: none;"><img class='throbber' src="assets/img/xrp-loader-96.png"></div>
<div id="submit-output"></div> <div id="submit-output"></div>
{{ end_step() }} {{ end_step() }}

2
tool/template-rest-api-tool.html
View File

@@ -31,7 +31,7 @@
<div id='output' class='io'> <div id='output' class='io'>
<h2>Response</h2> <h2>Response</h2>
<div> <div>
<img class="loader" src="assets/img/rippleThrobber.png" style="vertical-align: middle; display:none;"/> <img class="loader" src="assets/img/xrp-loader-96.png" style="vertical-align: middle; display:none;"/>
<span id='rest_responsecode'></span> <span id='rest_responsecode'></span>
</div> </div>
<div id='response_body'></div> <div id='response_body'></div>

2
tool/template-test-net.html
View File

@@ -26,7 +26,7 @@
<p>Test Net funds are intended for <strong>testing</strong> only. The Test Net ledger and balances will be reset on a regular basis.</p> <p>Test Net funds are intended for <strong>testing</strong> only. The Test Net ledger and balances will be reset on a regular basis.</p>
<button id="generate-creds-button" class="btn btn-primary">Generate credentials</button> <button id="generate-creds-button" class="btn btn-primary">Generate credentials</button>
<div id='your-credentials'></div> <div id='your-credentials'></div>
<div id='loader' style="display: none;"><img class='throbber' src="assets/img/rippleThrobber.png"> Generating Keys...</div> <div id='loader' style="display: none;"><img class='throbber' src="assets/img/xrp-loader-96.png"> Generating Keys...</div>
<div id='address'></div> <div id='address'></div>
<div id='secret'></div> <div id='secret'></div>
<div id='balance'></div> <div id='balance'></div>

12
tool/template-tx-sender.html
View File

@@ -44,7 +44,7 @@
<div class="form-group" id="send_xrp_payment"> <div class="form-group" id="send_xrp_payment">
<div class="input-group mb-3"> <div class="input-group mb-3">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/rippleThrobber.png" /></span> <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
</div> </div>
<button class="btn btn-primary form-control" type="button" id="send_xrp_payment_btn">Send XRP Payment</button> <button class="btn btn-primary form-control" type="button" id="send_xrp_payment_btn">Send XRP Payment</button>
<input id="send_xrp_payment_amount" class="form-control" type="number" aria-describedby="send_xrp_payment_amount_help" value="100000" min="1" max="10000000000" /> <input id="send_xrp_payment_amount" class="form-control" type="number" aria-describedby="send_xrp_payment_amount_help" value="100000" min="1" max="10000000000" />
@@ -65,7 +65,7 @@
</div> </div>
<div class="input-group mb-3"> <div class="input-group mb-3">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/rippleThrobber.png" /></span> <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
</div> </div>
<button class="btn btn-primary form-control" type="button" id="send_partial_payment_btn" disabled="disabled" autocomplete="off" title="(Please wait for partial payments setup to finish)">Send Partial Payment</button> <button class="btn btn-primary form-control" type="button" id="send_partial_payment_btn" disabled="disabled" autocomplete="off" title="(Please wait for partial payments setup to finish)">Send Partial Payment</button>
</div> </div>
@@ -77,7 +77,7 @@
<div class="form-group" id="create_escrow"> <div class="form-group" id="create_escrow">
<div class="input-group mb-3"> <div class="input-group mb-3">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/rippleThrobber.png" /></span> <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
</div> </div>
<button class="btn btn-primary form-control" type="button" id="create_escrow_btn">Create Escrow</button> <button class="btn btn-primary form-control" type="button" id="create_escrow_btn">Create Escrow</button>
<input class="form-control" type="number" value="60" min="5" max="10000" id="create_escrow_duration_seconds" /> <input class="form-control" type="number" value="60" min="5" max="10000" id="create_escrow_duration_seconds" />
@@ -102,7 +102,7 @@
<div class="form-group" id="create_payment_channel"> <div class="form-group" id="create_payment_channel">
<div class="input-group mb-3"> <div class="input-group mb-3">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/rippleThrobber.png" /></span> <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
</div> </div>
<button class="btn btn-primary form-control" type="button" id="create_payment_channel_btn">Create Payment Channel</button> <button class="btn btn-primary form-control" type="button" id="create_payment_channel_btn">Create Payment Channel</button>
<input id="create_payment_channel_amount" class="form-control" type="number" aria-describedby="create_payment_channel_amount_help" value="100000" min="1" max="10000000000" /> <input id="create_payment_channel_amount" class="form-control" type="number" aria-describedby="create_payment_channel_amount_help" value="100000" min="1" max="10000000000" />
@@ -118,7 +118,7 @@
<div class="form-group" id="send_issued_currency"> <div class="form-group" id="send_issued_currency">
<div class="input-group mb-3"> <div class="input-group mb-3">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/rippleThrobber.png" /></span> <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
</div> </div>
<button class="btn btn-primary form-control" type="button" id="send_issued_currency_btn">Send Issued Currency</button> <button class="btn btn-primary form-control" type="button" id="send_issued_currency_btn">Send Issued Currency</button>
<input id="send_issued_currency_amount" class="form-control" type="text" value="100" /><!-- Note: HTML limits "number" inputs to IEEE 764 double precision, which isn't enough for the full range of issued currency amounts --> <input id="send_issued_currency_amount" class="form-control" type="text" value="100" /><!-- Note: HTML limits "number" inputs to IEEE 764 double precision, which isn't enough for the full range of issued currency amounts -->
@@ -134,7 +134,7 @@
<div class="form-group" id="trust_for"> <div class="form-group" id="trust_for">
<div class="input-group mb-3"> <div class="input-group mb-3">
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/rippleThrobber.png" /></span> <span class="input-group-text loader" style="display: none"><img class="throbber" src="assets/img/xrp-loader-96.png" /></span>
</div> </div>
<button class="btn btn-primary form-control" type="button" id="trust_for_btn">Trust for</button> <button class="btn btn-primary form-control" type="button" id="trust_for_btn">Trust for</button>
<input id="trust_for_amount" class="form-control disabled" type="number" value="100000" /> <input id="trust_for_amount" class="form-control disabled" type="number" value="100000" />

2
tool/template-websocket-api-tool.html
View File

@@ -61,7 +61,7 @@
<div id='output' class='io'> <div id='output' class='io'>
<h2>Response</h2> <h2>Response</h2>
<div> <div>
<img class="loader" src="assets/img/rippleThrobber.png" style="vertical-align: middle; display:none;"/> <img class="loader" src="assets/img/xrp-loader-96.png" style="vertical-align: middle; display:none;"/>
</div> </div>
<p id='info'></p> <p id='info'></p>
<div id='response'></div> <div id='response'></div>