@ -0,0 +1,16 @@ |
||||
body:after { |
||||
position:absolute; width:0; height:0; overflow:hidden; z-index:-1; |
||||
content: |
||||
url(/images/network-selector-icons/callisto-mainnet.svg) |
||||
url(/images/network-selector-icons/ethereum-mainnet.svg) |
||||
url(/images/network-selector-icons/ethereum-classic.svg) |
||||
url(/images/network-selector-icons/goerli-testnet.svg) |
||||
url(/images/network-selector-icons/kovan-testnet.svg) |
||||
url(/images/network-selector-icons/poa-core.svg) |
||||
url(/images/network-selector-icons/poa-sokol.svg) |
||||
url(/images/network-selector-icons/rinkeby-testnet.svg) |
||||
url(/images/network-selector-icons/rsk-mainnet.svg) |
||||
url(/images/network-selector-icons/ropsten-testnet.svg) |
||||
url(/images/network-selector-icons/xdai-chain.svg) |
||||
url(/images/network-selector-icons/lukso-l14-testnet.svg) |
||||
}; |
@ -0,0 +1,5 @@ |
||||
$modal-overlay-color: rgba($primary, 0.9) !default; |
||||
$modal-horizontal-padding: 30px !default; |
||||
$modal-vertical-padding: 25px !default; |
||||
$modal-border-radius: 10px !default; |
||||
$modal-gray-background: #f6f7f9 !default; |
@ -0,0 +1,2 @@ |
||||
$stakes-banned-background: #fff3f7 !default; |
||||
$stakes-banned-color: #ff7986 !default; |
@ -1,8 +1,6 @@ |
||||
$stakes-dashboard-copy-icon-color: $copy-icon-color !default; |
||||
$stakes-address-color: $primary !default; |
||||
$stakes-control-color: $primary !default; |
||||
$stakes-banned-color: #ff7986 !default; |
||||
$stakes-banned-background: #fff3f7 !default; |
||||
$stakes-stats-item-color: #fff !default; |
||||
$stakes-stats-item-border-color: #fff !default; |
||||
|
@ -0,0 +1,17 @@ |
||||
// Bootstrap Core CSS |
||||
@import "node_modules/bootstrap/scss/functions"; |
||||
@import "node_modules/bootstrap/scss/mixins"; |
||||
|
||||
@import "theme/variables-non-critical"; |
||||
|
||||
@import "node_modules/bootstrap/scss/modal"; |
||||
@import "node_modules/bootstrap/scss/tooltip"; |
||||
|
||||
@import "components/i_tooltip"; |
||||
@import "components/check_tooltip"; |
||||
@import "components/tooltip"; |
||||
|
||||
@import "components/qr-code"; |
||||
@import "components/modal_variables"; |
||||
@import "components/modal"; |
||||
@import "components/modal_status"; |
@ -0,0 +1,20 @@ |
||||
@import "./mixins"; |
||||
|
||||
// Bootstrap Core CSS |
||||
@import "node_modules/bootstrap/scss/functions"; |
||||
@import "node_modules/bootstrap/scss/mixins"; |
||||
|
||||
@import "theme/variables"; |
||||
|
||||
@import "components/stakes_variables"; |
||||
@import "components/stakes/copy_icon"; |
||||
@import "components/stakes/stakes"; |
||||
@import "components/stakes/progress_from_to"; |
||||
@import "components/stakes/stakes_empty_content"; |
||||
@import "components/stakes/stakes_btn_remove_pool"; |
||||
@import "components/modal_variables"; |
||||
@import "components/stakes/stakes_progress"; |
||||
@import "components/stakes/modal_stake"; |
||||
@import "components/stakes/modal_become_candidate"; |
||||
@import "components/stakes/modal_validator_info"; |
||||
@import "components/stakes/modal_bottom_disclaimer"; |
@ -0,0 +1,7 @@ |
||||
// general |
||||
$primary: #17314f; |
||||
$secondary: #15bba6; |
||||
$tertiary: #93d7ff; |
||||
$additional-font: #fff; |
||||
|
||||
$btn-line-color: $secondary; // button border and font color && hover bg color |
@ -0,0 +1,7 @@ |
||||
// general |
||||
$primary: #840032; |
||||
$secondary: #343434; |
||||
$tertiary: #7f7f7f; |
||||
$additional-font: #ff95db; |
||||
|
||||
$btn-line-color: #4b021e; // button border and font color && hover bg color |
@ -0,0 +1,7 @@ |
||||
// general |
||||
$primary: #1c1c3d; |
||||
$secondary: #4ad7a7; |
||||
$tertiary: #5959d8; |
||||
$additional-font: #bdbdff; |
||||
|
||||
$btn-line-color: $tertiary; // button border and font color && hover bg color |
@ -0,0 +1,7 @@ |
||||
// general |
||||
$primary: #153550; |
||||
$secondary: #49a2ee; |
||||
$tertiary: #4ad7a7; |
||||
$additional-font: #89cae6; |
||||
|
||||
$btn-line-color: $secondary; // button border and font color && hover bg color |
@ -0,0 +1,8 @@ |
||||
// general |
||||
$primary: #2b2b2b; |
||||
$secondary: #eac247; |
||||
$tertiary: #929292; |
||||
$additional-font: #ffffff; |
||||
$sub-accent-color: #a46f30; |
||||
|
||||
$btn-line-color: $sub-accent-color; // button border and font color && hover bg color |
@ -0,0 +1,7 @@ |
||||
// general |
||||
$primary: #101f25; |
||||
$secondary: #35e3d8; |
||||
$tertiary: #1f857f; |
||||
$additional-font: #99fff9; |
||||
|
||||
$btn-line-color: $tertiary; // button border and font color && hover bg color |
@ -0,0 +1,7 @@ |
||||
// general |
||||
$primary: #1d3154; |
||||
$secondary: #fdcec4; |
||||
$tertiary: #a96c55; |
||||
$additional-font: #a1ded1; |
||||
|
||||
$btn-line-color: $primary; // button border and font color && hover bg color |
@ -0,0 +1,7 @@ |
||||
// general |
||||
$primary: #5c34a2; |
||||
$secondary: #87e1a9; |
||||
$tertiary: #bf9cff; |
||||
$additional-font: #fff; |
||||
|
||||
$btn-line-color: $primary; // button border and font color && hover bg color |
@ -0,0 +1,7 @@ |
||||
// general |
||||
$primary: #5c34a2; |
||||
$secondary: #87e1a9; |
||||
$tertiary: #bf9cff; |
||||
$additional-font: #fff; |
||||
|
||||
$btn-line-color: $primary; // button border and font color && hover bg color |
@ -0,0 +1,7 @@ |
||||
// general |
||||
$primary: #153550; |
||||
$secondary: #38a9f5; |
||||
$tertiary: #76f1ff; |
||||
$additional-font: #89cae6; |
||||
|
||||
$btn-line-color: $secondary; // button border and font color && hover bg color |
@ -0,0 +1,7 @@ |
||||
// general |
||||
$primary: #153550; |
||||
$secondary: #38a9f5; |
||||
$tertiary: #76f1ff; |
||||
$additional-font: #89cae6; |
||||
|
||||
$btn-line-color: $secondary; // button border and font color && hover bg color |
@ -0,0 +1,7 @@ |
||||
// general |
||||
$primary: #101f25; |
||||
$secondary: #27ac8d; |
||||
$tertiary: #e39a54; |
||||
$additional-font: #a1ded1; |
||||
|
||||
$btn-line-color: $secondary; // button border and font color && hover bg color |
@ -0,0 +1,8 @@ |
||||
// general |
||||
$primary: #093731; |
||||
$secondary: #40bfb2; |
||||
$tertiary: #25c9ff; |
||||
$additional-font: #93e8dd; |
||||
$sub-accent-color: #1c9f90; |
||||
|
||||
$btn-line-color: $sub-accent-color; // button border and font color && hover bg color |
@ -0,0 +1,22 @@ |
||||
@import "theme/base_variables"; |
||||
@import "neutral_variables-non-critical"; |
||||
// @import "dai_variables-non-critical"; |
||||
// @import "ethereum_classic_variables-non-critical"; |
||||
// @import "ethereum_variables-non-critical"; |
||||
// @import "ether1_variables-non-critical"; |
||||
// @import "expanse_variables-non-critical"; |
||||
// @import "gochain_variables-non-critical"; |
||||
// @import "goerli_variables-non-critical"; |
||||
// @import "kovan_variables-non-critical"; |
||||
// @import "lukso_variables-non-critical"; |
||||
// @import "musicoin_variables-non-critical"; |
||||
// @import "pirl_variables-non-critical"; |
||||
// @import "poa_variables-non-critical"; |
||||
// @import "posdao_variables-non-critical"; |
||||
// @import "rinkeby_variables-non-critical"; |
||||
// @import "ropsten_variables-non-critical"; |
||||
// @import "social_variables-non-critical"; |
||||
// @import "sokol_variables-non-critical"; |
||||
// @import "tobalaba_variables-non-critical"; |
||||
// @import "tomochain_variables-non-critical"; |
||||
// @import "rsk_variables-non-critical"; |
@ -1,5 +1,5 @@ |
||||
import $ from 'jquery' |
||||
|
||||
$(function () { |
||||
$('[data-toggle="tooltip"]').tooltip() |
||||
$('body').tooltip({ selector: '[data-toggle="tooltip"]' }) |
||||
}) |
||||
|
@ -0,0 +1,76 @@ |
||||
import $ from 'jquery' |
||||
|
||||
function composeCurlCommand (data) { |
||||
const url = $('[data-endpoint-url]').attr('data-endpoint-url') |
||||
return `curl -H "content-type: application/json" -X POST --data '${JSON.stringify(data)}' ${url}` |
||||
} |
||||
|
||||
function handleResponse (data, xhr, clickedButton) { |
||||
const module = clickedButton.attr('data-module') |
||||
const action = clickedButton.attr('data-action') |
||||
const curl = $(`[data-selector="${module}-${action}-curl"]`)[0] |
||||
const code = $(`[data-selector="${module}-${action}-server-response-code"]`)[0] |
||||
const body = $(`[data-selector="${module}-${action}-server-response-body"]`)[0] |
||||
|
||||
curl.innerHTML = composeCurlCommand(data) |
||||
code.innerHTML = xhr.status |
||||
body.innerHTML = JSON.stringify(xhr.responseJSON, undefined, 2) |
||||
$(`[data-selector="${module}-${action}-try-api-ui-result"]`).show() |
||||
$(`[data-selector="${module}-${action}-btn-try-api-clear"]`).show() |
||||
clickedButton.html(clickedButton.data('original-text')) |
||||
clickedButton.prop('disabled', false) |
||||
} |
||||
|
||||
function wrapJsonRpc (method, params) { |
||||
return { |
||||
id: 0, |
||||
jsonrpc: '2.0', |
||||
method: method, |
||||
params: params |
||||
} |
||||
} |
||||
|
||||
function parseInput (input) { |
||||
const type = $(input).attr('data-parameter-type') |
||||
const value = $(input).val() |
||||
|
||||
switch (type) { |
||||
case 'string': |
||||
return value |
||||
case 'json': |
||||
return JSON.parse(value) |
||||
default: |
||||
return value |
||||
} |
||||
} |
||||
|
||||
function dropDomain (url) { |
||||
return new URL(url).pathname |
||||
} |
||||
|
||||
$('button[data-try-eth-api-ui-button-type="execute"]').click(event => { |
||||
const clickedButton = $(event.target) |
||||
const module = clickedButton.attr('data-module') |
||||
const action = clickedButton.attr('data-action') |
||||
const inputs = $(`input[data-selector="${module}-${action}-try-api-ui"]`) |
||||
const params = $.map(inputs, parseInput) |
||||
const formData = wrapJsonRpc(action, params) |
||||
const loadingText = '<span class="loading-spinner-small mr-2"><span class="loading-spinner-block-1"></span><span class="loading-spinner-block-2"></span></span> Loading...' |
||||
|
||||
clickedButton.prop('disabled', true) |
||||
clickedButton.data('original-text', clickedButton.html()) |
||||
|
||||
if (clickedButton.html() !== loadingText) { |
||||
clickedButton.html(loadingText) |
||||
} |
||||
|
||||
const url = $('[data-endpoint-url]').attr('data-endpoint-url') |
||||
|
||||
$.ajax({ |
||||
url: dropDomain(url), |
||||
type: 'POST', |
||||
data: JSON.stringify(formData), |
||||
dataType: 'json', |
||||
contentType: 'application/json; charset=utf-8' |
||||
}).then((_data, _status, xhr) => handleResponse(formData, xhr, clickedButton)) |
||||
}) |
@ -0,0 +1 @@ |
||||
import '../../css/stakes.scss' |
Before Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 2.8 KiB |
After Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 868 B |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 425 B |
Before Width: | Height: | Size: 3.5 KiB |
After Width: | Height: | Size: 646 B |
Before Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 2.6 KiB |
Before Width: | Height: | Size: 2.8 KiB |
After Width: | Height: | Size: 674 B |
After Width: | Height: | Size: 435 B |
Before Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 800 B |
Before Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 848 B |
Before Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 8.9 KiB |
Before Width: | Height: | Size: 6.6 KiB |
Before Width: | Height: | Size: 2.4 KiB |
After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 916 B |
Before Width: | Height: | Size: 3.7 KiB |
After Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 916 B |
Before Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 604 B |