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

optimize operations

Browse Source
This commit is contained in:
liangping 2021-10-16 20:19:01 +08:00
parent 87ab3d9815
commit 7ab15206a5
10 changed files with 875 additions and 270 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/lang/locales/en.json
View File

@ -47,6 +47,7 @@
"voting_time": "Voting Time", "voting_time": "Voting Time",
"btn_vote": "Vote", "btn_vote": "Vote",
"btn_deposit": "Deposit",
"btn_detail": "Detail", "btn_detail": "Detail",
"btn_back_list": "Back To List" "btn_back_list": "Back To List"

17
src/views/Governance.vue
View File

@ -156,8 +156,17 @@
</b-button> </b-button>
</router-link> </router-link>
<b-button <b-button
v-if="p.status===1"
v-b-modal.deposit-window
variant="primary"
class="btn float-right mg-2"
@click="selectProposal(p.id, p.title)"
>
{{ $t('btn_deposit') }}
</b-button>
<b-button
v-if="p.status===2"
v-b-modal.vote-window v-b-modal.vote-window
:disabled="p.status!=2"
variant="primary" variant="primary"
class="btn float-right mg-2" class="btn float-right mg-2"
@click="selectProposal(p.id, p.title)" @click="selectProposal(p.id, p.title)"
@ -172,6 +181,10 @@
:proposal-id="selectedProposalId" :proposal-id="selectedProposalId"
:title="selectedTitle" :title="selectedTitle"
/> />
<operation-gov-deposit-component
:proposal-id="selectedProposalId"
:title="selectedTitle"
/>
</div> </div>
</template> </template>
@ -182,6 +195,7 @@ import {
import Ripple from 'vue-ripple-directive' import Ripple from 'vue-ripple-directive'
import { Proposal } from '@/libs/data' import { Proposal } from '@/libs/data'
import OperationVoteComponent from './OperationVoteComponent.vue' import OperationVoteComponent from './OperationVoteComponent.vue'
import OperationGovDepositComponent from './OperationGovDepositComponent.vue'
export default { export default {
components: { components: {
@ -197,6 +211,7 @@ export default {
BRow, BRow,
BCol, BCol,
OperationVoteComponent, OperationVoteComponent,
OperationGovDepositComponent,
}, },
directives: { directives: {
'b-modal': VBModal, 'b-modal': VBModal,

25
src/views/GovernanceProposalView.vue
View File

@ -110,10 +110,6 @@
</b-button> </b-button>
</b-card-footer> </b-card-footer>
</b-card> </b-card>
<operation-vote-component
:proposal-id="Number(proposal.id)"
:title="proposal.title"
/>
<b-card no-body> <b-card no-body>
<b-card-header> <b-card-header>
<b-card-title> <b-card-title>
@ -228,14 +224,31 @@
</b-button> </b-button>
</router-link> </router-link>
<b-button <b-button
:disabled="proposal.status!=2" v-b-modal.deposit-window
:disabled="proposal.status!=1"
variant="primary" variant="primary"
class="btn float-right mg-2" class="btn float-right mg-2"
>
{{ $t('btn_deposit') }}
</b-button>
<b-button
v-b-modal.vote-window
:disabled="proposal.status!=2"
variant="primary"
class="btn float-right mg-2 mr-1"
> >
{{ $t('btn_vote') }} {{ $t('btn_vote') }}
</b-button> </b-button>
</b-card-footer> </b-card-footer>
</b-card> </b-card>
<operation-vote-component
:proposal-id="Number(proposal.id)"
:title="proposal.title"
/>
<operation-gov-deposit-component
:proposal-id="Number(proposal.id)"
:title="proposal.title"
/>
</section> </section>
</template> </template>
@ -250,6 +263,7 @@ import { getCachedValidators, getStakingValidatorByAccount, tokenFormatter } fro
import { Proposal, Proposer } from '@/libs/data' import { Proposal, Proposer } from '@/libs/data'
import ObjectFieldComponent from './ObjectFieldComponent.vue' import ObjectFieldComponent from './ObjectFieldComponent.vue'
import OperationVoteComponent from './OperationVoteComponent.vue' import OperationVoteComponent from './OperationVoteComponent.vue'
import OperationGovDepositComponent from './OperationGovDepositComponent.vue'
// import { formatToken } from '@/libs/data/data' // import { formatToken } from '@/libs/data/data'
export default { export default {
@ -270,6 +284,7 @@ export default {
BBadge, BBadge,
ObjectFieldComponent, ObjectFieldComponent,
OperationVoteComponent, OperationVoteComponent,
OperationGovDepositComponent,
}, },
data() { data() {
return { return {

469
src/views/OperationDelegateComponent.vue
View File

@ -13,242 +13,264 @@
@ok="handleOk" @ok="handleOk"
@show="loadBalance" @show="loadBalance"
> >
<validation-observer ref="simpleRules"> <b-overlay
<b-form v-if="selectedAddress"> :show="!selectedAddress"
<b-row> rounded="sm"
<b-col> >
<validation-provider <template #overlay>
#default="{ errors }" <div class="text-center">
rules="required" <b-icon
name="Validator" icon="stopwatch"
> font-scale="3"
<b-form-group animation="cylon"
label="Validator" />
label-for="validator" <p id="cancel-label">
> No available account found.
<v-select </p>
v-model="selectedValidator" <b-button
:options="valOptions" v-ripple.400="'rgba(255, 255, 255, 0.15)'"
:reduce="val => val.value" variant="outline-primary"
placeholder="Select a validator" to="/wallet/import"
:readonly="validatorAddress" >
/> Connect Wallet
</b-form-group> </b-button>
<small class="text-danger">{{ errors[0] }}</small> </div>
</validation-provider> </template>
</b-col> <validation-observer ref="simpleRules">
</b-row> <b-form>
<b-row> <b-row>
<b-col> <b-col>
<b-form-group
label="Delegator"
label-for="Account"
>
<validation-provider <validation-provider
#default="{ errors }" #default="{ errors }"
rules="required" rules="required"
name="Delegator" name="Validator"
> >
<b-form-select <b-form-group
v-model="selectedAddress" label="Validator"
:options="account" label-for="validator"
text-field="label"
@change="onChange"
/>
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
</b-row>
<b-row>
<b-col>
<b-form-group
label="Available Token"
label-for="Token"
>
<validation-provider
#default="{ errors }"
rules="required"
name="Token"
>
<b-form-select
v-model="token"
text-field="label"
> >
<b-form-select-option <v-select
v-for="x in balance" v-model="selectedValidator"
:key="x.denom" :options="valOptions"
:value="x.denom" :reduce="val => val.value"
> placeholder="Select a validator"
{{ format(x) }} :readonly="validatorAddress"
</b-form-select-option> />
</b-form-select> </b-form-group>
<small class="text-danger">{{ errors[0] }}</small> <small class="text-danger">{{ errors[0] }}</small>
</validation-provider> </validation-provider>
</b-form-group> </b-col>
</b-col> </b-row>
</b-row> <b-row>
<b-row> <b-col>
<b-col> <b-form-group
<b-form-group label="Delegator"
label="Amount" label-for="Delegator"
label-for="Amount"
>
<validation-provider
v-slot="{ errors }"
rules="required|regex:^([0-9\.]+)$"
name="amount"
> >
<b-input-group> <validation-provider
#default="{ errors }"
rules="required"
name="Delegator"
>
<b-form-select
v-if="account.length > 0"
v-model="selectedAddress"
:options="account"
text-field="label"
@change="onChange"
/>
<b-form-input <b-form-input
id="Amount" v-else
v-model="amount" v-model="selectedAddress"
:state="errors.length > 0 ? false:null" readonly
placeholder="Input a number" />
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
</b-row>
<b-row>
<b-col>
<b-form-group
label="Available Token"
label-for="Token"
>
<validation-provider
#default="{ errors }"
rules="required"
name="Token"
>
<b-form-select
v-model="token"
text-field="label"
>
<b-form-select-option
v-for="x in balance"
:key="x.denom"
:value="x.denom"
>
{{ format(x) }}
</b-form-select-option>
</b-form-select>
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
</b-row>
<b-row>
<b-col>
<b-form-group
label="Amount"
label-for="Amount"
>
<validation-provider
v-slot="{ errors }"
rules="required|regex:^([0-9\.]+)$"
name="amount"
>
<b-input-group>
<b-form-input
id="Amount"
v-model="amount"
:state="errors.length > 0 ? false:null"
placeholder="Input a number"
type="number"
/>
<b-input-group-append is-text>
{{ printDenom() }}
</b-input-group-append>
</b-input-group>
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
</b-row>
<b-row>
<b-col>
<b-form-group
label="Fee"
label-for="Fee"
>
<validation-provider
v-slot="{ errors }"
rules="required|integer"
name="fee"
>
<b-input-group>
<b-form-input v-model="fee" />
<b-input-group-append>
<b-form-select
v-model="feeDenom"
:options="feeDenoms"
value-field="denom"
text-field="denom"
/>
</b-input-group-append>
</b-input-group>
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
<b-col cols="12">
<b-form-group>
<b-form-checkbox
v-model="advance"
name="advance"
value="true"
>
<small>Advance</small>
</b-form-checkbox>
</b-form-group>
</b-col>
</b-row>
<b-row v-if="advance">
<b-col cols="12">
<b-form-group
label="Gas"
label-for="gas"
>
<validation-provider
v-slot="{ errors }"
name="gas"
>
<b-form-input
id="gas"
v-model="gas"
type="number" type="number"
/> />
<b-input-group-append is-text> <small class="text-danger">{{ errors[0] }}</small>
{{ printDenom() }} </validation-provider>
</b-input-group-append> </b-form-group>
</b-input-group> </b-col>
<small class="text-danger">{{ errors[0] }}</small> <b-col cols="12">
</validation-provider> <b-form-group
</b-form-group> label="Memo"
</b-col> label-for="Memo"
</b-row>
<b-row>
<b-col>
<b-form-group
label="Fee"
label-for="Fee"
>
<validation-provider
v-slot="{ errors }"
rules="required|integer"
name="fee"
> >
<b-input-group> <validation-provider
<b-form-input v-model="fee" /> v-slot="{ errors }"
<b-input-group-append> name="memo"
<b-form-select
v-model="feeDenom"
:options="feeDenoms"
value-field="denom"
text-field="denom"
/>
</b-input-group-append>
</b-input-group>
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
<b-col cols="12">
<b-form-group>
<b-form-checkbox
v-model="advance"
name="advance"
value="true"
>
<small>Advance</small>
</b-form-checkbox>
</b-form-group>
</b-col>
</b-row>
<b-row v-if="advance">
<b-col cols="12">
<b-form-group
label="Gas"
label-for="gas"
>
<validation-provider
v-slot="{ errors }"
name="gas"
>
<b-form-input
id="gas"
v-model="gas"
type="number"
/>
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
<b-col cols="12">
<b-form-group
label="Memo"
label-for="Memo"
>
<validation-provider
v-slot="{ errors }"
name="memo"
>
<b-form-input
id="Memo"
v-model="memo"
max="2"
/>
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
</b-row>
<b-row>
<b-col>
<b-form-group
label="Wallet"
label-for="wallet"
>
<validation-provider
v-slot="{ errors }"
rules="required"
name="wallet"
>
<b-form-radio-group
v-model="wallet"
stacked
class="demo-inline-spacing"
> >
<b-form-radio <b-form-input
id="Memo"
v-model="memo"
max="2"
/>
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
</b-row>
<b-row>
<b-col>
<b-form-group
label="Wallet"
label-for="wallet"
>
<validation-provider
v-slot="{ errors }"
rules="required"
name="wallet"
>
<b-form-radio-group
v-model="wallet" v-model="wallet"
name="wallet" stacked
value="keplr" class="demo-inline-spacing"
class="d-none d-md-block"
> >
Keplr <b-form-radio
</b-form-radio> v-model="wallet"
<b-form-radio name="wallet"
v-model="wallet" value="keplr"
name="wallet" class="d-none d-md-block"
value="ledgerUSB" >
> Keplr
<small>Ledger(USB)</small> </b-form-radio>
</b-form-radio> <b-form-radio
<b-form-radio v-model="wallet"
v-model="wallet" name="wallet"
name="wallet" value="ledgerUSB"
value="ledgerBle" >
class="mr-0" <small>Ledger(USB)</small>
> </b-form-radio>
<small>Ledger(Bluetooth)</small> <b-form-radio
</b-form-radio> v-model="wallet"
</b-form-radio-group> name="wallet"
<small class="text-danger">{{ errors[0] }}</small> value="ledgerBle"
</validation-provider> class="mr-0"
</b-form-group> >
</b-col> <small>Ledger(Bluetooth)</small>
</b-row> </b-form-radio>
</b-form> </b-form-radio-group>
<b-button <small class="text-danger">{{ errors[0] }}</small>
v-else </validation-provider>
to="/wallet/import" </b-form-group>
variant="primary" </b-col>
> </b-row>
Connect Wallet </b-form>
</b-button> </validation-observer>
</validation-observer> {{ error }}
{{ error }} </b-overlay></b-modal>
</b-modal>
</div> </div>
</template> </template>
@ -256,7 +278,7 @@
import { ValidationProvider, ValidationObserver } from 'vee-validate' import { ValidationProvider, ValidationObserver } from 'vee-validate'
import { import {
BModal, BRow, BCol, BInputGroup, BFormInput, BFormGroup, BFormSelect, BFormSelectOption, BModal, BRow, BCol, BInputGroup, BFormInput, BFormGroup, BFormSelect, BFormSelectOption,
BForm, BFormRadioGroup, BFormRadio, BButton, BInputGroupAppend, BFormCheckbox, BForm, BFormRadioGroup, BFormRadio, BButton, BInputGroupAppend, BFormCheckbox, BOverlay,
} from 'bootstrap-vue' } from 'bootstrap-vue'
import { import {
required, email, url, between, alpha, integer, password, min, digits, alphaDash, length, required, email, url, between, alpha, integer, password, min, digits, alphaDash, length,
@ -285,6 +307,7 @@ export default {
vSelect, vSelect,
BButton, BButton,
BInputGroupAppend, BInputGroupAppend,
BOverlay,
ValidationProvider, ValidationProvider,
ValidationObserver, ValidationObserver,
@ -396,7 +419,7 @@ export default {
}, },
computeAccount() { computeAccount() {
const accounts = getLocalAccounts() const accounts = getLocalAccounts()
const values = Object.values(accounts) const values = accounts ? Object.values(accounts) : []
let array = [] let array = []
for (let i = 0; i < values.length; i += 1) { for (let i = 0; i < values.length; i += 1) {
const addrs = values[i].address.filter(x => x.chain === this.$route.params.chain) const addrs = values[i].address.filter(x => x.chain === this.$route.params.chain)

488
src/views/OperationGovDepositComponent.vue Normal file
View File

@ -0,0 +1,488 @@
<template>
<div>
<b-modal
id="deposit-window"
centered
size="md"
title="Deposit"
ok-title="Send"
hide-header-close
scrollable
:ok-disabled="!voter"
@hidden="resetModal"
@ok="handleOk"
@show="loadBalance"
><b-overlay
:show="!voter"
rounded="sm"
>
<template #overlay>
<div class="text-center">
<p id="cancel-label">
No available account found.
</p>
<b-button
variant="outline-primary"
to="/wallet/import"
>
Connect Wallet
</b-button>
</div>
</template>
<validation-observer ref="simpleRules">
<b-form>
<b-row>
<b-col>
<h4>{{ proposalId }}. {{ title }}</h4>
</b-col>
</b-row>
<b-row>
<b-col>
<b-form-group
label="Depositor"
label-for="Voter"
>
<validation-provider
#default="{ errors }"
rules="required"
name="Voter"
>
<b-form-select
v-model="voter"
:options="accounts"
text-field="label"
placeholder="Select an address"
@change="onChange"
/>
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
</b-row>
<b-row>
<b-col>
<b-form-group
label="Available Token"
label-for="Token"
>
<validation-provider
#default="{ errors }"
rules="required"
name="Token"
>
<b-form-select
v-model="token"
>
<b-form-select-option
v-for="item in balance"
:key="item.denom"
:value="item.denom"
>
{{ format(item) }}
</b-form-select-option>
</b-form-select>
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
</b-row>
<b-row>
<b-col>
<b-form-group
label="Amount"
label-for="Amount"
>
<validation-provider
v-slot="{ errors }"
rules="required|regex:^([0-9\.]+)$"
name="amount"
>
<b-input-group class="mb-25">
<b-form-input
id="Amount"
v-model="amount"
:state="errors.length > 0 ? false:null"
placeholder="Input a number"
type="number"
/>
<b-input-group-append is-text>
{{ printDenom() }}
</b-input-group-append>
</b-input-group>
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
</b-row>
<b-row>
<b-col>
<b-form-group
label="Fee"
label-for="Fee"
>
<validation-provider
v-slot="{ errors }"
rules="required|integer"
name="fee"
>
<b-input-group>
<b-form-input v-model="fee" />
<b-input-group-append>
<b-form-select
v-model="feeDenom"
:options="feeDenoms"
value-field="denom"
text-field="denom"
/>
</b-input-group-append>
</b-input-group>
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
<b-col cols="12">
<b-form-group>
<b-form-checkbox
v-model="advance"
name="advance"
value="true"
>
<small>Advance</small>
</b-form-checkbox>
</b-form-group>
</b-col>
</b-row>
<b-row v-if="advance">
<b-col cols="12">
<b-form-group
label="Gas"
label-for="gas"
>
<validation-provider
v-slot="{ errors }"
name="gas"
>
<b-form-input
id="gas"
v-model="gas"
type="number"
/>
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
<b-col cols="12">
<b-form-group
label="Memo"
label-for="Memo"
>
<validation-provider
v-slot="{ errors }"
name="memo"
>
<b-form-input
id="Memo"
v-model="memo"
max="2"
/>
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
</b-row>
<b-row>
<b-col>
<b-form-group
label="Wallet"
label-for="wallet"
>
<validation-provider
v-slot="{ errors }"
rules="required"
name="wallet"
>
<b-form-radio-group
v-model="wallet"
stacked
class="demo-inline-spacing"
>
<b-form-radio
v-model="wallet"
name="wallet"
value="keplr"
class="d-none d-md-block"
>
Keplr
</b-form-radio>
<b-form-radio
v-model="wallet"
name="wallet"
value="ledgerUSB"
>
<small>Ledger(USB)</small>
</b-form-radio>
<b-form-radio
v-model="wallet"
name="wallet"
value="ledgerBle"
class="mr-0"
>
<small>Ledger(Bluetooth)</small>
</b-form-radio>
</b-form-radio-group>
<small class="text-danger">{{ errors[0] }}</small>
</validation-provider>
</b-form-group>
</b-col>
</b-row>
</b-form>
</validation-observer>
{{ error }}
</b-overlay></b-modal>
</div>
</template>
<script>
import { ValidationProvider, ValidationObserver } from 'vee-validate'
import {
BModal, BRow, BCol, BInputGroup, BFormInput, BFormGroup, BFormSelect, BFormCheckbox,
BForm, BFormRadioGroup, BFormRadio, BInputGroupAppend, BOverlay, BButton, BFormSelectOption,
} from 'bootstrap-vue'
import {
required, email, url, between, alpha, integer, password, min, digits, alphaDash, length,
} from '@validations'
import {
abbrAddress,
formatToken, formatTokenDenom, getLocalAccounts, getUnitAmount, setLocalTxHistory, sign, timeIn,
} from '@/libs/data'
import ToastificationContent from '@core/components/toastification/ToastificationContent.vue'
export default {
name: 'DepositDialogue',
components: {
BModal,
BRow,
BCol,
BForm,
BInputGroup,
BFormInput,
BFormGroup,
BFormSelect,
BFormRadioGroup,
BFormRadio,
BFormCheckbox,
BInputGroupAppend,
BOverlay,
BButton,
BFormSelectOption,
ValidationProvider,
ValidationObserver,
// eslint-disable-next-line vue/no-unused-components
ToastificationContent,
},
props: {
proposalId: {
type: Number,
required: true,
},
title: {
type: String,
required: true,
},
},
data() {
return {
accounts: [],
voter: null,
option: null,
chainId: '',
selectedChain: '',
balance: [],
memo: '',
fee: '',
feeDenom: '',
wallet: 'ledgerUSB',
error: null,
sequence: 1,
accountNumber: 0,
gas: '200000',
advance: false,
token: null,
amount: '',
required,
password,
email,
min,
integer,
url,
alpha,
between,
digits,
length,
alphaDash,
}
},
computed: {
feeDenoms() {
return this.balance.filter(item => !item.denom.startsWith('ibc'))
},
},
methods: {
printDenom() {
return formatTokenDenom(this.token)
},
computeAccount() {
let array = []
const accounts = getLocalAccounts()
if (accounts) {
const values = Object.values(accounts)
for (let i = 0; i < values.length; i += 1) {
const addrs = values[i].address.filter(x => x.chain === this.$route.params.chain)
if (addrs && addrs.length > 0) {
array = array.concat(addrs.map(x => ({ value: x.addr, label: values[i].name.concat(' - ', abbrAddress(x.addr)) })))
}
}
}
return array
},
onChange() {
if (this.voter) {
this.$http.getBankBalances(this.voter).then(res => {
if (res && res.length > 0) {
this.balance = res.reverse().filter(x => !x.denom.startsWith('ibc'))
const token = this.balance.find(i => !i.denom.startsWith('ibc'))
if (token) {
this.feeDenom = token.denom
this.token = token.denom
}
}
})
this.$http.getLatestBlock().then(ret => {
this.chainId = ret.block.header.chain_id
const notSynced = timeIn(ret.block.header.time, 10, 'm')
if (notSynced) {
this.error = 'Client is not synced or blockchain is halted'
} else {
this.error = null
}
})
this.$http.getAuthAccount(this.voter).then(ret => {
if (ret.value.base_vesting_account) {
this.accountNumber = ret.value.base_vesting_account.base_account.account_number
this.sequence = ret.value.base_vesting_account.base_account.sequence
if (!this.sequence) this.sequence = 0
} else {
this.accountNumber = ret.value.account_number
this.sequence = ret.value.sequence ? ret.value.sequence : 0
}
})
}
},
loadBalance() {
this.accounts = this.computeAccount()
// eslint-disable-next-line prefer-destructuring
if (this.accounts && this.accounts.length > 0) this.voter = this.accounts[0].value
this.onChange()
},
handleOk(bvModalEvt) {
// console.log('send')
// Prevent modal from closing
bvModalEvt.preventDefault()
this.$refs.simpleRules.validate().then(ok => {
if (ok) {
this.sendTx().then(ret => {
// console.log(ret)
this.error = ret
})
}
})
},
resetModal() {
this.feeDenom = ''
this.error = null
},
format(v) {
return formatToken(v)
},
async sendTx() {
const txMsgs = [{
typeUrl: '/cosmos.gov.v1beta1.MsgDeposit',
value: {
depositor: this.voter,
proposalId: String(this.proposalId),
amount: [
{
amount: getUnitAmount(this.amount, this.token),
denom: this.token,
},
],
},
}]
console.log(txMsgs)
if (this.token) return ''
if (txMsgs.length === 0) {
this.error = 'No delegation found'
return ''
}
if (!this.accountNumber) {
this.error = 'Account number should not be empty!'
return ''
}
const txFee = {
amount: [
{
amount: this.fee,
denom: this.feeDenom,
},
],
gas: this.gas,
}
const signerData = {
accountNumber: this.accountNumber,
sequence: this.sequence,
chainId: this.chainId,
}
sign(
this.wallet,
this.chainId,
this.voter,
txMsgs,
txFee,
this.memo,
signerData,
).then(bodyBytes => {
this.$http.broadcastTx(bodyBytes, this.selectedChain).then(res => {
setLocalTxHistory({ op: 'vote', hash: res.tx_response.txhash, time: new Date() })
this.$bvModal.hide('vote-window')
this.$toast({
component: ToastificationContent,
props: {
title: 'Transaction sent!',
icon: 'EditIcon',
variant: 'success',
},
})
}).catch(e => {
this.error = e
})
}).catch(e => {
this.error = e
})
// Send tokens
// return client.sendTokens(this.address, this.recipient, sendCoins, this.memo)
return ''
},
},
}
</script>
<style lang="scss">
@import '@core/scss/vue/libs/vue-select.scss';
</style>

35
src/views/OperationTransfer2Component.vue
View File

@ -12,11 +12,21 @@
@hidden="resetModal" @hidden="resetModal"
@ok="handleOk" @ok="handleOk"
@show="loadBalance" @show="loadBalance"
><b-overlay
:show="channels.length === 0"
rounded="sm"
> >
<template #overlay>
<div class="text-center">
<p>
IBC Module is not enabled.
</p>
</div>
</template>
<validation-observer ref="simpleRules"> <validation-observer ref="simpleRules">
<b-form> <b-form>
<b-row> <b-row>
<b-col v-if="account"> <b-col>
<b-form-group <b-form-group
label="Sender" label="Sender"
label-for="Account" label-for="Account"
@ -24,14 +34,14 @@
<b-input-group class="mb-25"> <b-input-group class="mb-25">
<b-input-group-prepend is-text> <b-input-group-prepend is-text>
<b-avatar <b-avatar
:src="account.logo" :src="account?account.logo:''"
size="18" size="18"
variant="light-primary" variant="light-primary"
rounded rounded
/> />
</b-input-group-prepend> </b-input-group-prepend>
<b-form-input <b-form-input
:value="account.addr" :value="account?account.addr:address"
readonly readonly
/> />
</b-input-group> </b-input-group>
@ -272,7 +282,7 @@
</b-form> </b-form>
</validation-observer> </validation-observer>
{{ error }} {{ error }}
</b-modal> </b-overlay></b-modal>
</div> </div>
</template> </template>
@ -280,7 +290,7 @@
import { ValidationProvider, ValidationObserver } from 'vee-validate' import { ValidationProvider, ValidationObserver } from 'vee-validate'
import { import {
BModal, BRow, BCol, BInputGroup, BInputGroupAppend, BFormInput, BAvatar, BFormGroup, BFormSelect, BFormSelectOption, BModal, BRow, BCol, BInputGroup, BInputGroupAppend, BFormInput, BAvatar, BFormGroup, BFormSelect, BFormSelectOption,
BForm, BFormRadioGroup, BFormRadio, BInputGroupPrepend, BFormCheckbox, BForm, BFormRadioGroup, BFormRadio, BInputGroupPrepend, BFormCheckbox, BOverlay,
} from 'bootstrap-vue' } from 'bootstrap-vue'
import { import {
required, email, url, between, alpha, integer, password, min, digits, alphaDash, length, required, email, url, between, alpha, integer, password, min, digits, alphaDash, length,
@ -312,6 +322,7 @@ export default {
BFormRadio, BFormRadio,
BFormCheckbox, BFormCheckbox,
vSelect, vSelect,
BOverlay,
ValidationProvider, ValidationProvider,
ValidationObserver, ValidationObserver,
@ -388,12 +399,14 @@ export default {
computeAccount() { computeAccount() {
const accounts = getLocalAccounts() const accounts = getLocalAccounts()
const chains = getLocalChains() const chains = getLocalChains()
const values = Object.values(accounts) if (accounts) {
for (let i = 0; i < values.length; i += 1) { const values = Object.values(accounts)
const addr = values[i].address.find(x => x.addr === this.address) for (let i = 0; i < values.length; i += 1) {
if (addr) { const addr = values[i].address.find(x => x.addr === this.address)
this.selectedChain = chains[addr.chain] if (addr) {
return addr this.selectedChain = chains[addr.chain]
return addr
}
} }
} }
return null return null

24
src/views/OperationTransferComponent.vue
View File

@ -16,22 +16,23 @@
<validation-observer ref="simpleRules"> <validation-observer ref="simpleRules">
<b-form> <b-form>
<b-row> <b-row>
<b-col v-if="account"> <b-col>
<b-form-group <b-form-group
label="Sender" label="Sender"
label-for="Account" label-for="sender"
> >
<b-input-group class="mb-25"> <b-input-group class="mb-25">
<b-input-group-prepend is-text> <b-input-group-prepend is-text>
<b-avatar <b-avatar
:src="account.logo" :src="account?account.logo:''"
size="18" size="18"
variant="light-primary" variant="light-primary"
rounded rounded
/> />
</b-input-group-prepend> </b-input-group-prepend>
<b-form-input <b-form-input
:value="account.addr" name="sender"
:value="account?account.addr:address"
readonly readonly
/> />
</b-input-group> </b-input-group>
@ -338,12 +339,14 @@ export default {
computeAccount() { computeAccount() {
const accounts = getLocalAccounts() const accounts = getLocalAccounts()
const chains = getLocalChains() const chains = getLocalChains()
const values = Object.values(accounts) if (accounts) {
for (let i = 0; i < values.length; i += 1) { const values = Object.values(accounts)
const addr = values[i].address.find(x => x.addr === this.address) for (let i = 0; i < values.length; i += 1) {
if (addr) { const addr = values[i].address.find(x => x.addr === this.address)
this.selectedChain = chains[addr.chain] if (addr) {
return addr this.selectedChain = chains[addr.chain]
return addr
}
} }
} }
return null return null
@ -351,6 +354,7 @@ export default {
loadBalance() { loadBalance() {
this.account = this.computeAccount() this.account = this.computeAccount()
if (this.account && this.account.length > 0) this.address = this.account[0].addr if (this.account && this.account.length > 0) this.address = this.account[0].addr
console.log(this.account, this.address)
if (this.address) { if (this.address) {
this.$http.getBankBalances(this.address, this.selectedChain).then(res => { this.$http.getBankBalances(this.address, this.selectedChain).then(res => {
if (res && res.length > 0) { if (res && res.length > 0) {

36
src/views/OperationVoteComponent.vue
View File

@ -12,7 +12,23 @@
@hidden="resetModal" @hidden="resetModal"
@ok="handleOk" @ok="handleOk"
@show="loadBalance" @show="loadBalance"
><b-overlay
:show="!voter"
rounded="sm"
> >
<template #overlay>
<div class="text-center">
<p id="cancel-label">
No available account found.
</p>
<b-button
variant="outline-primary"
to="/wallet/import"
>
Connect Wallet
</b-button>
</div>
</template>
<validation-observer ref="simpleRules"> <validation-observer ref="simpleRules">
<b-form> <b-form>
<b-row> <b-row>
@ -212,7 +228,7 @@
</b-form> </b-form>
</validation-observer> </validation-observer>
{{ error }} {{ error }}
</b-modal> </b-overlay></b-modal>
</div> </div>
</template> </template>
@ -220,7 +236,7 @@
import { ValidationProvider, ValidationObserver } from 'vee-validate' import { ValidationProvider, ValidationObserver } from 'vee-validate'
import { import {
BModal, BRow, BCol, BInputGroup, BFormInput, BFormGroup, BFormSelect, BFormCheckbox, BModal, BRow, BCol, BInputGroup, BFormInput, BFormGroup, BFormSelect, BFormCheckbox,
BForm, BFormRadioGroup, BFormRadio, BInputGroupAppend, BForm, BFormRadioGroup, BFormRadio, BInputGroupAppend, BOverlay, BButton,
} from 'bootstrap-vue' } from 'bootstrap-vue'
import { import {
required, email, url, between, alpha, integer, password, min, digits, alphaDash, length, required, email, url, between, alpha, integer, password, min, digits, alphaDash, length,
@ -246,6 +262,8 @@ export default {
BFormRadio, BFormRadio,
BFormCheckbox, BFormCheckbox,
BInputGroupAppend, BInputGroupAppend,
BOverlay,
BButton,
ValidationProvider, ValidationProvider,
ValidationObserver, ValidationObserver,
@ -300,13 +318,15 @@ export default {
}, },
methods: { methods: {
computeAccount() { computeAccount() {
const accounts = getLocalAccounts()
const values = Object.values(accounts)
let array = [] let array = []
for (let i = 0; i < values.length; i += 1) { const accounts = getLocalAccounts()
const addrs = values[i].address.filter(x => x.chain === this.$route.params.chain) if (accounts) {
if (addrs && addrs.length > 0) { const values = Object.values(accounts)
array = array.concat(addrs.map(x => ({ value: x.addr, label: values[i].name.concat(' - ', abbrAddress(x.addr)) }))) for (let i = 0; i < values.length; i += 1) {
const addrs = values[i].address.filter(x => x.chain === this.$route.params.chain)
if (addrs && addrs.length > 0) {
array = array.concat(addrs.map(x => ({ value: x.addr, label: values[i].name.concat(' - ', abbrAddress(x.addr)) })))
}
} }
} }
return array return array

20
src/views/OperationWithdrawComponent.vue
View File

@ -16,7 +16,7 @@
<validation-observer ref="simpleRules"> <validation-observer ref="simpleRules">
<b-form> <b-form>
<b-row> <b-row>
<b-col v-if="account"> <b-col>
<b-form-group <b-form-group
label="Sender" label="Sender"
label-for="Account" label-for="Account"
@ -24,14 +24,14 @@
<b-input-group class="mb-25"> <b-input-group class="mb-25">
<b-input-group-prepend is-text> <b-input-group-prepend is-text>
<b-avatar <b-avatar
:src="account.logo" :src="account?account.logo:''"
size="18" size="18"
variant="light-primary" variant="light-primary"
rounded rounded
/> />
</b-input-group-prepend> </b-input-group-prepend>
<b-form-input <b-form-input
:value="account.addr" :value="account?account.addr:address"
readonly readonly
/> />
</b-input-group> </b-input-group>
@ -251,12 +251,14 @@ export default {
computeAccount() { computeAccount() {
const accounts = getLocalAccounts() const accounts = getLocalAccounts()
const chains = getLocalChains() const chains = getLocalChains()
const values = Object.values(accounts) if (accounts) {
for (let i = 0; i < values.length; i += 1) { const values = Object.values(accounts)
const addr = values[i].address.find(x => x.addr === this.address) for (let i = 0; i < values.length; i += 1) {
if (addr) { const addr = values[i].address.find(x => x.addr === this.address)
this.selectedChain = chains[addr.chain] if (addr) {
return addr this.selectedChain = chains[addr.chain]
return addr
}
} }
} }
return null return null

30
src/views/Staking.vue
View File

@ -93,15 +93,27 @@
class="text-danger" class="text-danger"
>{{ data.item.changes }}</small> >{{ data.item.changes }}</small>
</template> </template>
<template #cell(operation)="data">
<b-button
v-b-modal.delegate-window
:name="data.item.operator_address"
variant="primary"
size="sm"
@click="selectValidator(data.item.operator_address)"
>
Delegate
</b-button>
</template>
</b-table> </b-table>
</b-card-body> </b-card-body>
</b-card> </b-card>
<operation-delegate-component :validator-address="validator_address" />
</div> </div>
</template> </template>
<script> <script>
import { import {
BTable, BMedia, BAvatar, BBadge, BCard, BCardHeader, BCardTitle, VBTooltip, BCardBody, BTable, BMedia, BAvatar, BBadge, BCard, BCardHeader, BCardTitle, VBTooltip, BCardBody, BButton,
} from 'bootstrap-vue' } from 'bootstrap-vue'
import { import {
Validator, percent, StakingParameters, formatToken, Validator, percent, StakingParameters, formatToken,
@ -109,6 +121,7 @@ import {
import { keybase } from '@/libs/fetch' import { keybase } from '@/libs/fetch'
// import { toHex } from '@cosmjs/encoding' // import { toHex } from '@cosmjs/encoding'
// import fetch from 'node-fetch' // import fetch from 'node-fetch'
import OperationDelegateComponent from './OperationDelegateComponent.vue'
export default { export default {
components: { components: {
@ -120,6 +133,8 @@ export default {
BCardHeader, BCardHeader,
BCardTitle, BCardTitle,
BCardBody, BCardBody,
BButton,
OperationDelegateComponent,
}, },
directives: { directives: {
'b-tooltip': VBTooltip, 'b-tooltip': VBTooltip,
@ -127,6 +142,7 @@ export default {
data() { data() {
return { return {
islive: true, islive: true,
validator_address: null,
mintInflation: 0, mintInflation: 0,
stakingPool: 1, stakingPool: 1,
stakingParameters: new StakingParameters(), stakingParameters: new StakingParameters(),
@ -156,8 +172,13 @@ export default {
{ {
key: 'commission', key: 'commission',
formatter: value => `${percent(value.rate)}%`, formatter: value => `${percent(value.rate)}%`,
tdClass: 'text-right d-none d-md-block', tdClass: 'text-right',
thClass: 'text-right d-none d-md-block', thClass: 'text-right',
},
{
key: 'operation',
tdClass: 'text-right',
thClass: 'text-right',
}, },
], ],
} }
@ -230,6 +251,9 @@ export default {
this.islive = false this.islive = false
}, },
methods: { methods: {
selectValidator(da) {
this.validator_address = da
},
percent, percent,
tokenFormatter(amount, denom) { tokenFormatter(amount, denom) {
return formatToken({ amount, denom }, {}, 0) return formatToken({ amount, denom }, {}, 0)