show all error message

src/views/OperationDelegateComponent.vue

@@ -357,7 +357,7 @@ export default {
       if (this.selectedAddress) {
         this.$http.getBankBalances(this.selectedAddress).then(res => {
           if (res && res.length > 0) {
-            this.balance = res
+            this.balance = res.reverse()
             const token = this.balance.find(i => !i.denom.startsWith('ibc'))
             this.token = token.denom
             if (token) this.feeDenom = token.denom

src/views/OperationRedelegateComponent.vue

@@ -352,7 +352,7 @@ export default {
       })
       this.$http.getBankBalances(this.address).then(res => {
         if (res && res.length > 0) {
-          this.balance = res
+          this.balance = res.reverse()
         }
       })
       this.$http.getLatestBlock().then(ret => {

src/views/OperationTransfer2Component.vue

@@ -51,6 +51,7 @@
                 >
                   <b-form-select
                     v-model="token"
+                    @change="tokenChange"
                   >
                     <b-form-select-option
                       v-for="item in balance"
@@ -104,12 +105,12 @@
                   rules="required"
                   name="destination"
                 >
-                  <b-input-group class="mb-25">
                   <v-select
                     v-model="destination"
+                    name="destination"
+                    :options="destinationOptions"
                     placeholder="Select a channel"
                   />
-                  </b-input-group>
                   <small class="text-danger">{{ errors[0] }}</small>
                 </validation-provider>
               </b-form-group>
@@ -131,6 +132,7 @@
                       id="Recipient"
                       v-model="recipient"
                       :state="errors.length > 0 ? false:null"
+                      :placeholder="placeholder"
                     />
                   </b-input-group>
                   <small class="text-danger">{{ errors[0] }}</small>
@@ -282,6 +284,8 @@ import {
 import { Cosmos } from '@cosmostation/cosmosjs'
 import vSelect from 'vue-select'
 import ToastificationContent from '@core/components/toastification/ToastificationContent.vue'
+import { coin } from '@cosmjs/amino'
+import dayjs from 'dayjs'
 
 export default {
   name: 'TransforDialogue',
@@ -335,6 +339,7 @@ export default {
       advance: false,
       paths: {},
       destination: {},
+      channels: [],
 
       required,
       password,
@@ -353,11 +358,23 @@ export default {
     feeDenoms() {
       return this.balance.filter(item => !item.denom.startsWith('ibc'))
     },
+    destinationOptions() {
+      const options = this.channels.map(x => ({ port_id: x.port_id, channel_id: x.channel_id, label: `${x.chain_id ? x.chain_id : ''} ${x.port_id}/${x.channel_id}` }))
+      const query = this.paths[this.token]
+      return query && String(this.token).startsWith('ibc/') ? options.filter(x => x.channel_id === query.channel_id) : options
+    },
+    placeholder() {
+      return 'Input a destination address'
+    },
   },
   created() {
     // console.log('address: ', this.address)
   },
   methods: {
+    tokenChange() {
+      this.destination = null
+      this.recipient = null
+    },
     printDenom() {
       return formatTokenDenom(this.IBCDenom[this.token] || this.token)
     },
@@ -375,12 +392,13 @@ export default {
       return null
     },
     loadBalance() {
+      this.destination = null
       this.account = this.computeAccount()
       if (this.account && this.account.length > 0) this.address = this.account[0].addr
       if (this.address) {
         this.$http.getBankBalances(this.address, this.selectedChain).then(res => {
           if (res && res.length > 0) {
-            this.balance = res
+            this.balance = res.reverse()
             this.token = this.balance[0].denom
             this.feeDenom = this.balance.find(x => !x.denom.startsWith('ibc')).denom
             this.balance.filter(i => i.denom.startsWith('ibc')).forEach(x => {
@@ -390,8 +408,8 @@ export default {
                   // console.log(denom.denom_trace)
                   const path = denom.denom_trace.path.split('/')
                   this.paths[x.denom] = {
-                    channel: path[1],
+                    channel_id: path[1],
-                    port: path[0],
+                    port_id: path[0],
                   }
                 })
               }
@@ -425,10 +443,13 @@ export default {
             chans.forEach((x, i) => {
               this.$http.getIBCChannelClientState(x.channel_id, x.port_id, this.selectedChain).then(cs => {
                 chans[i].chain_id = cs.identified_client_state.client_state.chain_id
-                // console.log(i, chans[i])
+                this.$store.commit('setChannels', { chain: this.selectedChain.chain_name, channels: chans })
+                this.$set(this, 'channels', chans)
               })
             })
           })
+        } else {
+          this.channels = channels
         }
       }
     },
@@ -455,27 +476,25 @@ export default {
       cosmos.getAccounts()
     },
     async send() {
+      if (!this.destination) {
+        this.error = 'You have to select a destination'
+        return
+      }
       const txMsgs = [
         {
           typeUrl: '/ibc.applications.transfer.v1.MsgTransfer',
           value: {
-            source_port: this.paths[this.token].port,
+            sourcePort: this.destination.port_id,
-            source_channel: this.paths[this.token].channel,
+            sourceChannel: this.destination.channel_id,
-            token: {
+            token: coin(Number(this.amount) * 1000000, this.token),
-              amount: String((Number(this.amount) * 1000000).toFixed()),
-              denom: this.token,
-            },
             sender: this.address,
             receiver: this.recipient,
-            // timeout_height: this.timeoutHeight ? { revision_height: '', revision_number: '' } : {},
+            timeoutHeight: { revisionHeight: '1000', revisionNumber: '1000' },
-            // timeout_timestamp: null,
+            timeoutTimestamp: String(dayjs().add(5, 'm') * 1000),
           },
         },
       ]
 
-      // console.log(txMsgs)
-      if (this.token) return
-
       const txFee = {
         amount: [
           {
@@ -492,6 +511,8 @@ export default {
         chainId: this.chainId,
       }
 
+      console.log(txMsgs, txFee, signerData)
+
       sign(
         this.wallet,
         this.chainId,

src/views/OperationTransferComponent.vue

@@ -354,7 +354,7 @@ export default {
       if (this.address) {
         this.$http.getBankBalances(this.address, this.selectedChain).then(res => {
           if (res && res.length > 0) {
-            this.balance = res
+            this.balance = res.reverse()
             this.token = this.balance[0].denom
             this.feeDenom = this.balance.find(x => !x.denom.startsWith('ibc')).denom
             this.balance.filter(i => i.denom.startsWith('ibc')).forEach(x => {

src/views/OperationUnbondComponent.vue

@@ -331,7 +331,7 @@ export default {
       }
       this.$http.getBankBalances(this.address).then(res => {
         if (res && res.length > 0) {
-          this.balance = res
+          this.balance = res.reverse()
         }
       })
       this.$http.getLatestBlock().then(ret => {

src/views/OperationVoteComponent.vue

@@ -315,7 +315,7 @@ export default {
       if (this.voter) {
         this.$http.getBankBalances(this.voter).then(res => {
           if (res && res.length > 0) {
-            this.balance = res
+            this.balance = res.reverse()
             const token = this.balance.find(i => !i.denom.startsWith('ibc'))
             if (token) this.feeDenom = token.denom
           }

src/views/OperationWithdrawCommissionComponent.vue

@@ -246,7 +246,7 @@ export default {
     loadBalance() {
       this.$http.getBankBalances(this.address).then(res => {
         if (res && res.length > 0) {
-          this.balance = res
+          this.balance = res.reverse()
           const token = this.balance.find(i => !i.denom.startsWith('ibc'))
           if (token) this.feeDenom = token.denom
         }

src/views/OperationWithdrawComponent.vue

@@ -267,7 +267,7 @@ export default {
       if (this.address) {
         this.$http.getBankBalances(this.address).then(res => {
           if (res && res.length > 0) {
-            this.balance = res
+            this.balance = res.reverse()
             const token = this.balance.find(i => !i.denom.startsWith('ibc'))
             if (token) this.feeDenom = token.denom
           }

src/views/Transaction.vue

@@ -24,7 +24,7 @@
           <b-tr>
             <b-td>
               {{ 'status' }}
-            </b-td><b-td> <b-badge
+            </b-td><b-td class="text-wrap"> <b-badge
               v-if="tx.code===0"
               variant="light-success"
             >

src/views/WalletAccountDetail.vue

@@ -175,11 +175,16 @@
 
     <b-card
       v-if="account"
-      :title="accountTitle"
+      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
@@ -192,7 +197,12 @@
             <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-if="account.type === 'cosmos-sdk/PeriodicVestingAccount'">
+        <b-tbody v-else-if="account.type === 'cosmos-sdk/PeriodicVestingAccount'">
+          <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
@@ -231,7 +241,12 @@
             </b-td>
           </b-tr>
         </b-tbody>
-        <b-tbody v-if="account.type === 'cosmos-sdk/DelayedVestingAccount'">
+        <b-tbody v-else-if="account.type === 'cosmos-sdk/DelayedVestingAccount'">
+          <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