slightlycyborg
5 years ago
commit
7b14b1c17a
@ -1,3 +1,3 @@ |
||||
elixir 1.8.1 |
||||
elixir 1.9 |
||||
erlang 21.0.4 |
||||
nodejs 10.11.0 |
||||
|
||||
@ -0,0 +1,470 @@ |
||||
$body-dark: #1c1d31; // body background |
||||
$dark-bg: #22223a; // hero shade |
||||
$dark-light-bg: #282945; // pills bg shade |
||||
$dark-light: #313355; // tile light top share |
||||
$labels-dark: #8a8dba; // header nav, labels |
||||
|
||||
// Switcher |
||||
.dark-mode-changer { |
||||
display: inline-flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
width: 36px; |
||||
height: 36px; |
||||
background: transparent; |
||||
border: none; |
||||
cursor: pointer; |
||||
margin-right: 5px; |
||||
outline: none !important; |
||||
box-shadow: none !important; |
||||
transition: .2s ease-in; |
||||
&:hover { |
||||
opacity: .8; |
||||
} |
||||
svg path { |
||||
fill: #828ba0; |
||||
} |
||||
&--dark { |
||||
svg path { |
||||
fill: $dark-primary; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.dark-theme-applied { |
||||
color: #fff; |
||||
|
||||
// navbar |
||||
.navbar.navbar-primary { |
||||
background-color: $dark-light-bg; |
||||
} |
||||
.navbar-brand .navbar-logo { |
||||
filter: brightness(0) invert(1); |
||||
} |
||||
.navbar.navbar-primary .navbar-nav .nav-link { |
||||
color: $labels-dark; |
||||
.nav-link-icon { |
||||
svg path { |
||||
fill: $labels-dark; |
||||
} |
||||
} |
||||
&.active, &:hover { |
||||
.nav-link-icon { |
||||
svg path { |
||||
fill: $dark-primary; |
||||
} |
||||
} |
||||
&:before { |
||||
background-color: $dark-primary; |
||||
} |
||||
} |
||||
} |
||||
.navbar.navbar-primary .form-control { |
||||
background-color: $dark-bg; |
||||
border-color: $dark-bg; |
||||
color: #fff; |
||||
&::placeholder { |
||||
color: $labels-dark; |
||||
} |
||||
} |
||||
.navbar.navbar-primary .navbar-toggler .navbar-toggler-icon { |
||||
filter: invert(1); |
||||
} |
||||
|
||||
// footer |
||||
.footer { |
||||
background: $dark-light-bg; |
||||
color: $labels-dark; |
||||
} |
||||
.footer-social-icon, |
||||
.footer-link { |
||||
color: $labels-dark; |
||||
} |
||||
.footer-social-icon:hover, |
||||
.footer-link:hover { |
||||
color: #fff; |
||||
} |
||||
.footer-list ul li::before { |
||||
background-color: $dark-secondary; |
||||
} |
||||
|
||||
// hero stats |
||||
|
||||
.layout-container .dashboard-banner-container { |
||||
background-image: none; |
||||
background-color: $dark-bg; |
||||
} |
||||
.dashboard-banner-network-plain-container, |
||||
.dashboard-banner-network-plain-container::after { |
||||
background-color: $dark-light-bg; |
||||
} |
||||
.dashboard-banner-network-stats-label, |
||||
.dashboard-banner-chart-legend .dashboard-banner-chart-legend-label { |
||||
color: $labels-dark; |
||||
} |
||||
.dashboard-banner-chart-legend .dashboard-banner-chart-legend-item:nth-child(1)::before { |
||||
background-color: $dark-primary; |
||||
} |
||||
.dashboard-banner-network-stats-item::before { |
||||
background-color: $dark-secondary; |
||||
} |
||||
.dashboard-banner-chart-legend .dashboard-banner-chart-legend-item:nth-child(2)::before { |
||||
background-color: $dark-secondary; |
||||
} |
||||
|
||||
// main container, layout, cards |
||||
.layout-container main { |
||||
background-color: $body-dark; |
||||
} |
||||
|
||||
.card { |
||||
background-color: $dark-light-bg; |
||||
box-shadow: 0 0 30px 0 rgba(23, 24, 41, 0.5); |
||||
} |
||||
|
||||
.card-header { |
||||
border-bottom-color: darken($labels-dark, 30); |
||||
} |
||||
|
||||
.address-detail-hash-title { |
||||
color: #fff; |
||||
} |
||||
|
||||
.card-tabs { |
||||
border-bottom-color: darken($labels-dark, 30); |
||||
} |
||||
|
||||
.card-tab { |
||||
background-color: transparent; |
||||
&:hover:not(.active) { |
||||
background-color: rgba($dark-primary, .15); |
||||
color: $dark-primary; |
||||
} |
||||
&.active { |
||||
background-color: $dark-primary-alternate; |
||||
color: #fff; |
||||
} |
||||
} |
||||
|
||||
.card-background-1 { |
||||
background-color: $dark-primary-alternate; |
||||
} |
||||
|
||||
// Components |
||||
a { |
||||
color: $dark-primary; |
||||
} |
||||
|
||||
.tile { |
||||
border-top-color: $dark-light; |
||||
border-bottom-color: $dark-light; |
||||
border-right-color: $dark-light; |
||||
background-color: $dark-light; |
||||
color: $labels-dark; |
||||
&:not([class^="tile tile-type"]) { |
||||
border-left-color: $dark-light; |
||||
} |
||||
&.tile-type-coin-balance { |
||||
border-left-color: $dark-light; |
||||
} |
||||
.tile-title { |
||||
color: #fff; |
||||
} |
||||
.tile-transaction-type-block { |
||||
background-color: transparent; |
||||
} |
||||
} |
||||
.tile-bottom-contents { |
||||
background-color: $dark-bg; |
||||
} |
||||
a.tile-title { |
||||
color: #fff !important; |
||||
} |
||||
.tile.tile-type-block .tile-transaction-type-block a { |
||||
color: #fff; |
||||
} |
||||
.fade-up-blocks-chain .tile-type-block-animation { |
||||
background-color: $dark-light; |
||||
border-top-color: $dark-light; |
||||
border-right-color: $dark-light; |
||||
border-bottom-color: $dark-light; |
||||
} |
||||
.fade-up-blocks-chain .tile-type-block-animation:after { |
||||
background-color: $dark-light; |
||||
} |
||||
.cube-animation-title { |
||||
color: $labels-dark; |
||||
} |
||||
.tile .tile-body a, |
||||
.tile span[data-address-hash] { color: $dark-primary; } |
||||
.fade-up-blocks-chain .tile-type-block-animation .tile-type-line-up { |
||||
background-color: $dark-primary; |
||||
} |
||||
.tile.tile-type-block { |
||||
border-left-color: $dark-primary |
||||
} |
||||
.tile.tile-type-block .tile-status-label { |
||||
color: $dark-primary; |
||||
} |
||||
.tile.tile-type-block .tile-transaction-type-block { |
||||
border-right-color: $dark-primary; |
||||
border-top-color: $dark-primary; |
||||
border-bottom-color: $dark-primary; |
||||
} |
||||
.tile .progress { |
||||
background-color: rgba(#fff, .2); |
||||
} |
||||
.tile .progress .progress-bar { |
||||
background-color: $dark-primary; |
||||
} |
||||
.tile .tile-title-lg:not([data-balance-change-sign]) { |
||||
color: $dark-primary; |
||||
} |
||||
|
||||
// btns |
||||
|
||||
.btn-line { |
||||
background-color: transparent; |
||||
border-color: $dark-primary; |
||||
color: $dark-primary; |
||||
&:hover { |
||||
border-color: $dark-primary; |
||||
background-color: $dark-primary; |
||||
color: #fff; |
||||
} |
||||
} |
||||
|
||||
.btn-copy-icon, .btn-qr-icon { |
||||
border-color: $dark-primary; |
||||
path { |
||||
fill: $dark-primary; |
||||
} |
||||
&:hover { |
||||
background-color: $dark-primary; |
||||
path { |
||||
fill: #fff; |
||||
} |
||||
} |
||||
} |
||||
|
||||
// pagination |
||||
.pagination-container .pagination .page-link { |
||||
color: $labels-dark; |
||||
border-color: $dark-light; |
||||
background-color: $dark-light; |
||||
&:not(.no-hover):hover { |
||||
color: #fff; |
||||
background-color: $dark-primary; |
||||
path { |
||||
fill: #fff; |
||||
} |
||||
} |
||||
&[disabled] { |
||||
color: $labels-dark; |
||||
border-color: $dark-light; |
||||
background-color: $dark-light; |
||||
} |
||||
} |
||||
|
||||
// dropdown |
||||
.dropdown-menu { |
||||
background-color: $dark-light; |
||||
border-left-color: $dark-light; |
||||
border-right-color: $dark-light; |
||||
border-bottom-color: $dark-light; |
||||
} |
||||
|
||||
.dropdown-item { |
||||
color: #fff; |
||||
&:hover { |
||||
background-color: rgba(#fff, .1); |
||||
} |
||||
} |
||||
.dropdown-item.active { |
||||
background-color: $dark-primary; |
||||
} |
||||
.btn-dropdown-line { |
||||
background-color: $dark-light; |
||||
border-color: $dark-light; |
||||
color: $labels-dark; |
||||
} |
||||
|
||||
// table |
||||
.stakes-table-th { |
||||
background-color: $dark-light; |
||||
color: $labels-dark; |
||||
} |
||||
.stakes-td { |
||||
border-bottom-color: darken($labels-dark, 30); |
||||
} |
||||
.table th, .table td { |
||||
border-top-color: darken($labels-dark, 30); |
||||
} |
||||
hr { |
||||
border-top-color: darken($labels-dark, 30); |
||||
} |
||||
|
||||
// api's |
||||
.api-anchors-list { |
||||
background-color: $dark-light; |
||||
} |
||||
.api-doc-list-item { |
||||
border-bottom-color: darken($labels-dark, 30); |
||||
} |
||||
.card-subtitle, |
||||
.api-anchors-list-item-title, |
||||
.api-doc-list-item-title { |
||||
color: #fff; |
||||
} |
||||
.api-text-monospace { |
||||
color: $dark-primary; |
||||
} |
||||
.api-text-monospace-background { |
||||
background-color: rgba($dark-primary, .15); |
||||
} |
||||
.badge.badge-neutral { |
||||
background-color: rgba($dark-primary, .15); |
||||
color: $dark-primary; |
||||
} |
||||
|
||||
// download csv button |
||||
.download-all-transactions .download-all-transactions-link svg path { |
||||
fill: $dark-primary; |
||||
} |
||||
|
||||
//tooltips |
||||
.tooltip .arrow:before { |
||||
border-top-color: $dark-primary; |
||||
border-bottom-color: $dark-primary; |
||||
} |
||||
.tooltip > .tooltip-inner {background-color: $dark-primary;} |
||||
|
||||
//network select |
||||
.network-selector-overlay { |
||||
background-color: rgba($dark-bg, .9); |
||||
} |
||||
.network-selector { |
||||
background-color: $dark-light-bg; |
||||
} |
||||
.network-selector-title { |
||||
color: #fff; |
||||
} |
||||
.network-selector-text { |
||||
color: $labels-dark; |
||||
} |
||||
.network-selector-close path { |
||||
fill: #fff; |
||||
} |
||||
.network-selector-search-container { |
||||
background-color: $dark-light; |
||||
} |
||||
.network-selector-search-container path { |
||||
fill: $labels-dark; |
||||
} |
||||
.network-selector-search-input { |
||||
color: #fff !important; |
||||
&::placeholder { |
||||
color: $labels-dark; |
||||
} |
||||
} |
||||
.network-selector-tab { |
||||
color: $labels-dark; |
||||
&:hover, &.active { |
||||
color: #fff; |
||||
} |
||||
&.active { |
||||
&:after { |
||||
background-color: $dark-primary; |
||||
} |
||||
} |
||||
} |
||||
.network-selector-item, |
||||
.network-selector-tabs-container { |
||||
border-bottom-color: darken($labels-dark, 30); |
||||
} |
||||
.network-selector-item-title { |
||||
color: #fff; |
||||
} |
||||
.network-selector-item-type { |
||||
color: $labels-dark; |
||||
} |
||||
.radio .radio-icon { |
||||
border-color: $labels-dark |
||||
} |
||||
.network-selector-item-url:hover .network-selector-item-type { |
||||
color: #fff; |
||||
} |
||||
|
||||
//coin dropdown |
||||
.token-balance-dropdown.dropdown-menu { |
||||
border-color: $dark-light !important; |
||||
box-shadow: 0 0 30px 0 rgba(23, 24, 41, 0.5) !important; |
||||
} |
||||
.token-balance-dropdown .dropdown-search-icon path { |
||||
fill: $labels-dark; |
||||
} |
||||
.token-balance-dropdown .dropdown-search-field { |
||||
background-color: $dark-light; |
||||
border-color: $dark-light; |
||||
color: #fff; |
||||
&::placeholder { |
||||
color: $labels-dark; |
||||
} |
||||
} |
||||
.token-balance-dropdown[aria-labelledby="dropdown-tokens"] .dropdown-items .dropdown-item:hover { |
||||
color: #fff !important; |
||||
} |
||||
.dropdown-header { |
||||
color: $labels-dark; |
||||
} |
||||
.border-bottom { |
||||
border-bottom-color: darken($labels-dark, 30) !important; |
||||
} |
||||
|
||||
// coin balance history chart |
||||
.chartjs-render-monitor[data-chart="coinBalanceHistoryChart"] { |
||||
filter: brightness(0) invert(1) !important; |
||||
} |
||||
|
||||
// logs search |
||||
.logs-search-input, .logs-search-btn, .logs-search-btn-cancel { |
||||
background-color: $dark-light; |
||||
border-color: $dark-light; |
||||
color: #fff; |
||||
} |
||||
|
||||
.logs-search-btn { |
||||
color: $labels-dark; |
||||
} |
||||
|
||||
.logs-search-btn { |
||||
&:hover { |
||||
background-color: $dark-primary; |
||||
color: #fff; |
||||
} |
||||
} |
||||
|
||||
.logs-search-input { |
||||
&::placeholder { |
||||
color: $labels-dark; |
||||
} |
||||
} |
||||
|
||||
// code |
||||
pre { |
||||
color: #fff; |
||||
} |
||||
|
||||
// info allert |
||||
.alert-info { |
||||
color: $labels-dark; |
||||
background-color: $dark-light; |
||||
border-color: $dark-light; |
||||
} |
||||
|
||||
// dark text |
||||
.text-dark { |
||||
color: #fff; |
||||
} |
||||
|
||||
} |
||||
@ -1,28 +0,0 @@ |
||||
import $ from 'jquery' |
||||
|
||||
$(function () { |
||||
$('.js-btn-add-contract-libraries').on('click', function () { |
||||
$('.js-smart-contract-libraries-wrapper').show() |
||||
$(this).hide() |
||||
}) |
||||
|
||||
$('.js-smart-contract-form-reset').on('click', function () { |
||||
$('.js-contract-library-form-group').removeClass('active') |
||||
$('.js-contract-library-form-group').first().addClass('active') |
||||
$('.js-smart-contract-libraries-wrapper').hide() |
||||
$('.js-btn-add-contract-libraries').show() |
||||
$('.js-add-contract-library-wrapper').show() |
||||
}) |
||||
|
||||
$('.js-btn-add-contract-library').on('click', function () { |
||||
let nextContractLibrary = $('.js-contract-library-form-group.active').next('.js-contract-library-form-group') |
||||
|
||||
if (nextContractLibrary) { |
||||
nextContractLibrary.addClass('active') |
||||
} |
||||
|
||||
if ($('.js-contract-library-form-group.active').length === $('.js-contract-library-form-group').length) { |
||||
$('.js-add-contract-library-wrapper').hide() |
||||
} |
||||
}) |
||||
}) |
||||
@ -0,0 +1,11 @@ |
||||
import $ from 'jquery' |
||||
|
||||
$('.dark-mode-changer').click(function () { |
||||
if (localStorage.getItem('current-color-mode') === 'dark') { |
||||
localStorage.setItem('current-color-mode', 'light') |
||||
} else { |
||||
localStorage.setItem('current-color-mode', 'dark') |
||||
} |
||||
// reload each theme switch
|
||||
document.location.reload(true) |
||||
}) |
||||
@ -0,0 +1,144 @@ |
||||
import $ from 'jquery' |
||||
import omit from 'lodash/omit' |
||||
import URI from 'urijs' |
||||
import humps from 'humps' |
||||
import { subscribeChannel } from '../socket' |
||||
import { createStore, connectElements } from '../lib/redux_helpers.js' |
||||
|
||||
export const initialState = { |
||||
channelDisconnected: false, |
||||
addressHash: null, |
||||
newForm: null |
||||
} |
||||
|
||||
export function reducer (state = initialState, action) { |
||||
switch (action.type) { |
||||
case 'PAGE_LOAD': |
||||
case 'ELEMENTS_LOAD': { |
||||
return Object.assign({}, state, omit(action, 'type')) |
||||
} |
||||
case 'CHANNEL_DISCONNECTED': { |
||||
if (state.beyondPageOne) return state |
||||
|
||||
return Object.assign({}, state, { |
||||
channelDisconnected: true |
||||
}) |
||||
} |
||||
case 'RECEIVED_VERIFICATION_RESULT': { |
||||
if (action.msg.verificationResult === 'ok') { |
||||
return window.location.replace(window.location.href.split('/contract_verifications')[0] + '/contracts') |
||||
} else { |
||||
return Object.assign({}, state, { |
||||
newForm: action.msg.verificationResult |
||||
}) |
||||
} |
||||
} |
||||
default: |
||||
return state |
||||
} |
||||
} |
||||
|
||||
const elements = { |
||||
'[data-selector="channel-disconnected-message"]': { |
||||
render ($el, state) { |
||||
if (state.channelDisconnected) $el.show() |
||||
} |
||||
}, |
||||
'[data-page="contract-verification"]': { |
||||
render ($el, state) { |
||||
if (state.newForm) { |
||||
$el.replaceWith(state.newForm) |
||||
$('button[data-button-loading="animation"]').click(event => { |
||||
$('#loading').removeClass('d-none') |
||||
}) |
||||
|
||||
$(function () { |
||||
$('.js-btn-add-contract-libraries').on('click', function () { |
||||
$('.js-smart-contract-libraries-wrapper').show() |
||||
$(this).hide() |
||||
}) |
||||
|
||||
$('.js-smart-contract-form-reset').on('click', function () { |
||||
$('.js-contract-library-form-group').removeClass('active') |
||||
$('.js-contract-library-form-group').first().addClass('active') |
||||
$('.js-smart-contract-libraries-wrapper').hide() |
||||
$('.js-btn-add-contract-libraries').show() |
||||
$('.js-add-contract-library-wrapper').show() |
||||
}) |
||||
|
||||
$('.js-btn-add-contract-library').on('click', function () { |
||||
let nextContractLibrary = $('.js-contract-library-form-group.active').next('.js-contract-library-form-group') |
||||
|
||||
if (nextContractLibrary) { |
||||
nextContractLibrary.addClass('active') |
||||
} |
||||
|
||||
if ($('.js-contract-library-form-group.active').length === $('.js-contract-library-form-group').length) { |
||||
$('.js-add-contract-library-wrapper').hide() |
||||
} |
||||
}) |
||||
}) |
||||
|
||||
return $el |
||||
} |
||||
return $el |
||||
} |
||||
} |
||||
} |
||||
|
||||
const $contractVerificationPage = $('[data-page="contract-verification"]') |
||||
|
||||
if ($contractVerificationPage.length) { |
||||
const store = createStore(reducer) |
||||
const addressHash = $('#smart_contract_address_hash').val() |
||||
const { filter, blockNumber } = humps.camelizeKeys(URI(window.location).query(true)) |
||||
|
||||
store.dispatch({ |
||||
type: 'PAGE_LOAD', |
||||
addressHash, |
||||
filter, |
||||
beyondPageOne: !!blockNumber |
||||
}) |
||||
connectElements({ store, elements }) |
||||
|
||||
const addressChannel = subscribeChannel(`addresses:${addressHash}`) |
||||
|
||||
addressChannel.onError(() => store.dispatch({ |
||||
type: 'CHANNEL_DISCONNECTED' |
||||
})) |
||||
addressChannel.on('verification', (msg) => store.dispatch({ |
||||
type: 'RECEIVED_VERIFICATION_RESULT', |
||||
msg: humps.camelizeKeys(msg) |
||||
})) |
||||
|
||||
$('button[data-button-loading="animation"]').click(event => { |
||||
$('#loading').removeClass('d-none') |
||||
}) |
||||
|
||||
$(function () { |
||||
$('.js-btn-add-contract-libraries').on('click', function () { |
||||
$('.js-smart-contract-libraries-wrapper').show() |
||||
$(this).hide() |
||||
}) |
||||
|
||||
$('.js-smart-contract-form-reset').on('click', function () { |
||||
$('.js-contract-library-form-group').removeClass('active') |
||||
$('.js-contract-library-form-group').first().addClass('active') |
||||
$('.js-smart-contract-libraries-wrapper').hide() |
||||
$('.js-btn-add-contract-libraries').show() |
||||
$('.js-add-contract-library-wrapper').show() |
||||
}) |
||||
|
||||
$('.js-btn-add-contract-library').on('click', function () { |
||||
let nextContractLibrary = $('.js-contract-library-form-group.active').next('.js-contract-library-form-group') |
||||
|
||||
if (nextContractLibrary) { |
||||
nextContractLibrary.addClass('active') |
||||
} |
||||
|
||||
if ($('.js-contract-library-form-group.active').length === $('.js-contract-library-form-group').length) { |
||||
$('.js-add-contract-library-wrapper').hide() |
||||
} |
||||
}) |
||||
}) |
||||
} |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue