cerc-io/cosmos-explorer
16
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change color for unloaded status

Browse Source
This commit is contained in:
liangping 2021-09-21 08:18:53 +08:00
parent 432f5e8340
commit b06e2623b7
1 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/Uptime.vue
View File

@ -29,7 +29,7 @@
<div <div
v-b-tooltip.hover.v-second v-b-tooltip.hover.v-second
:title="b.height" :title="b.height"
:class="b.sigs && b.sigs[x.address] ? 'bg-success':'bg-danger'" :class="b.sigs && b.sigs[x.address] ? b.sigs[x.address] : 'bg-light-success'"
class="m-auto" class="m-auto"
>&nbsp;</div> >&nbsp;</div>
</router-link> </router-link>
@ -102,9 +102,9 @@ export default {
} }
} }
const sigs = {} const sigs = this.initColor()
d.block.last_commit.signatures.forEach(x => { d.block.last_commit.signatures.forEach(x => {
sigs[x.validator_address] = !!x.signature if (x.validator_address) sigs[x.validator_address] = 'bg-success'
}) })
blocks.push({ sigs, height }) blocks.push({ sigs, height })
this.blocks = blocks this.blocks = blocks
@ -112,14 +112,21 @@ export default {
this.timer = setInterval(this.fetch_latest, 6000) this.timer = setInterval(this.fetch_latest, 6000)
}) })
}, },
initColor() {
const sigs = {}
this.validators.forEach(x => {
sigs[consensusPubkeyToHexAddress(x.consensus_pubkey)] = 'bg-danger'
})
return sigs
},
fetch_status(height, resolve) { fetch_status(height, resolve) {
const block = this.blocks.find(b => b.height === height) const block = this.blocks.find(b => b.height === height)
if (block) { if (block) {
this.$http.getBlockByHeight(height).then(res => { this.$http.getBlockByHeight(height).then(res => {
resolve() resolve()
const sigs = {} const sigs = this.initColor()
res.block.last_commit.signatures.forEach(x => { res.block.last_commit.signatures.forEach(x => {
sigs[x.validator_address] = !!x.signature if (x.validator_address) sigs[x.validator_address] = 'bg-success'
}) })
this.$set(block, 'sigs', sigs) this.$set(block, 'sigs', sigs)
}) })
@ -127,9 +134,9 @@ export default {
}, },
fetch_latest() { fetch_latest() {
this.$http.getLatestBlock().then(res => { this.$http.getLatestBlock().then(res => {
const sigs = {} const sigs = this.initColor()
res.block.last_commit.signatures.forEach(x => { res.block.last_commit.signatures.forEach(x => {
sigs[x.validator_address] = !!x.signature if (x.validator_address) sigs[x.validator_address] = 'bg-success'
}) })
const block = this.blocks.find(b => b[1] === res.block.last_commit.height) const block = this.blocks.find(b => b[1] === res.block.last_commit.height)
if (typeof block === 'undefined') { // mei if (typeof block === 'undefined') { // mei