ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-20 19:55:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Issue a token: fix some Chrome stylings

Browse Source
This commit is contained in:
mDuo13
2021-08-19 17:52:15 -07:00
parent c63a2251a8
commit 348f3962d0
6 changed files with 70 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/devportal2021.css
View File

File diff suppressed because one or more lines are too long

4
assets/js/interactive-tutorial.js
View File

@@ -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")
}
/**

11
assets/js/tutorials/issue-a-token.js
View File

@@ -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)
}

77
content/tutorials/use-tokens/issue-a-fungible-token.md
View File

@@ -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">&nbsp;</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">
<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 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" />
</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>

9
styles/_buttons.scss
View File

@@ -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 {

3
styles/_dev-tools.scss
View File

@@ -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;
}