107 lines
2.6 KiB
Vue
107 lines
2.6 KiB
Vue
<template>
|
|
<div>
|
|
<b-card title="Block Id">
|
|
<object-field-component :tablefield="block.block_id" />
|
|
</b-card>
|
|
|
|
<b-card title="Block Header">
|
|
<object-field-component :tablefield="block.block.header" />
|
|
</b-card>
|
|
|
|
<b-card
|
|
v-if="block.block.data.txs"
|
|
title="Transaction"
|
|
>
|
|
<b-table
|
|
:items="txs"
|
|
:fields="fields"
|
|
responsive="sm"
|
|
>
|
|
<template #cell(hash)="data">
|
|
<router-link :to="`../tx/${data.value}`">
|
|
{{ data.value }}
|
|
</router-link>
|
|
</template>
|
|
</b-table>
|
|
</b-card>
|
|
|
|
<b-card
|
|
v-if="block.block.evidence.evidence"
|
|
title="Evidence"
|
|
>
|
|
<array-field-component :tablefield="block.block.evidence.evidence" />
|
|
</b-card>
|
|
|
|
<b-card title="Last Commit">
|
|
<object-field-component
|
|
:tablefield="block.block.last_commit"
|
|
:small="true"
|
|
/>
|
|
</b-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { BCard, BTable } from 'bootstrap-vue'
|
|
import { fromBase64 } from '@cosmjs/encoding'
|
|
import { decodeTxRaw } from '@cosmjs/proto-signing'
|
|
import Tx from '@/libs/data/tx'
|
|
import { abbrMessage, tokenFormatter } from '@/libs/data'
|
|
import ObjectFieldComponent from './ObjectFieldComponent.vue'
|
|
import ArrayFieldComponent from './ArrayFieldComponent.vue'
|
|
|
|
export default {
|
|
components: {
|
|
BCard,
|
|
BTable,
|
|
ObjectFieldComponent,
|
|
ArrayFieldComponent,
|
|
},
|
|
data() {
|
|
return {
|
|
block: { block: { header: {}, data: {}, evidence: {} } },
|
|
txs: null,
|
|
fields: [
|
|
{ key: 'hash' },
|
|
{ key: 'fee', formatter: v => tokenFormatter(v) },
|
|
{ key: 'messages', formatter: v => abbrMessage(v) },
|
|
{ key: 'memo' },
|
|
],
|
|
}
|
|
},
|
|
beforeRouteUpdate(to, from, next) {
|
|
const { height } = to.params
|
|
if (height > 0 && height !== from.params.height) {
|
|
this.initData(height)
|
|
next()
|
|
}
|
|
},
|
|
created() {
|
|
const { height } = this.$route.params
|
|
this.initData(height)
|
|
},
|
|
methods: {
|
|
initData(height) {
|
|
this.$http.getBlockByHeight(height).then(res => {
|
|
this.block = res
|
|
const { txs } = res.block.data
|
|
if (txs === null) return
|
|
const array = []
|
|
for (let i = 0; i < txs.length; i += 1) {
|
|
let tx = new Tx()
|
|
try {
|
|
const origin = decodeTxRaw(fromBase64(txs[i]))
|
|
tx = Tx.create(origin)
|
|
} catch (e) {
|
|
// catch errors
|
|
}
|
|
tx.setHash(txs[i])
|
|
array.push(tx)
|
|
}
|
|
if (array.length > 0) this.txs = array
|
|
})
|
|
},
|
|
},
|
|
}
|
|
</script>
|