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

change Layout of first panel

Browse Source
This commit is contained in:
liangping 2021-08-07 07:35:49 +08:00
parent 794d3733a0
commit 5620337d3a
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/Summary.vue
View File

@ -61,10 +61,10 @@ export default {
title: '', title: '',
class: 'border-primary', class: 'border-primary',
items: [ items: [
{ subtitle: 'chain_id', icon: 'LinkIcon', color: 'light-primary' },
{ subtitle: 'height', icon: 'BoxIcon', color: 'light-success' }, { subtitle: 'height', icon: 'BoxIcon', color: 'light-success' },
{ subtitle: 'bonded_and_supply', icon: 'DollarSignIcon', color: 'light-danger' }, { subtitle: 'bonded_and_supply', icon: 'DollarSignIcon', color: 'light-danger' },
{ subtitle: 'bonded_ratio', icon: 'PercentIcon', color: 'light-warning' }, { subtitle: 'bonded_ratio', icon: 'PercentIcon', color: 'light-warning' },
{ subtitle: 'inflation', icon: 'TrendingUpIcon', color: 'light-primary' },
], ],
}, },
staking: { staking: {
@ -91,13 +91,17 @@ export default {
}, },
created() { created() {
this.$http.getLatestBlock().then(res => { this.$http.getLatestBlock().then(res => {
const chainIndex = this.chain.items.findIndex(x => x.subtitle === 'chain_id')
const height = this.chain.items.findIndex(x => x.subtitle === 'height') const height = this.chain.items.findIndex(x => x.subtitle === 'height')
this.$set(this.chain.items[chainIndex], 'title', res.block.header.chain_id) this.$set(this.chain, 'title', `Chain ID: ${res.block.header.chain_id}`)
this.$set(this.chain.items[height], 'title', res.block.header.height) this.$set(this.chain.items[height], 'title', res.block.header.height)
}) })
this.$http.getMintingInflation().then(res => {
const chainIndex = this.chain.items.findIndex(x => x.subtitle === 'inflation')
this.$set(this.chain.items[chainIndex], 'title', `${percent(res)}%`)
})
this.$http.getStakingParameters().then(res => { this.$http.getStakingParameters().then(res => {
this.staking = this.normalize(res, 'Staking Parameters') this.staking = this.normalize(res, 'Staking Parameters')
Promise.all([this.$http.getStakingPool(), this.$http.getBankTotal(res.bond_denom)]) Promise.all([this.$http.getStakingPool(), this.$http.getBankTotal(res.bond_denom)])