Ayrat Badykov
5 years ago
committed by
GitHub
@ -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-dashboard-copy-icon-color: $copy-icon-color !default; |
||||||
$stakes-address-color: $primary !default; |
$stakes-address-color: $primary !default; |
||||||
$stakes-control-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-color: #fff !default; |
||||||
$stakes-stats-item-border-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,20 +1,17 @@ |
|||||||
import $ from 'jquery' |
import $ from 'jquery' |
||||||
|
|
||||||
const tokenTransferToggle = (element) => { |
$(document.body).on('click', '[data-selector="token-transfer-open"]', event => { |
||||||
const $element = $(element) |
const $tokenTransferOpen = event.target |
||||||
const $tokenTransferClose = $element.find("[data-selector='token-transfer-close']") |
const $parent = $tokenTransferOpen.parentElement |
||||||
const $tokenTransferOpen = $element.find("[data-selector='token-transfer-open']") |
const $tokenTransferClose = $parent.querySelector("[data-selector='token-transfer-close']") |
||||||
|
$tokenTransferOpen.classList.add('d-none') |
||||||
|
$tokenTransferClose.classList.remove('d-none') |
||||||
|
}) |
||||||
|
|
||||||
$element.on('show.bs.collapse', () => { |
$(document.body).on('click', '[data-selector="token-transfer-close"]', event => { |
||||||
$tokenTransferOpen.addClass('d-none') |
const $tokenTransferClose = event.target |
||||||
$tokenTransferClose.removeClass('d-none') |
const $parent = $tokenTransferClose.parentElement |
||||||
}) |
const $tokenTransferOpen = $parent.querySelector("[data-selector='token-transfer-open']") |
||||||
|
$tokenTransferClose.classList.add('d-none') |
||||||
$element.on('hide.bs.collapse', () => { |
$tokenTransferOpen.classList.remove('d-none') |
||||||
$tokenTransferClose.addClass('d-none') |
}) |
||||||
$tokenTransferOpen.removeClass('d-none') |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
// Initialize the script scoped for each card.
|
|
||||||
$("[data-selector='token-transfers-toggle']").each((_index, element) => tokenTransferToggle(element)) |
|
||||||
|
|||||||
@ -1,5 +1,5 @@ |
|||||||
import $ from 'jquery' |
import $ from 'jquery' |
||||||
|
|
||||||
$(function () { |
$(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 |