mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-20 11:45:50 +00:00
Issue a token: fix some Chrome stylings
This commit is contained in:
mDuo13
File diff suppressed because one or more lines are too long
@@ -147,9 +147,9 @@ function pretty_print(j) {
|
||||
*/
|
||||
function disable_followup_steps() {
|
||||
$(".previous-steps-required").prop("title", tl("Complete all previous steps first"))
|
||||
$(".previous-steps-required").prop("disabled", true)
|
||||
$(".previous-steps-required").prop("disabled", true).addClass("disabled")
|
||||
$(".connection-required").prop("title", tl("Conection to the XRP Ledger required"))
|
||||
$(".connection-required").prop("disabled", true)
|
||||
$(".connection-required").prop("disabled", true).addClass("disabled")
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@@ -114,9 +114,16 @@ $(document).ready(() => {
|
||||
function update_currency_code(event) {
|
||||
let currency_code
|
||||
if ($("#use-std-code").prop("checked")) {
|
||||
currency_code = $("#currency-code-std").val().trim()
|
||||
const std_code = $("#currency-code-std")
|
||||
currency_code = std_code.val().trim()
|
||||
// std_code.prop("disabled", false).removeClass("disabled")
|
||||
// $("#currency-code-hex").prop("disabled", true).addClass("disabled")
|
||||
|
||||
} else {
|
||||
currency_code = $("#currency-code-hex").val().trim()
|
||||
const hex_code = $("#currency-code-hex")
|
||||
currency_code = hex_code.val().trim()
|
||||
// hex_code.prop("disabled", false).removeClass("disabled")
|
||||
// $("#currency-code-std").prop("disabled", true).addClass("disabled")
|
||||
}
|
||||
$("#send-currency-code").text(currency_code)
|
||||
}
|
||||
|
||||
@@ -123,20 +123,20 @@ _JavaScript_
|
||||
{{ start_step("Configure Issuer") }}
|
||||
<form>
|
||||
<div class="form-inline">
|
||||
<div class="input-group">
|
||||
<input type="checkbox" class="form-control form-check-input mr-3" value="" id="cold-default-ripple" disabled="disabled" checked/>
|
||||
<label for="cold-default-ripple" class="col-form-label">Default Ripple</label>
|
||||
<div class="input-group form-check">
|
||||
<input type="checkbox" class="form-check-input mr-3" value="" id="cold-default-ripple" disabled="disabled" checked title="The issuer MUST enable Default Ripple first." />
|
||||
<label for="cold-default-ripple" class="col-form-label" title="The issuer MUST enable Default Ripple first.">Default Ripple</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-inline">
|
||||
<div class="input-group">
|
||||
<input type="checkbox" class="form-control form-check-input mr-3" value="" id="cold-require-dest" />
|
||||
<div class="input-group form-check">
|
||||
<input type="checkbox" class="form-check-input mr-3" value="" id="cold-require-dest" />
|
||||
<label for="cold-require-dest" class="col-form-label">Require Destination Tags</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-inline">
|
||||
<div class="input-group">
|
||||
<input type="checkbox" class="form-control form-check-input mr-3" value="" id="cold-disallow-xrp" checked />
|
||||
<div class="input-group form-check">
|
||||
<input type="checkbox" class="form-check-input mr-3" value="" id="cold-disallow-xrp" checked />
|
||||
<label for="cold-disallow-xrp" class="col-form-label">Disallow XRP</label>
|
||||
</div>
|
||||
</div>
|
||||
@@ -194,7 +194,7 @@ The hot address does not strictly require any settings changes from the default,
|
||||
| Setting | Recommended Value | Summary |
|
||||
|:-----------------------------|:--------------------|:------------------------|
|
||||
| [Default Ripple][] | Disabled | Leave this setting **disabled.** (This is the default.) |
|
||||
| [Authorized Trust Lines][] | Enabled | Enable this setting on the hot address to prevent accidentally issuing tokens from the wrong address. (Optional, but recommended.) |
|
||||
| [Authorized Trust Lines][] | Enabled | Enable this setting on the hot address—and never approve any trust lines to the hot address—to prevent accidentally issuing tokens from the wrong address. (Optional, but recommended.) |
|
||||
| [Require Destination Tags][] | Enabled or Disabled | Enable if you process withdrawals of your token to outside systems. (For example, your token is a stablecoin.) |
|
||||
| Disallow XRP | Enabled or Disabled | Enable if this address isn't meant to process XRP payments. |
|
||||
| [Domain][] | (Your domain name) | Set to a domain you own so can [verify ownership of the accounts](xrp-ledger-toml.html#account-verification). This can help reduce confusion or impersonation attempts. |
|
||||
@@ -212,26 +212,26 @@ _JavaScript_
|
||||
{{ start_step("Configure Hot Address") }}
|
||||
<form>
|
||||
<div class="form-inline">
|
||||
<div class="input-group">
|
||||
<input type="checkbox" class="form-control form-check-input mr-3" value="" id="hot-default-ripple" disabled="disabled" />
|
||||
<label for="hot-default-ripple" class="form-check-label">Default Ripple</label>
|
||||
<div class="input-group form-check">
|
||||
<input type="checkbox" class="form-check-input mr-3" value="" id="hot-default-ripple" disabled="disabled" title="Default Ripple must remain disabled on the hot address." />
|
||||
<label for="hot-default-ripple" class="form-check-label" title="Default Ripple must remain disabled on the hot address.">Default Ripple</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-inline">
|
||||
<div class="input-group">
|
||||
<input type="checkbox" class="form-control form-check-input mr-3" value="" id="hot-require-dest" />
|
||||
<label for="hot-require-dest" class="col-form-label">Require Destination Tags</label>
|
||||
<div class="input-group form-check">
|
||||
<input type="checkbox" class="form-check-input mr-3" value="" id="hot-require-auth" disabled="disabled" checked="checked" title="The hot address should enable Authorized Trust Lines as a precaution." />
|
||||
<label for="hot-default-ripple" class="form-check-label" title="The hot address should enable Authorized Trust Lines as a precaution.">Authorized Trust Lines</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-inline">
|
||||
<div class="input-group">
|
||||
<input type="checkbox" class="form-control form-check-input mr-3" value="" id="hot-require-auth" disabled="disabled" checked="checked" />
|
||||
<label for="hot-default-ripple" class="form-check-label">Authorized Trust Lines</label>
|
||||
<div class="input-group form-check">
|
||||
<input type="checkbox" class="form-check-input mr-3" value="" id="hot-require-dest" />
|
||||
<label for="hot-require-dest" class="form-check-label">Require Destination Tags</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-inline">
|
||||
<div class="input-group">
|
||||
<input type="checkbox" class="form-control form-check-input mr-3" value="" id="hot-disallow-xrp" checked="checked" />
|
||||
<div class="input-group form-check">
|
||||
<input type="checkbox" class="form-check-input mr-3" value="" id="hot-disallow-xrp" checked="checked" />
|
||||
<label for="hot-disallow-xrp" class="form-check-label">Disallow XRP</label>
|
||||
</div>
|
||||
</div>
|
||||
@@ -288,20 +288,31 @@ _JavaScript_
|
||||
<h4>Currency code:</h4>
|
||||
<div class="container">
|
||||
<div class="input-group row">
|
||||
<input type="radio" id="use-std-code" name="currency-code-type" class="mr-2" checked="checked" />
|
||||
<div class="input-group-prepend">
|
||||
<div class="input-group-text form-check bg-transparent">
|
||||
<input type="radio" id="use-std-code" name="currency-code-type" checked="checked" />
|
||||
</div>
|
||||
</div>
|
||||
<label for="use-std-code" class="input-group-text col-lg-3">Standard:</label>
|
||||
<input type="text" id="currency-code-std" pattern="[A-Za-z0-9?!@#$%*(){}|\x26\x3c\x3e]{3}" value="FOO" class="form-control col-lg-8" title="3 character code (letters, numbers, and some symbols)" />
|
||||
</div>
|
||||
|
||||
<div class="input-group row">
|
||||
<input type="radio" id="use-hex-code" name="currency-code-type" class="mr-2" />
|
||||
<div class="input-group-prepend">
|
||||
<div class="input-group-text form-check bg-transparent">
|
||||
<input type="radio" id="use-hex-code" name="currency-code-type" />
|
||||
</div>
|
||||
</div>
|
||||
<label for="use-hex-code" class="input-group-text col-lg-3">Non-standard:</label>
|
||||
<input type="text" id="currency-code-hex" pattern="[0-9A-F]{40}" value="015841551A748AD2C1F76FF6ECB0CCCD00000000" title="40 hexadecimal characters" class="form-control col-lg-8" />
|
||||
</div>
|
||||
|
||||
<div class="input-group row mt-2">
|
||||
<div class="input-group-prepend col-lg-1">
|
||||
<div class="input-group-text bg-transparent"> </div>
|
||||
</div>
|
||||
<label for="trust-limit" class="input-group-text col-lg-3">Limit:</label>
|
||||
<input type="number" id="trust-limit" min="0" value="1000000000" title="Maximum amount the hot address can hold" class="form-control col-lg-8" />
|
||||
<input type="number" id="trust-limit" min="0" value="1000000000" title="Maximum amount the hot address can hold" class="form-control col-lg-9" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@@ -353,18 +364,24 @@ _JavaScript_
|
||||
|
||||
{{ start_step("Send Token") }}
|
||||
<form>
|
||||
<div class="container">
|
||||
<div class="input-group row mt-2">
|
||||
<label for="send-amount" class="input-group-text col-lg-3">Send amount:</label>
|
||||
<input type="number" id="send-amount" min="0" value="123.45" step="0.01" title="How much to send to the hot address" class="form-control col-lg-8" />
|
||||
<div class="form-inline mt-2">
|
||||
<div class="input-group">
|
||||
<label for="send-amount" class="input-group-text">Send amount:</label>
|
||||
<input type="number" id="send-amount" min="0" value="123.45" step="0.01" title="How much to send to the hot address" class="form-control" />
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text" id="send-currency-code">FOO</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group row">
|
||||
</div>
|
||||
<div class="form-inline mt-2">
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
<div class="input-group-text bg-transparent">
|
||||
<input type="checkbox" id="use-dest-tag" class="mr-2" checked="checked" />
|
||||
<label for="dest-tag" class="input-group-text col-lg-3">DestinationTag:</label>
|
||||
<input type="number" id="dest-tag" value="0" min="0" max="4294967295" class="form-control col-lg-8" title="Any 32-bit integer" />
|
||||
</div>
|
||||
</div>
|
||||
<label for="dest-tag" class="input-group-text">DestinationTag:</label>
|
||||
<input type="number" id="dest-tag" value="0" min="0" max="4294967295" class="form-control" title="Any 32-bit integer" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@@ -36,6 +36,15 @@ button[disabled="disabled"] {
|
||||
&:hover {
|
||||
background: $blue-purple-600;
|
||||
}
|
||||
|
||||
&.disabled,
|
||||
&[disabled="disabled"] {
|
||||
background: $blue-purple-700;
|
||||
|
||||
&:hover {
|
||||
background: $blue-purple-700;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-arrow {
|
||||
|
||||
@@ -42,7 +42,8 @@
|
||||
margin-top: .5rem; // Fix "Getting ready to send..." position
|
||||
}
|
||||
|
||||
.page-tx-sender .input-group .form-control {
|
||||
.page-tx-sender .input-group .form-control,
|
||||
.interactive-block-ui .input-group .form-control {
|
||||
flex: 1 1 20%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user