forked from cerc-io/cosmos-explorer
Fixed issue on search
This commit is contained in:
liangping
parent
62643e9e07
commit
cddc6906c5
@ -27,14 +27,18 @@
|
|||||||
<b-form-input
|
<b-form-input
|
||||||
v-if="showSearchBar"
|
v-if="showSearchBar"
|
||||||
v-model="searchQuery"
|
v-model="searchQuery"
|
||||||
placeholder="Search Height/Transaction/Address"
|
placeholder="Search Height/Transaction/Account Address"
|
||||||
autofocus
|
autofocus
|
||||||
|
:state="false"
|
||||||
autocomplete="off"
|
autocomplete="off"
|
||||||
@keyup.enter="doQuery"
|
@keyup.enter="doQuery"
|
||||||
/>
|
/>
|
||||||
|
<b-form-text class="text-danger pl-3">
|
||||||
|
{{ error }}
|
||||||
|
</b-form-text>
|
||||||
<div
|
<div
|
||||||
class="search-input-close"
|
class="search-input-close"
|
||||||
@click="showSearchBar = false;"
|
@click="reset()"
|
||||||
>
|
>
|
||||||
<feather-icon icon="XIcon" />
|
<feather-icon icon="XIcon" />
|
||||||
</div>
|
</div>
|
||||||
@ -43,7 +47,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { BFormInput } from 'bootstrap-vue'
|
import { BFormInput, BFormText } from 'bootstrap-vue'
|
||||||
import { ref } from '@vue/composition-api'
|
import { ref } from '@vue/composition-api'
|
||||||
import { title } from '@core/utils/filter'
|
import { title } from '@core/utils/filter'
|
||||||
import store from '@/store'
|
import store from '@/store'
|
||||||
@ -51,6 +55,7 @@ import store from '@/store'
|
|||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
BFormInput,
|
BFormInput,
|
||||||
|
BFormText,
|
||||||
},
|
},
|
||||||
setup() {
|
setup() {
|
||||||
const showSearchBar = ref(false)
|
const showSearchBar = ref(false)
|
||||||
@ -68,13 +73,19 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
searchQuery: null,
|
searchQuery: null,
|
||||||
|
error: null,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
reset() {
|
||||||
|
this.showSearchBar = false
|
||||||
|
this.searchQuery = null
|
||||||
|
this.error = null
|
||||||
|
},
|
||||||
doQuery() {
|
doQuery() {
|
||||||
const height = /^\d+$/
|
const height = /^\d+$/
|
||||||
const txhash = /^[A-Z\d]{64}$/
|
const txhash = /^[A-Z\d]{64}$/
|
||||||
const addr = /^[a-z]{2,6}1[a-z\d]{38}$/
|
const addr = /^[a-z]+1[a-z\d]{38}$/
|
||||||
const key = this.searchQuery
|
const key = this.searchQuery
|
||||||
|
|
||||||
const c = store.state.chains.selected
|
const c = store.state.chains.selected
|
||||||
@ -85,7 +96,8 @@ export default {
|
|||||||
this.$router.push({ name: 'transaction', params: { chain: c.chain_name, hash: key } })
|
this.$router.push({ name: 'transaction', params: { chain: c.chain_name, hash: key } })
|
||||||
} else if (addr.test(key)) {
|
} else if (addr.test(key)) {
|
||||||
this.$router.push({ name: 'chain-account', params: { chain: c.chain_name, address: key } })
|
this.$router.push({ name: 'chain-account', params: { chain: c.chain_name, address: key } })
|
||||||
// console.log('address', key)
|
} else {
|
||||||
|
this.error = 'The input not recognized'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// this.$router.push('/')
|
// this.$router.push('/')
|
||||||
|
|||||||
@ -1,389 +1,414 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<b-card
|
<div v-if="!error">
|
||||||
bg-variant="secondary"
|
<b-card
|
||||||
style="color: #fff"
|
bg-variant="secondary"
|
||||||
>
|
style="color: #fff"
|
||||||
<div
|
|
||||||
class="d-flex flex-row align-items-center text-truncate"
|
|
||||||
>
|
>
|
||||||
<b-avatar
|
<div
|
||||||
id="address-qr"
|
class="d-flex flex-row align-items-center text-truncate"
|
||||||
rounded
|
|
||||||
size="52"
|
|
||||||
>
|
>
|
||||||
<feather-icon
|
<b-avatar
|
||||||
icon="CameraIcon"
|
id="address-qr"
|
||||||
size="32"
|
rounded
|
||||||
/>
|
size="52"
|
||||||
</b-avatar>
|
|
||||||
<div class="ml-2">
|
|
||||||
<h3
|
|
||||||
style="color: #fff"
|
|
||||||
class="mb-0"
|
|
||||||
>
|
|
||||||
Address: <feather-icon
|
|
||||||
icon="CopyIcon"
|
|
||||||
size="18"
|
|
||||||
@click="copy()"
|
|
||||||
/>
|
|
||||||
</h3>
|
|
||||||
{{ address }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</b-card>
|
|
||||||
<b-card
|
|
||||||
class="d-flex flex-row"
|
|
||||||
>
|
|
||||||
<b-card-header class="pt-0 pl-0 pr-0">
|
|
||||||
<b-card-title>Assets</b-card-title>
|
|
||||||
<div>
|
|
||||||
<b-button
|
|
||||||
v-b-modal.operation-modal
|
|
||||||
variant="primary"
|
|
||||||
size="sm"
|
|
||||||
class="mr-25"
|
|
||||||
@click="setOperationModalType('Transfer')"
|
|
||||||
>
|
>
|
||||||
<feather-icon
|
<feather-icon
|
||||||
icon="SendIcon"
|
icon="CameraIcon"
|
||||||
class="d-md-none"
|
size="32"
|
||||||
/><small class="d-none d-md-block">Transfer</small>
|
|
||||||
</b-button>
|
|
||||||
<b-button
|
|
||||||
v-b-modal.operation-modal
|
|
||||||
variant="danger"
|
|
||||||
size="sm"
|
|
||||||
@click="setOperationModalType('IBCTransfer')"
|
|
||||||
><feather-icon
|
|
||||||
icon="SendIcon"
|
|
||||||
class="d-md-none"
|
|
||||||
/>
|
|
||||||
<span class="d-none d-md-block">IBC Transfer</span>
|
|
||||||
</b-button>
|
|
||||||
</div>
|
|
||||||
</b-card-header>
|
|
||||||
<b-card-body class="pl-0 pr-0">
|
|
||||||
<b-row>
|
|
||||||
<b-col
|
|
||||||
xm="12"
|
|
||||||
md="4"
|
|
||||||
>
|
|
||||||
<chart-component-doughnut
|
|
||||||
v-if="chartData"
|
|
||||||
:height="235"
|
|
||||||
:width="235"
|
|
||||||
:data="chartData"
|
|
||||||
class="mb-3"
|
|
||||||
/>
|
/>
|
||||||
</b-col>
|
</b-avatar>
|
||||||
<b-col
|
<div class="ml-2">
|
||||||
class="border-left d-none d-md-block"
|
<h3
|
||||||
md="1"
|
style="color: #fff"
|
||||||
/>
|
class="mb-0"
|
||||||
<b-col
|
|
||||||
xm="12"
|
|
||||||
md="7"
|
|
||||||
>
|
|
||||||
<!-- tokens -->
|
|
||||||
<div
|
|
||||||
v-for="(token, index) in assetTable.items"
|
|
||||||
:key="`asset-${index}`"
|
|
||||||
class="d-flex justify-content-between mb-1"
|
|
||||||
>
|
>
|
||||||
<div class="d-flex align-items-center">
|
Address: <feather-icon
|
||||||
<b-avatar
|
icon="CopyIcon"
|
||||||
:variant="`light-${token.color}`"
|
size="18"
|
||||||
rounded
|
@click="copy()"
|
||||||
|
/>
|
||||||
|
</h3>
|
||||||
|
{{ address }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</b-card>
|
||||||
|
<b-card
|
||||||
|
class="d-flex flex-row"
|
||||||
|
>
|
||||||
|
<b-card-header class="pt-0 pl-0 pr-0">
|
||||||
|
<b-card-title>Assets</b-card-title>
|
||||||
|
<div>
|
||||||
|
<b-button
|
||||||
|
v-b-modal.operation-modal
|
||||||
|
variant="primary"
|
||||||
|
size="sm"
|
||||||
|
class="mr-25"
|
||||||
|
@click="setOperationModalType('Transfer')"
|
||||||
|
>
|
||||||
|
<feather-icon
|
||||||
|
icon="SendIcon"
|
||||||
|
class="d-md-none"
|
||||||
|
/><small class="d-none d-md-block">Transfer</small>
|
||||||
|
</b-button>
|
||||||
|
<b-button
|
||||||
|
v-b-modal.operation-modal
|
||||||
|
variant="danger"
|
||||||
|
size="sm"
|
||||||
|
@click="setOperationModalType('IBCTransfer')"
|
||||||
|
><feather-icon
|
||||||
|
icon="SendIcon"
|
||||||
|
class="d-md-none"
|
||||||
|
/>
|
||||||
|
<span class="d-none d-md-block">IBC Transfer</span>
|
||||||
|
</b-button>
|
||||||
|
</div>
|
||||||
|
</b-card-header>
|
||||||
|
<b-card-body class="pl-0 pr-0">
|
||||||
|
<b-row>
|
||||||
|
<b-col
|
||||||
|
xm="12"
|
||||||
|
md="4"
|
||||||
|
>
|
||||||
|
<chart-component-doughnut
|
||||||
|
v-if="chartData"
|
||||||
|
:height="235"
|
||||||
|
:width="235"
|
||||||
|
:data="chartData"
|
||||||
|
class="mb-3"
|
||||||
|
/>
|
||||||
|
</b-col>
|
||||||
|
<b-col
|
||||||
|
class="border-left d-none d-md-block"
|
||||||
|
md="1"
|
||||||
|
/>
|
||||||
|
<b-col
|
||||||
|
xm="12"
|
||||||
|
md="7"
|
||||||
|
>
|
||||||
|
<!-- tokens -->
|
||||||
|
<div
|
||||||
|
v-for="(token, index) in assetTable.items"
|
||||||
|
:key="`asset-${index}`"
|
||||||
|
class="d-flex justify-content-between mb-1"
|
||||||
|
>
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<b-avatar
|
||||||
|
:variant="`light-${token.color}`"
|
||||||
|
rounded
|
||||||
|
>
|
||||||
|
<feather-icon
|
||||||
|
:icon="token.icon"
|
||||||
|
size="16"
|
||||||
|
:class="`text-${token.color}`"
|
||||||
|
/>
|
||||||
|
</b-avatar>
|
||||||
|
<span class="font-weight-bold ml-75 d-none d-md-block">{{ token.type }} </span>
|
||||||
|
<span class="ml-25">{{ token.percent }}%</span>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex flex-column">
|
||||||
|
<span
|
||||||
|
v-b-tooltip.hover.top="token.denom"
|
||||||
|
class="text-right"
|
||||||
|
>{{ formatToken(token) }}</span>
|
||||||
|
<small class="text-right">{{ currency }}{{ formatNumber(token.currency) }}</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--/ tokens -->
|
||||||
|
<div class="text-right border-top pt-1">
|
||||||
|
<h2>Total: {{ currency }}{{ formatNumber(assetTable.currency) }}</h2>
|
||||||
|
</div>
|
||||||
|
</b-col>
|
||||||
|
</b-row>
|
||||||
|
</b-card-body>
|
||||||
|
</b-card>
|
||||||
|
<b-card
|
||||||
|
v-if="unbonding && unbonding.length > 0"
|
||||||
|
>
|
||||||
|
<b-card-header class="pt-0 pl-0 pr-0">
|
||||||
|
<b-card-title>Unbonding Tokens</b-card-title>
|
||||||
|
</b-card-header>
|
||||||
|
<b-card-body class="pl-0 pr-0">
|
||||||
|
<b-row
|
||||||
|
v-for="item in unbonding"
|
||||||
|
:key="item.validator_address"
|
||||||
|
>
|
||||||
|
<b-col cols="12">
|
||||||
|
<span class="font-weight-bolder">From: <router-link :to="`../staking/${item.validator_address}`">{{ item.validator_address }}</router-link></span>
|
||||||
|
</b-col>
|
||||||
|
<b-col cols="12">
|
||||||
|
<b-table
|
||||||
|
:items="item.entries"
|
||||||
|
class="mt-1"
|
||||||
|
striped
|
||||||
|
hover
|
||||||
|
responsive="sm"
|
||||||
|
stacked="sm"
|
||||||
|
>
|
||||||
|
<template #cell(completion_time)="data">
|
||||||
|
{{ formatDate(data.item.completion_time) }}
|
||||||
|
</template>
|
||||||
|
<template #cell(initial_balance)="data">
|
||||||
|
{{ data.item.initial_balance }}{{ stakingParameters.bond_denom }}
|
||||||
|
</template>
|
||||||
|
<template #cell(balance)="data">
|
||||||
|
{{ data.item.balance }}{{ stakingParameters.bond_denom }}
|
||||||
|
</template>
|
||||||
|
</b-table>
|
||||||
|
</b-col>
|
||||||
|
</b-row>
|
||||||
|
</b-card-body>
|
||||||
|
</b-card>
|
||||||
|
<b-card
|
||||||
|
v-if="delegations"
|
||||||
|
>
|
||||||
|
<b-card-header class="pt-0 pl-0 pr-0">
|
||||||
|
<b-card-title>Delegation</b-card-title>
|
||||||
|
<div>
|
||||||
|
<b-button
|
||||||
|
v-b-modal.operation-modal
|
||||||
|
variant="primary"
|
||||||
|
size="sm"
|
||||||
|
class="mr-25"
|
||||||
|
@click="setOperationModalType('Delegate')"
|
||||||
|
>
|
||||||
|
<feather-icon
|
||||||
|
icon="LogInIcon"
|
||||||
|
class="d-md-none"
|
||||||
|
/><small class="d-none d-md-block">Delegate</small>
|
||||||
|
</b-button>
|
||||||
|
<b-button
|
||||||
|
v-if="delegations"
|
||||||
|
v-b-modal.operation-modal
|
||||||
|
variant="primary"
|
||||||
|
size="sm"
|
||||||
|
@click="setOperationModalType('Withdraw')"
|
||||||
|
>
|
||||||
|
<feather-icon
|
||||||
|
icon="ShareIcon"
|
||||||
|
class="d-md-none"
|
||||||
|
/><small class="d-none d-md-block"> Withdraw Rewards</small>
|
||||||
|
</b-button>
|
||||||
|
</div>
|
||||||
|
</b-card-header>
|
||||||
|
<b-card-body class="pl-0 pr-0">
|
||||||
|
<b-table
|
||||||
|
:items="deleTable"
|
||||||
|
stacked="sm"
|
||||||
|
>
|
||||||
|
<template #cell(action)="data">
|
||||||
|
<!-- size -->
|
||||||
|
<b-button-group
|
||||||
|
size="sm"
|
||||||
|
>
|
||||||
|
<b-button
|
||||||
|
v-b-modal.operation-modal
|
||||||
|
v-ripple.400="'rgba(113, 102, 240, 0.15)'"
|
||||||
|
v-b-tooltip.hover.top="'Delegate'"
|
||||||
|
variant="outline-primary"
|
||||||
|
@click="selectValue(data.value,'Delegate')"
|
||||||
>
|
>
|
||||||
<feather-icon
|
<feather-icon icon="LogInIcon" />
|
||||||
:icon="token.icon"
|
</b-button>
|
||||||
size="16"
|
<b-button
|
||||||
:class="`text-${token.color}`"
|
v-b-modal.operation-modal
|
||||||
/>
|
v-ripple.400="'rgba(113, 102, 240, 0.15)'"
|
||||||
</b-avatar>
|
v-b-tooltip.hover.top="'Redelegate'"
|
||||||
<span class="font-weight-bold ml-75 d-none d-md-block">{{ token.type }} </span>
|
variant="outline-primary"
|
||||||
<span class="ml-25">{{ token.percent }}%</span>
|
@click="selectValue(data.value,'Redelegate')"
|
||||||
</div>
|
>
|
||||||
<div class="d-flex flex-column">
|
<feather-icon icon="ShuffleIcon" />
|
||||||
<span class="text-right">{{ formatToken(token) }}</span>
|
</b-button>
|
||||||
<small class="text-right">{{ currency }}{{ formatNumber(token.currency) }}</small>
|
<b-button
|
||||||
</div>
|
v-b-modal.operation-modal
|
||||||
</div>
|
v-ripple.400="'rgba(113, 102, 240, 0.15)'"
|
||||||
<!--/ tokens -->
|
v-b-tooltip.hover.top="'Unbond'"
|
||||||
<div class="text-right border-top pt-1">
|
variant="outline-primary"
|
||||||
<h2>Total: {{ currency }}{{ formatNumber(assetTable.currency) }}</h2>
|
@click="selectValue(data.value,'Unbond')"
|
||||||
</div>
|
>
|
||||||
</b-col>
|
<feather-icon icon="LogOutIcon" />
|
||||||
</b-row>
|
</b-button>
|
||||||
</b-card-body>
|
</b-button-group>
|
||||||
</b-card>
|
</template>
|
||||||
<b-card
|
</b-table>
|
||||||
v-if="unbonding && unbonding.length > 0"
|
</b-card-body>
|
||||||
>
|
</b-card>
|
||||||
<b-card-header class="pt-0 pl-0 pr-0">
|
|
||||||
<b-card-title>Unbonding Tokens</b-card-title>
|
<b-card title="Transactions">
|
||||||
</b-card-header>
|
|
||||||
<b-card-body class="pl-0 pr-0">
|
|
||||||
<b-row
|
|
||||||
v-for="item in unbonding"
|
|
||||||
:key="item.validator_address"
|
|
||||||
>
|
|
||||||
<b-col cols="12">
|
|
||||||
<span class="font-weight-bolder">From: <router-link :to="`../staking/${item.validator_address}`">{{ item.validator_address }}</router-link></span>
|
|
||||||
</b-col>
|
|
||||||
<b-col cols="12">
|
|
||||||
<b-table
|
|
||||||
:items="item.entries"
|
|
||||||
class="mt-1"
|
|
||||||
striped
|
|
||||||
hover
|
|
||||||
responsive="sm"
|
|
||||||
stacked="sm"
|
|
||||||
>
|
|
||||||
<template #cell(completion_time)="data">
|
|
||||||
{{ formatDate(data.item.completion_time) }}
|
|
||||||
</template>
|
|
||||||
<template #cell(initial_balance)="data">
|
|
||||||
{{ data.item.initial_balance }}{{ stakingParameters.bond_denom }}
|
|
||||||
</template>
|
|
||||||
<template #cell(balance)="data">
|
|
||||||
{{ data.item.balance }}{{ stakingParameters.bond_denom }}
|
|
||||||
</template>
|
|
||||||
</b-table>
|
|
||||||
</b-col>
|
|
||||||
</b-row>
|
|
||||||
</b-card-body>
|
|
||||||
</b-card>
|
|
||||||
<b-card
|
|
||||||
v-if="delegations"
|
|
||||||
>
|
|
||||||
<b-card-header class="pt-0 pl-0 pr-0">
|
|
||||||
<b-card-title>Delegation</b-card-title>
|
|
||||||
<div>
|
|
||||||
<b-button
|
|
||||||
v-b-modal.operation-modal
|
|
||||||
variant="primary"
|
|
||||||
size="sm"
|
|
||||||
class="mr-25"
|
|
||||||
@click="setOperationModalType('Delegate')"
|
|
||||||
>
|
|
||||||
<feather-icon
|
|
||||||
icon="LogInIcon"
|
|
||||||
class="d-md-none"
|
|
||||||
/><small class="d-none d-md-block">Delegate</small>
|
|
||||||
</b-button>
|
|
||||||
<b-button
|
|
||||||
v-if="delegations"
|
|
||||||
v-b-modal.operation-modal
|
|
||||||
variant="primary"
|
|
||||||
size="sm"
|
|
||||||
@click="setOperationModalType('Withdraw')"
|
|
||||||
>
|
|
||||||
<feather-icon
|
|
||||||
icon="ShareIcon"
|
|
||||||
class="d-md-none"
|
|
||||||
/><small class="d-none d-md-block"> Withdraw Rewards</small>
|
|
||||||
</b-button>
|
|
||||||
</div>
|
|
||||||
</b-card-header>
|
|
||||||
<b-card-body class="pl-0 pr-0">
|
|
||||||
<b-table
|
<b-table
|
||||||
:items="deleTable"
|
:items="txs"
|
||||||
|
striped
|
||||||
|
hover
|
||||||
|
responsive="sm"
|
||||||
stacked="sm"
|
stacked="sm"
|
||||||
>
|
>
|
||||||
<template #cell(action)="data">
|
<template #cell(height)="data">
|
||||||
<!-- size -->
|
<router-link :to="`../blocks/${data.item.height}`">
|
||||||
<b-button-group
|
{{ data.item.height }}
|
||||||
size="sm"
|
</router-link>
|
||||||
>
|
</template>
|
||||||
<b-button
|
<template #cell(txhash)="data">
|
||||||
v-b-modal.operation-modal
|
<router-link :to="`../tx/${data.item.txhash}`">
|
||||||
v-ripple.400="'rgba(113, 102, 240, 0.15)'"
|
{{ formatHash(data.item.txhash) }}
|
||||||
v-b-tooltip.hover.top="'Delegate'"
|
</router-link>
|
||||||
variant="outline-primary"
|
|
||||||
@click="selectValue(data.value,'Delegate')"
|
|
||||||
>
|
|
||||||
<feather-icon icon="LogInIcon" />
|
|
||||||
</b-button>
|
|
||||||
<b-button
|
|
||||||
v-b-modal.operation-modal
|
|
||||||
v-ripple.400="'rgba(113, 102, 240, 0.15)'"
|
|
||||||
v-b-tooltip.hover.top="'Redelegate'"
|
|
||||||
variant="outline-primary"
|
|
||||||
@click="selectValue(data.value,'Redelegate')"
|
|
||||||
>
|
|
||||||
<feather-icon icon="ShuffleIcon" />
|
|
||||||
</b-button>
|
|
||||||
<b-button
|
|
||||||
v-b-modal.operation-modal
|
|
||||||
v-ripple.400="'rgba(113, 102, 240, 0.15)'"
|
|
||||||
v-b-tooltip.hover.top="'Unbond'"
|
|
||||||
variant="outline-primary"
|
|
||||||
@click="selectValue(data.value,'Unbond')"
|
|
||||||
>
|
|
||||||
<feather-icon icon="LogOutIcon" />
|
|
||||||
</b-button>
|
|
||||||
</b-button-group>
|
|
||||||
</template>
|
</template>
|
||||||
</b-table>
|
</b-table>
|
||||||
</b-card-body>
|
|
||||||
</b-card>
|
|
||||||
|
|
||||||
<b-card title="Transactions">
|
<b-pagination
|
||||||
<b-table
|
v-if="Number(transactions.page_total) > 1"
|
||||||
:items="txs"
|
:total-rows="transactions.total_count"
|
||||||
striped
|
:per-page="transactions.limit"
|
||||||
hover
|
:value="transactions.page_number"
|
||||||
responsive="sm"
|
align="center"
|
||||||
stacked="sm"
|
class="mt-1"
|
||||||
>
|
@change="pageload"
|
||||||
<template #cell(height)="data">
|
|
||||||
<router-link :to="`../blocks/${data.item.height}`">
|
|
||||||
{{ data.item.height }}
|
|
||||||
</router-link>
|
|
||||||
</template>
|
|
||||||
<template #cell(txhash)="data">
|
|
||||||
<router-link :to="`../tx/${data.item.txhash}`">
|
|
||||||
{{ formatHash(data.item.txhash) }}
|
|
||||||
</router-link>
|
|
||||||
</template>
|
|
||||||
</b-table>
|
|
||||||
|
|
||||||
<b-pagination
|
|
||||||
v-if="Number(transactions.page_total) > 1"
|
|
||||||
:total-rows="transactions.total_count"
|
|
||||||
:per-page="transactions.limit"
|
|
||||||
:value="transactions.page_number"
|
|
||||||
align="center"
|
|
||||||
class="mt-1"
|
|
||||||
@change="pageload"
|
|
||||||
/>
|
|
||||||
</b-card>
|
|
||||||
|
|
||||||
<b-card
|
|
||||||
v-if="account"
|
|
||||||
title="Profile"
|
|
||||||
class="text-trancate"
|
|
||||||
>
|
|
||||||
<b-table-simple stacked="sm">
|
|
||||||
<b-tbody v-if="account.type === 'cosmos-sdk/BaseAccount'">
|
|
||||||
<b-tr>
|
|
||||||
<b-td>
|
|
||||||
Account Type
|
|
||||||
</b-td><b-td> {{ account.type }} </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td class="max-width:100px;">
|
|
||||||
Account Number
|
|
||||||
</b-td><b-td> {{ account.value.account_number }} </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td> Sequence </b-td><b-td> {{ account.value.sequence }} </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td> Public Key </b-td><b-td> <object-field-component :tablefield="account.value.public_key" /> </b-td>
|
|
||||||
</b-tr>
|
|
||||||
</b-tbody>
|
|
||||||
<b-tbody v-else-if="account.type === 'cosmos-sdk/PeriodicVestingAccount' && account.value.base_vesting_account">
|
|
||||||
<b-tr>
|
|
||||||
<b-td>
|
|
||||||
Account Type
|
|
||||||
</b-td>
|
|
||||||
<b-td>
|
|
||||||
{{ account.type }}
|
|
||||||
</b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td>
|
|
||||||
Account Number
|
|
||||||
</b-td><b-td> {{ account.value.base_vesting_account.base_account.account_number }} </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td> Sequence </b-td><b-td> {{ account.value.base_vesting_account.base_account.sequence }} </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td> Public Key </b-td><b-td> <object-field-component :tablefield="account.value.base_vesting_account.base_account.public_key" /> </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td> Original Vesting </b-td><b-td> {{ formatToken(account.value.base_vesting_account.original_vesting) }} </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td> Delegated Free </b-td><b-td> {{ formatToken(account.value.base_vesting_account.delegated_free) }} </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td> Delegated Vesting </b-td><b-td> {{ formatToken(account.value.base_vesting_account.delegated_vesting) }} </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td> Vesting Time </b-td><b-td> {{ formatTime(account.value.start_time) }} - {{ formatTime(account.value.base_vesting_account.end_time) }}</b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td> Vesting Periods </b-td>
|
|
||||||
<b-td>
|
|
||||||
<b-table-simple>
|
|
||||||
<th>Length</th><th>Amount</th>
|
|
||||||
<b-tr
|
|
||||||
v-for="p, index in account.value.vesting_periods"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
<td><small>{{ p.length }} <br>{{ formatLength(p.length) }}</small> </td><td>{{ formatToken(p.amount) }}</td>
|
|
||||||
</b-tr>
|
|
||||||
</b-table-simple>
|
|
||||||
</b-td>
|
|
||||||
</b-tr>
|
|
||||||
</b-tbody>
|
|
||||||
<b-tbody v-else-if="account.type === 'cosmos-sdk/DelayedVestingAccount' && account.value.base_vesting_account">
|
|
||||||
<b-tr>
|
|
||||||
<b-td>
|
|
||||||
Account Type
|
|
||||||
</b-td><b-td> {{ account.type }} </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td style="max-width:100px;">
|
|
||||||
Account Number
|
|
||||||
</b-td><b-td> {{ account.value.base_vesting_account.base_account.account_number }} </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td> Sequence </b-td><b-td> {{ account.value.base_vesting_account.base_account.sequence }} </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td> Public Key </b-td><b-td> <object-field-component :tablefield="account.value.base_vesting_account.base_account.public_key" /> </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td> Original Vesting </b-td><b-td> {{ formatToken(account.value.base_vesting_account.original_vesting) }} </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td> Delegated Free </b-td><b-td> {{ formatToken(account.value.base_vesting_account.delegated_free) }} </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td> Delegated Vesting </b-td><b-td> {{ formatToken(account.value.base_vesting_account.delegated_vesting) }} </b-td>
|
|
||||||
</b-tr>
|
|
||||||
<b-tr>
|
|
||||||
<b-td> End Time </b-td><b-td> {{ formatTime(account.value.base_vesting_account.end_time) }}</b-td>
|
|
||||||
</b-tr>
|
|
||||||
</b-tbody>
|
|
||||||
<object-field-component
|
|
||||||
v-else
|
|
||||||
:tablefield="account.value || account"
|
|
||||||
/>
|
/>
|
||||||
</b-table-simple>
|
</b-card>
|
||||||
</b-card>
|
|
||||||
|
|
||||||
<b-popover
|
<b-card
|
||||||
target="address-qr"
|
v-if="account"
|
||||||
variant="dark"
|
title="Profile"
|
||||||
triggers="hover"
|
class="text-trancate"
|
||||||
placement="bottom"
|
>
|
||||||
>
|
<b-table-simple stacked="sm">
|
||||||
<vue-qr :text="address" />
|
<b-tbody v-if="account.type === 'cosmos-sdk/BaseAccount'">
|
||||||
</b-popover>
|
<b-tr>
|
||||||
|
<b-td>
|
||||||
|
Account Type
|
||||||
|
</b-td><b-td> {{ account.type }} </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td class="max-width:100px;">
|
||||||
|
Account Number
|
||||||
|
</b-td><b-td> {{ account.value.account_number }} </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td> Sequence </b-td><b-td> {{ account.value.sequence }} </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td> Public Key </b-td><b-td> <object-field-component :tablefield="account.value.public_key" /> </b-td>
|
||||||
|
</b-tr>
|
||||||
|
</b-tbody>
|
||||||
|
<b-tbody v-else-if="account.type === 'cosmos-sdk/PeriodicVestingAccount' && account.value.base_vesting_account">
|
||||||
|
<b-tr>
|
||||||
|
<b-td>
|
||||||
|
Account Type
|
||||||
|
</b-td>
|
||||||
|
<b-td>
|
||||||
|
{{ account.type }}
|
||||||
|
</b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td>
|
||||||
|
Account Number
|
||||||
|
</b-td><b-td> {{ account.value.base_vesting_account.base_account.account_number }} </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td> Sequence </b-td><b-td> {{ account.value.base_vesting_account.base_account.sequence }} </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td> Public Key </b-td><b-td> <object-field-component :tablefield="account.value.base_vesting_account.base_account.public_key" /> </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td> Original Vesting </b-td><b-td> {{ formatToken(account.value.base_vesting_account.original_vesting) }} </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td> Delegated Free </b-td><b-td> {{ formatToken(account.value.base_vesting_account.delegated_free) }} </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td> Delegated Vesting </b-td><b-td> {{ formatToken(account.value.base_vesting_account.delegated_vesting) }} </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td> Vesting Time </b-td><b-td> {{ formatTime(account.value.start_time) }} - {{ formatTime(account.value.base_vesting_account.end_time) }}</b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td> Vesting Periods </b-td>
|
||||||
|
<b-td>
|
||||||
|
<b-table-simple>
|
||||||
|
<th>Length</th><th>Amount</th>
|
||||||
|
<b-tr
|
||||||
|
v-for="p, index in account.value.vesting_periods"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<td><small>{{ p.length }} <br>{{ formatLength(p.length) }}</small> </td><td>{{ formatToken(p.amount) }}</td>
|
||||||
|
</b-tr>
|
||||||
|
</b-table-simple>
|
||||||
|
</b-td>
|
||||||
|
</b-tr>
|
||||||
|
</b-tbody>
|
||||||
|
<b-tbody v-else-if="account.type === 'cosmos-sdk/DelayedVestingAccount' && account.value.base_vesting_account">
|
||||||
|
<b-tr>
|
||||||
|
<b-td>
|
||||||
|
Account Type
|
||||||
|
</b-td><b-td> {{ account.type }} </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td style="max-width:100px;">
|
||||||
|
Account Number
|
||||||
|
</b-td><b-td> {{ account.value.base_vesting_account.base_account.account_number }} </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td> Sequence </b-td><b-td> {{ account.value.base_vesting_account.base_account.sequence }} </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td> Public Key </b-td><b-td> <object-field-component :tablefield="account.value.base_vesting_account.base_account.public_key" /> </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td> Original Vesting </b-td><b-td> {{ formatToken(account.value.base_vesting_account.original_vesting) }} </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td> Delegated Free </b-td><b-td> {{ formatToken(account.value.base_vesting_account.delegated_free) }} </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td> Delegated Vesting </b-td><b-td> {{ formatToken(account.value.base_vesting_account.delegated_vesting) }} </b-td>
|
||||||
|
</b-tr>
|
||||||
|
<b-tr>
|
||||||
|
<b-td> End Time </b-td><b-td> {{ formatTime(account.value.base_vesting_account.end_time) }}</b-td>
|
||||||
|
</b-tr>
|
||||||
|
</b-tbody>
|
||||||
|
<object-field-component
|
||||||
|
v-else
|
||||||
|
:tablefield="account.value || account"
|
||||||
|
/>
|
||||||
|
</b-table-simple>
|
||||||
|
</b-card>
|
||||||
|
|
||||||
<operation-modal
|
<b-popover
|
||||||
:type="operationModalType"
|
target="address-qr"
|
||||||
:address="address"
|
variant="dark"
|
||||||
:validator-address="selectedValidator"
|
triggers="hover"
|
||||||
/>
|
placement="bottom"
|
||||||
<div id="txevent" />
|
>
|
||||||
|
<vue-qr :text="address" />
|
||||||
|
</b-popover>
|
||||||
|
|
||||||
|
<operation-modal
|
||||||
|
:type="operationModalType"
|
||||||
|
:address="address"
|
||||||
|
:validator-address="selectedValidator"
|
||||||
|
/>
|
||||||
|
<div id="txevent" />
|
||||||
|
</div>
|
||||||
|
<div v-else>
|
||||||
|
<div class="misc-inner p-2 p-sm-3">
|
||||||
|
<div class="w-100 text-center">
|
||||||
|
<h2 class="mb-1">
|
||||||
|
Account not found 🕵🏻♀️
|
||||||
|
</h2>
|
||||||
|
<p class="mb-2">
|
||||||
|
Oops! 😖 {{ error }}.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<b-button
|
||||||
|
variant="primary"
|
||||||
|
class="mb-2 btn-sm-block"
|
||||||
|
:to="{path:'../'}"
|
||||||
|
>
|
||||||
|
Back to home
|
||||||
|
</b-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -455,6 +480,7 @@ export default {
|
|||||||
transactions: [],
|
transactions: [],
|
||||||
stakingParameters: {},
|
stakingParameters: {},
|
||||||
operationModalType: '',
|
operationModalType: '',
|
||||||
|
error: null,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@ -605,13 +631,16 @@ export default {
|
|||||||
created() {
|
created() {
|
||||||
this.$http.getAuthAccount(this.address).then(acc => {
|
this.$http.getAuthAccount(this.address).then(acc => {
|
||||||
this.account = acc
|
this.account = acc
|
||||||
})
|
this.initial()
|
||||||
this.initial()
|
this.$http.getTxsBySender(this.address).then(res => {
|
||||||
this.$http.getTxsBySender(this.address).then(res => {
|
this.transactions = res
|
||||||
this.transactions = res
|
})
|
||||||
})
|
this.$http.getStakingParameters().then(res => {
|
||||||
this.$http.getStakingParameters().then(res => {
|
this.stakingParameters = res
|
||||||
this.stakingParameters = res
|
})
|
||||||
|
}).catch(err => {
|
||||||
|
console.log(err)
|
||||||
|
this.error = err
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user