From 3981667455d6af73bd219e01a57af581c9b5cd34 Mon Sep 17 00:00:00 2001
From: donne1226 <503124742@qq.com>
Date: Wed, 16 Mar 2022 20:09:17 +0800
Subject: [PATCH 1/8] fix staking style

---
 src/views/Staking.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/views/Staking.vue b/src/views/Staking.vue
index 58040931..b72748ab 100644
--- a/src/views/Staking.vue
+++ b/src/views/Staking.vue
@@ -93,7 +93,7 @@
       no-body
     >
       <b-card-header class="d-flex justify-content-between">
-        <b-form-group>
+        <b-form-group class="mb-0">
           <b-form-radio-group
             id="btn-radios-1"
             v-model="selectedStatus"
@@ -108,8 +108,9 @@
           <span>Validators {{ validators.length }}/{{ stakingParameters.max_validators }} </span>
         </b-card-title>
       </b-card-header>
-      <b-card-body class="pl-0 pr-0">
+      <b-card-body class="pl-0 pr-0 pb-0">
         <b-table
+          class="mb-0"
           :items="list"
           :fields="validator_fields"
           :sort-desc="true"

From 82eeaff60102c068aadfad3ca68308fd8c3cf426 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 18 Mar 2022 14:58:56 +0800
Subject: [PATCH 2/8] add missing blocks and filter by parameters

---
 src/libs/fetch.js                 |  8 ++---
 src/views/Uptime.vue              | 35 +++++++++++++++----
 src/views/UptimeMyChainBlocks.vue | 37 +++++++++++++++-----
 src/views/UptimeMyValidators.vue  | 56 ++++++++++++++++++++++++-------
 4 files changed, 105 insertions(+), 31 deletions(-)

diff --git a/src/libs/fetch.js b/src/libs/fetch.js
index 450c370d..3d473ae3 100644
--- a/src/libs/fetch.js
+++ b/src/libs/fetch.js
@@ -71,8 +71,8 @@ export default class ChainFetch {
     return this.get(`/blocks/${height}`, config).then(data => Block.create(data))
   }
 
-  async getSlashingSigningInfo() {
-    return this.get('/cosmos/slashing/v1beta1/signing_infos')
+  async getSlashingSigningInfo(config = null) {
+    return this.get('/cosmos/slashing/v1beta1/signing_infos?pagination.limit=500', config)
   }
 
   async getTxs(hash) {
@@ -140,8 +140,8 @@ export default class ChainFetch {
     })
   }
 
-  async getValidatorList() {
-    return this.get('/staking/validators').then(data => {
+  async getValidatorList(config = null) {
+    return this.get('/staking/validators', config).then(data => {
       const vals = commonProcess(data).map(i => new Validator().init(i))
       localStorage.setItem(`validators-${this.config.chain_name}`, JSON.stringify(vals))
       return vals
diff --git a/src/views/Uptime.vue b/src/views/Uptime.vue
index 288e7f37..fc8b1d48 100644
--- a/src/views/Uptime.vue
+++ b/src/views/Uptime.vue
@@ -32,13 +32,23 @@
           md="4"
           class="text-truncate"
         >
-          <b-form-checkbox
-            v-model="pinned"
-            :value="`${chain}#${x.address}`"
-            class="custom-control-warning"
-            @change="pinValidator(`${chain}#${x.address}`)"
-          ><span class="d-inline-block text-truncate font-weight-bold align-bottom">{{ index+1 }} {{ x.validator.moniker }}</span>
-          </b-form-checkbox>
+          <div class="d-flex justify-content-between">
+            <b-form-checkbox
+              v-model="pinned"
+              :value="`${chain}#${x.address}`"
+              class="custom-control-warning text-truncate"
+              @change="pinValidator(`${chain}#${x.address}`)"
+            ><span class="d-inline-block text-truncate font-weight-bold align-bottom">{{ index+1 }} {{ x.validator.moniker }}</span>
+            </b-form-checkbox>
+            <span
+              v-if="missing[x.address] && missing[x.address].missed_blocks_counter > 0"
+              v-b-tooltip.hover.v-danger
+              :title="`missed blocks:${missing[x.address].missed_blocks_counter}`"
+              class="text-danger text-bolder"
+            >
+              {{ missing[x.address].missed_blocks_counter }}
+            </span>
+          </div>
           <div class="d-flex justify-content-between align-self-stretch flex-wrap">
             <div
               v-for="(b,i) in blocks"
@@ -68,6 +78,7 @@ import {
 import {
   consensusPubkeyToHexAddress, getCachedValidators, timeIn, toDay,
 } from '@/libs/utils'
+import { Bech32, toHex } from '@cosmjs/encoding'
 
 export default {
   components: {
@@ -115,6 +126,16 @@ export default {
     this.$http.getValidatorList().then(res => {
       this.validators = res
     })
+    this.$http.getSlashingSigningInfo().then(res => {
+      if (res.info) {
+        res.info.forEach(x => {
+          if (x.address) {
+            const hex = toHex(Bech32.decode(x.address).data).toUpperCase()
+            this.missing[hex] = x
+          }
+        })
+      }
+    })
     this.initBlocks()
   },
   beforeDestroy() {
diff --git a/src/views/UptimeMyChainBlocks.vue b/src/views/UptimeMyChainBlocks.vue
index 8d9ff33b..ab0c3d64 100644
--- a/src/views/UptimeMyChainBlocks.vue
+++ b/src/views/UptimeMyChainBlocks.vue
@@ -23,14 +23,24 @@
           sm="12"
           class="text-truncate"
         >
-          <b-form-checkbox
-            v-model="pinned"
-            :value="`${chain}#${x.address}`"
-            class="custom-control-warning"
-            @change="pinValidator(`${chain}#${x.address}`)"
-          >
-            <span class="d-inline-block text-truncate font-weight-bold align-bottom"> {{ x.validator.moniker }} </span>
-          </b-form-checkbox>
+          <div class="d-flex justify-content-between">
+            <b-form-checkbox
+              v-model="pinned"
+              :value="`${chain}#${x.address}`"
+              class="custom-control-warning"
+              @change="pinValidator(`${chain}#${x.address}`)"
+            >
+              <span class="d-inline-block text-truncate font-weight-bold align-bottom"> {{ x.validator.moniker }} </span>
+            </b-form-checkbox>
+            <span
+              v-if="missing[x.address] && missing[x.address].missed_blocks_counter > 0"
+              v-b-tooltip.hover.v-danger
+              :title="`missed blocks:${missing[x.address].missed_blocks_counter}`"
+              class="text-danger text-bolder"
+            >
+              {{ missing[x.address].missed_blocks_counter }}
+            </span>
+          </div>
           <div class="d-flex justify-content-between align-self-stretch flex-wrap">
             <div
               v-for="(b,i) in blocks"
@@ -60,6 +70,7 @@ import {
 import {
   getLocalChains, timeIn, toDay,
 } from '@/libs/utils'
+import { Bech32, toHex } from '@cosmjs/encoding'
 
 export default {
   name: 'Blocks',
@@ -105,6 +116,16 @@ export default {
   },
   created() {
     this.initBlocks()
+    this.$http.getSlashingSigningInfo(this.config).then(res => {
+      if (res.info) {
+        res.info.forEach(x => {
+          if (x.address) {
+            const hex = toHex(Bech32.decode(x.address).data).toUpperCase()
+            this.missing[hex] = x
+          }
+        })
+      }
+    })
   },
   beforeDestroy() {
     this.blocks = [] // clear running tasks if it is not finish
diff --git a/src/views/UptimeMyValidators.vue b/src/views/UptimeMyValidators.vue
index ddab0d7b..348eedf8 100644
--- a/src/views/UptimeMyValidators.vue
+++ b/src/views/UptimeMyValidators.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container-md px-0">
-    <b-row>
+    <b-row v-if="chainVals">
       <b-col
         v-for="(x,index) in Object.keys(chainVals)"
         :key="index"
@@ -15,27 +15,42 @@
 
       </b-col>
     </b-row>
+    <b-alert
+      class="mt-2"
+      variant="success"
+      show
+    >
+      <div class="alert-heading">
+        Note
+      </div>
+      <div class="alert-body">
+        There are two ways to monitor your valdiators:
+        <li> Pin a validator on Uptime page.</li>
+        <li> Specify parameters like following: <pre>https://ping.pub/cosmos/uptime/my?validators={"sifchain":["FBADE9A30473BB9ED6DFA16BFB3838E028F33650"],"chain_name":["hexAddress"]}</pre></li>
+      </div>
+    </b-alert>
   </div>
 </template>
 
 <script>
 import {
-  BRow, BCol, VBTooltip,
+  BRow, BCol, VBTooltip, BAlert,
 } from 'bootstrap-vue'
-import { consensusPubkeyToHexAddress, getCachedValidators } from '@/libs/utils'
+import { consensusPubkeyToHexAddress, getCachedValidators, getLocalChains } from '@/libs/utils'
 import UptimeMyChainBlocks from './UptimeMyChainBlocks.vue'
 
 export default {
   components: {
     BRow,
     BCol,
+    BAlert,
     UptimeMyChainBlocks,
   },
   directives: {
     'b-tooltip': VBTooltip,
   },
   data() {
-    const pinned = (localStorage.getItem('pinned') || '').split(',').map(x => x.split('#')).reduce((a1, b) => {
+    let pinned = (localStorage.getItem('pinned') || '').split(',').map(x => x.split('#')).reduce((a1, b) => {
       const a = a1
       if (a[b[0]]) {
         a[b[0]].push(b[1])
@@ -44,17 +59,34 @@ export default {
       }
       return a
     }, {})
+    if (this.$route.query.validators) {
+      pinned = (JSON.parse(this.$route.query.validators))
+    }
 
     const chainVals = {}
-    Object.keys(pinned).forEach(x => {
-      const cached = JSON.parse(getCachedValidators(x))
-      const validators = []
-      pinned[x].forEach(address => {
-        const val = cached.find(v => address === consensusPubkeyToHexAddress(v.consensus_pubkey))
-        if (val) validators.push({ address, validator: val.description })
+    if (pinned) {
+      const configs = getLocalChains()
+      Object.keys(pinned).forEach(x => {
+        const cached = JSON.parse(getCachedValidators(x))
+        if (cached) {
+          const validators = []
+          pinned[x].forEach(address => {
+            const val = cached.find(v => address === consensusPubkeyToHexAddress(v.consensus_pubkey))
+            if (val) validators.push({ address, validator: val.description })
+          })
+          chainVals[x] = validators
+        } else {
+          this.$http.getValidatorList(configs[x]).then((vals => {
+            const validators = []
+            pinned[x].forEach(address => {
+              const val = vals.find(v => address === consensusPubkeyToHexAddress(v.consensus_pubkey))
+              if (val) validators.push({ address, validator: val.description })
+            })
+            this.$set(this.chainVals, x, validators)
+          }))
+        }
       })
-      chainVals[x] = validators
-    })
+    }
 
     return {
       chainVals,

From a8acd8e21fabb4cce5b6c76610cbc74fbc0b2317 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 18 Mar 2022 15:35:28 +0800
Subject: [PATCH 3/8] Improve UI of uptime

---
 src/views/Uptime.vue              | 10 ++++++----
 src/views/UptimeMyChainBlocks.vue | 10 ++++++----
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/views/Uptime.vue b/src/views/Uptime.vue
index fc8b1d48..3518a77f 100644
--- a/src/views/Uptime.vue
+++ b/src/views/Uptime.vue
@@ -40,14 +40,15 @@
               @change="pinValidator(`${chain}#${x.address}`)"
             ><span class="d-inline-block text-truncate font-weight-bold align-bottom">{{ index+1 }} {{ x.validator.moniker }}</span>
             </b-form-checkbox>
-            <span
+            <b-badge
               v-if="missing[x.address] && missing[x.address].missed_blocks_counter > 0"
               v-b-tooltip.hover.v-danger
-              :title="`missed blocks:${missing[x.address].missed_blocks_counter}`"
+              variant="light-danger"
+              :title="`missed blocks: ${missing[x.address].missed_blocks_counter}`"
               class="text-danger text-bolder"
             >
               {{ missing[x.address].missed_blocks_counter }}
-            </span>
+            </b-badge>
           </div>
           <div class="d-flex justify-content-between align-self-stretch flex-wrap">
             <div
@@ -72,7 +73,7 @@
 
 <script>
 import {
-  BRow, BCol, VBTooltip, BFormInput, BCard, BAlert, BFormCheckbox, BButton,
+  BRow, BCol, VBTooltip, BFormInput, BCard, BAlert, BFormCheckbox, BButton, BBadge,
 } from 'bootstrap-vue'
 
 import {
@@ -88,6 +89,7 @@ export default {
     BCard,
     BAlert,
     BButton,
+    BBadge,
     BFormCheckbox,
   },
   directives: {
diff --git a/src/views/UptimeMyChainBlocks.vue b/src/views/UptimeMyChainBlocks.vue
index ab0c3d64..84dcbad4 100644
--- a/src/views/UptimeMyChainBlocks.vue
+++ b/src/views/UptimeMyChainBlocks.vue
@@ -32,14 +32,15 @@
             >
               <span class="d-inline-block text-truncate font-weight-bold align-bottom"> {{ x.validator.moniker }} </span>
             </b-form-checkbox>
-            <span
+            <b-badge
               v-if="missing[x.address] && missing[x.address].missed_blocks_counter > 0"
               v-b-tooltip.hover.v-danger
-              :title="`missed blocks:${missing[x.address].missed_blocks_counter}`"
+              variant="light-danger"
+              :title="`missed blocks: ${missing[x.address].missed_blocks_counter}`"
               class="text-danger text-bolder"
             >
               {{ missing[x.address].missed_blocks_counter }}
-            </span>
+            </b-badge>
           </div>
           <div class="d-flex justify-content-between align-self-stretch flex-wrap">
             <div
@@ -64,7 +65,7 @@
 
 <script>
 import {
-  BRow, BCol, VBTooltip, BCard, BAlert, BCardTitle, BFormCheckbox,
+  BRow, BCol, VBTooltip, BCard, BAlert, BCardTitle, BFormCheckbox, BBadge,
 } from 'bootstrap-vue'
 
 import {
@@ -75,6 +76,7 @@ import { Bech32, toHex } from '@cosmjs/encoding'
 export default {
   name: 'Blocks',
   components: {
+    BBadge,
     BRow,
     BCol,
     BCard,

From 2c5b50549d4efecb1570c45208aaa15e801705a3 Mon Sep 17 00:00:00 2001
From: Paul Lovette <lightiv@gmail.com>
Date: Fri, 18 Mar 2022 11:13:00 -0700
Subject: [PATCH 4/8] SkyNet | Explorers' Network Updates

Here the networks I have added to my fork.  Mainnet and Testnet networks reside in the same location
---
 src/chains/mainnet/celestia.json | 17 +++++++++++++++++
 src/chains/mainnet/cht.json      | 23 +++++++++++++++++++++++
 src/chains/mainnet/coho.json     | 16 ++++++++++++++++
 src/chains/mainnet/dws.json      | 17 +++++++++++++++++
 src/chains/mainnet/omniflix.json | 17 +++++++++++++++++
 5 files changed, 90 insertions(+)
 create mode 100644 src/chains/mainnet/celestia.json
 create mode 100644 src/chains/mainnet/cht.json
 create mode 100644 src/chains/mainnet/coho.json
 create mode 100644 src/chains/mainnet/dws.json
 create mode 100644 src/chains/mainnet/omniflix.json

diff --git a/src/chains/mainnet/celestia.json b/src/chains/mainnet/celestia.json
new file mode 100644
index 00000000..64e969bd
--- /dev/null
+++ b/src/chains/mainnet/celestia.json
@@ -0,0 +1,17 @@
+{
+    "chain_name": "celestia",
+    "coingecko": "",
+    "api": "https://celestia-api.skynetvalidators.com",
+    "sdk_version": "0.44.0",
+    "coin_type": "118",
+    "min_tx_fee": "800",
+    "addr_prefix": "celestia",
+    "logo": "https://explorer-images.s3.filebase.com/celestia-logo.png",
+    "assets": [{
+        "base": "celes",
+        "symbol": "CELES",
+        "exponent": "0",
+        "coingecko_id": "",
+        "logo": "https://explorer-images.s3.filebase.com/celestia-logo.png"
+    }]
+}
diff --git a/src/chains/mainnet/cht.json b/src/chains/mainnet/cht.json
new file mode 100644
index 00000000..324b896d
--- /dev/null
+++ b/src/chains/mainnet/cht.json
@@ -0,0 +1,23 @@
+{
+    "chain_name": "chronic-token",
+    "coingecko": "",
+    "api": "https://chtd-api.skynetvalidators.com",
+    "sdk_version": "0.44.5",
+    "coin_type": "118",
+    "min_tx_fee": "800",
+    "addr_prefix": "chronic",
+    "logo": "https://explorer-images.s3.filebase.com/cht-logo.jpg",
+    "assets": [{
+        "base": "ucgas",
+        "symbol": "CGAS",
+        "exponent": "6",
+        "coingecko_id": "",
+        "logo": "https://explorer-images.s3.filebase.com/cht-logo.jpg"
+    },{
+        "base": "ucht",
+        "symbol": "CHT",
+        "exponent": "6",
+        "coingecko_id": "ion",
+        "logo": "https://explorer-images.s3.filebase.com/cht-logo.jpg"
+    }]
+}
diff --git a/src/chains/mainnet/coho.json b/src/chains/mainnet/coho.json
new file mode 100644
index 00000000..7143cf50
--- /dev/null
+++ b/src/chains/mainnet/coho.json
@@ -0,0 +1,16 @@
+{
+    "chain_name": "cosmic-horizon",
+    "api": ["https://coho-api.skynetvalidators.com"],
+    "sdk_version": "0.44.5",
+    "coin_type": "118",
+    "min_tx_fee": "300",
+    "assets": [{
+        "base": "ucoho",
+        "symbol": "COHO",
+        "exponent": "6",
+        "coingecko_id": "",
+        "logo": "https://coho-images.s3.filebase.com/red_logo.png"
+    }],
+    "addr_prefix": "coho",
+    "logo": "https://coho-images.s3.filebase.com/red_logo.png"
+}
diff --git a/src/chains/mainnet/dws.json b/src/chains/mainnet/dws.json
new file mode 100644
index 00000000..ec8d817c
--- /dev/null
+++ b/src/chains/mainnet/dws.json
@@ -0,0 +1,17 @@
+{
+    "chain_name": "DWS",
+    "coingecko": "",
+    "api": "https://dws-api.skynetvalidators.com",
+    "sdk_version": "0.44.3",
+    "coin_type": "118",
+    "min_tx_fee": "200",
+    "addr_prefix": "deweb",
+    "logo": "https://dws-images.s3.filebase.com/logo.png",
+    "assets": [{
+        "base": "udws",
+        "symbol": "DWS",
+        "exponent": "6",
+        "coingecko_id": "",
+        "logo": "https://dws-images.s3.filebase.com/logo.png"
+    }]
+}
diff --git a/src/chains/mainnet/omniflix.json b/src/chains/mainnet/omniflix.json
new file mode 100644
index 00000000..f6ad4e59
--- /dev/null
+++ b/src/chains/mainnet/omniflix.json
@@ -0,0 +1,17 @@
+{
+    "chain_name": "omniflix",
+    "coingecko": "",
+    "api": "https://omniflixhub-api.skynetvalidators.com",
+    "sdk_version": "0.45.1",
+    "coin_type": "118",
+    "min_tx_fee": "3000",
+    "addr_prefix": "omniflix",
+    "logo": "https://explorer-images.s3.filebase.com/omniflix-alpha-logo.png",
+    "assets": [{
+        "base": "uflix",
+        "symbol": "FLIX",
+        "exponent": "6",
+        "coingecko_id": "",
+        "logo": "https://explorer-images.s3.filebase.com/omniflix-alpha-logo.png"
+    }]
+}

From 732c6ee92237249eb9497ef87e4461b498035827 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 19 Mar 2022 11:39:17 +0800
Subject: [PATCH 5/8] add filter

---
 src/views/Uptime.vue              | 57 +++++++++++++++++++++++--------
 src/views/UptimeMyChainBlocks.vue | 28 ++++++++++-----
 src/views/UptimeMyValidators.vue  |  4 +--
 3 files changed, 65 insertions(+), 24 deletions(-)

diff --git a/src/views/Uptime.vue b/src/views/Uptime.vue
index 3518a77f..188b4b9b 100644
--- a/src/views/Uptime.vue
+++ b/src/views/Uptime.vue
@@ -19,10 +19,20 @@
         >
           Browse favorite only
         </b-button>
-        <b-form-input
-          v-model="query"
-          placeholder="Keywords to filter validators"
-        />
+        <b-input-group>
+          <b-input-group-prepend is-text>
+            <b-form-checkbox
+              v-model="missedFilter"
+              v-b-tooltip.hover
+              title="Only missed blocks"
+              name="viewMissed"
+            />
+          </b-input-group-prepend>
+          <b-form-input
+            v-model="query"
+            placeholder="Keywords to filter validators"
+          />
+        </b-input-group>
       </b-card>
       <b-row>
         <b-col
@@ -40,15 +50,27 @@
               @change="pinValidator(`${chain}#${x.address}`)"
             ><span class="d-inline-block text-truncate font-weight-bold align-bottom">{{ index+1 }} {{ x.validator.moniker }}</span>
             </b-form-checkbox>
-            <b-badge
-              v-if="missing[x.address] && missing[x.address].missed_blocks_counter > 0"
-              v-b-tooltip.hover.v-danger
-              variant="light-danger"
-              :title="`missed blocks: ${missing[x.address].missed_blocks_counter}`"
-              class="text-danger text-bolder"
+            <span
+              v-if="missing[x.address]"
             >
-              {{ missing[x.address].missed_blocks_counter }}
-            </b-badge>
+              <b-badge
+                v-if="missing[x.address].missed_blocks_counter > 0"
+                v-b-tooltip.hover.v-danger
+                variant="light-danger"
+                :title="`${missing[x.address].missed_blocks_counter} missed blocks`"
+                class="text-danger text-bolder"
+              >
+                {{ missing[x.address].missed_blocks_counter }}
+              </b-badge>
+              <b-badge
+                v-else
+                v-b-tooltip.hover.v-success
+                variant="light-success"
+                title="Perfect! No missed blocks"
+              >
+                0
+              </b-badge>
+            </span>
           </div>
           <div class="d-flex justify-content-between align-self-stretch flex-wrap">
             <div
@@ -73,7 +95,7 @@
 
 <script>
 import {
-  BRow, BCol, VBTooltip, BFormInput, BCard, BAlert, BFormCheckbox, BButton, BBadge,
+  BRow, BCol, VBTooltip, BFormInput, BCard, BAlert, BFormCheckbox, BButton, BBadge, BInputGroup, BInputGroupPrepend,
 } from 'bootstrap-vue'
 
 import {
@@ -91,6 +113,8 @@ export default {
     BButton,
     BBadge,
     BFormCheckbox,
+    BInputGroup,
+    BInputGroupPrepend,
   },
   directives: {
     'b-tooltip': VBTooltip,
@@ -99,6 +123,7 @@ export default {
     const { chain } = this.$route.params
     const pinned = localStorage.getItem('pinned') ? localStorage.getItem('pinned').split(',') : ''
     return {
+      missedFilter: false,
       pinned,
       chain,
       query: '',
@@ -113,10 +138,14 @@ export default {
     uptime() {
       const vals = this.query ? this.validators.filter(x => String(x.description.moniker).indexOf(this.query) > -1) : this.validators
       vals.sort((a, b) => b.delegator_shares - a.delegator_shares)
-      return vals.map(x => ({
+      const rets = vals.map(x => ({
         validator: x.description,
         address: consensusPubkeyToHexAddress(x.consensus_pubkey),
       }))
+      if (this.missedFilter) {
+        return rets.filter(x => this.missing[x.address].missed_blocks_counter > 0)
+      }
+      return rets
     },
   },
   created() {
diff --git a/src/views/UptimeMyChainBlocks.vue b/src/views/UptimeMyChainBlocks.vue
index 84dcbad4..7abcb12d 100644
--- a/src/views/UptimeMyChainBlocks.vue
+++ b/src/views/UptimeMyChainBlocks.vue
@@ -32,15 +32,27 @@
             >
               <span class="d-inline-block text-truncate font-weight-bold align-bottom"> {{ x.validator.moniker }} </span>
             </b-form-checkbox>
-            <b-badge
-              v-if="missing[x.address] && missing[x.address].missed_blocks_counter > 0"
-              v-b-tooltip.hover.v-danger
-              variant="light-danger"
-              :title="`missed blocks: ${missing[x.address].missed_blocks_counter}`"
-              class="text-danger text-bolder"
+            <span
+              v-if="missing[x.address]"
             >
-              {{ missing[x.address].missed_blocks_counter }}
-            </b-badge>
+              <b-badge
+                v-if="missing[x.address].missed_blocks_counter > 0"
+                v-b-tooltip.hover.v-danger
+                variant="light-danger"
+                :title="`${missing[x.address].missed_blocks_counter} missed blocks`"
+                class="text-danger text-bolder"
+              >
+                {{ missing[x.address].missed_blocks_counter }}
+              </b-badge>
+              <b-badge
+                v-else
+                v-b-tooltip.hover.v-success
+                variant="light-success"
+                title="Perfect! No missed blocks"
+              >
+                0
+              </b-badge>
+            </span>
           </div>
           <div class="d-flex justify-content-between align-self-stretch flex-wrap">
             <div
diff --git a/src/views/UptimeMyValidators.vue b/src/views/UptimeMyValidators.vue
index 348eedf8..6fc98379 100644
--- a/src/views/UptimeMyValidators.vue
+++ b/src/views/UptimeMyValidators.vue
@@ -24,8 +24,8 @@
         Note
       </div>
       <div class="alert-body">
-        There are two ways to monitor your valdiators:
-        <li> Pin a validator on Uptime page.</li>
+        There are two ways to monitor your validators:
+        <li> Pin a validator on Uptime pages.</li>
         <li> Specify parameters like following: <pre>https://ping.pub/cosmos/uptime/my?validators={"sifchain":["FBADE9A30473BB9ED6DFA16BFB3838E028F33650"],"chain_name":["hexAddress"]}</pre></li>
       </div>
     </b-alert>

From 9b70a552204f10cab576c0fcb6b1debef8042531 Mon Sep 17 00:00:00 2001
From: donne1226 <503124742@qq.com>
Date: Sun, 20 Mar 2022 11:12:52 +0800
Subject: [PATCH 6/8] fix staking table changes

---
 src/views/Staking.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Staking.vue b/src/views/Staking.vue
index b72748ab..50fe786a 100644
--- a/src/views/Staking.vue
+++ b/src/views/Staking.vue
@@ -318,7 +318,7 @@ export default {
     list() {
       return this.validators.map(x => {
         const xh = x
-        const change = this.changes[x.consensus_pubkey.value]
+        const change = this.changes[x.consensus_pubkey.key]
         if (change) {
           xh.changes = change.latest - change.previous
         }

From 38c728b7f53e1ebc93e58ebb4e1844856267df00 Mon Sep 17 00:00:00 2001
From: donne1226 <503124742@qq.com>
Date: Sun, 20 Mar 2022 14:28:57 +0800
Subject: [PATCH 7/8] change validator api

---
 src/libs/fetch.js     |  2 +-
 src/views/Staking.vue | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/libs/fetch.js b/src/libs/fetch.js
index bde71c28..2165dd34 100644
--- a/src/libs/fetch.js
+++ b/src/libs/fetch.js
@@ -165,7 +165,7 @@ export default class ChainFetch {
   }
 
   async getValidatorListByHeight(height) {
-    return this.get(`/validatorsets/${height}`).then(data => commonProcess(data))
+    return this.get(`/cosmos/base/tendermint/v1beta1/validatorsets/${height}?pagination.limit=500`).then(data => commonProcess(data))
   }
 
   async getStakingValidator(address) {
diff --git a/src/views/Staking.vue b/src/views/Staking.vue
index 50fe786a..50bc4608 100644
--- a/src/views/Staking.vue
+++ b/src/views/Staking.vue
@@ -334,16 +334,16 @@ export default {
       } else {
         height = 1
       }
-      const changes = []
+      const changes = {}
       data.validators.forEach(x => {
-        changes[x.pub_key.value] = { latest: Number(x.voting_power), previous: 0 }
+        changes[x.pub_key.key] = { latest: Number(x.voting_power), previous: 0 }
       })
       this.$http.getValidatorListByHeight(height).then(previous => {
         previous.validators.forEach(x => {
-          if (changes[x.pub_key.value]) {
-            changes[x.pub_key.value].previous = Number(x.voting_power)
+          if (changes[x.pub_key.key]) {
+            changes[x.pub_key.key].previous = Number(x.voting_power)
           } else {
-            changes[x.pub_key.value] = { latest: 0, previous: Number(x.voting_power) }
+            changes[x.pub_key.key] = { latest: 0, previous: Number(x.voting_power) }
           }
         })
         this.$set(this, 'changes', changes)

From fd132b9e149ed3e23589e9b54d730dc81884bbd4 Mon Sep 17 00:00:00 2001
From: donne1226 <503124742@qq.com>
Date: Sun, 20 Mar 2022 15:44:58 +0800
Subject: [PATCH 8/8] fix staking changes

---
 src/libs/fetch.js     |  6 +++---
 src/views/Staking.vue | 50 ++++++++++++++++++++++++-------------------
 2 files changed, 31 insertions(+), 25 deletions(-)

diff --git a/src/libs/fetch.js b/src/libs/fetch.js
index 2165dd34..bc17ec8f 100644
--- a/src/libs/fetch.js
+++ b/src/libs/fetch.js
@@ -157,15 +157,15 @@ export default class ChainFetch {
   }
 
   async getValidatorListByStatus(status) {
-    return this.get(`/cosmos/staking/v1beta1/validators?status=${status}`).then(data => {
+    return this.get(`/cosmos/staking/v1beta1/validators?status=${status}&pagination.limit=500`).then(data => {
       const result = commonProcess(data)
       const vals = result.validators ? result.validators : result
       return vals.map(i => new Validator().init(i))
     })
   }
 
-  async getValidatorListByHeight(height) {
-    return this.get(`/cosmos/base/tendermint/v1beta1/validatorsets/${height}?pagination.limit=500`).then(data => commonProcess(data))
+  async getValidatorListByHeight(height, offset) {
+    return this.get(`/cosmos/base/tendermint/v1beta1/validatorsets/${height}?pagination.limit=100&pagination.offset=${offset}`).then(data => commonProcess(data))
   }
 
   async getStakingValidator(address) {
diff --git a/src/views/Staking.vue b/src/views/Staking.vue
index 50bc4608..a644a2b6 100644
--- a/src/views/Staking.vue
+++ b/src/views/Staking.vue
@@ -327,28 +327,7 @@ export default {
     },
   },
   created() {
-    this.$http.getValidatorListByHeight('latest').then(data => {
-      let height = Number(data.block_height)
-      if (height > 14400) {
-        height -= 14400
-      } else {
-        height = 1
-      }
-      const changes = {}
-      data.validators.forEach(x => {
-        changes[x.pub_key.key] = { latest: Number(x.voting_power), previous: 0 }
-      })
-      this.$http.getValidatorListByHeight(height).then(previous => {
-        previous.validators.forEach(x => {
-          if (changes[x.pub_key.key]) {
-            changes[x.pub_key.key].previous = Number(x.voting_power)
-          } else {
-            changes[x.pub_key.key] = { latest: 0, previous: Number(x.voting_power) }
-          }
-        })
-        this.$set(this, 'changes', changes)
-      })
-    })
+    this.getValidatorListByHeight()
     this.$http.getStakingParameters().then(res => {
       this.stakingParameters = res
     })
@@ -358,6 +337,30 @@ export default {
     this.islive = false
   },
   methods: {
+    getValidatorListByHeight(offset = 0) {
+      this.$http.getValidatorListByHeight('latest', offset).then(data => {
+        let height = Number(data.block_height)
+        if (height > 14400) {
+          height -= 14400
+        } else {
+          height = 1
+        }
+        const { changes } = this
+        data.validators.forEach(x => {
+          changes[x.pub_key.key] = { latest: Number(x.voting_power), previous: 0 }
+        })
+        this.$http.getValidatorListByHeight(height, offset).then(previous => {
+          previous.validators.forEach(x => {
+            if (changes[x.pub_key.key]) {
+              changes[x.pub_key.key].previous = Number(x.voting_power)
+            } else {
+              changes[x.pub_key.key] = { latest: 0, previous: Number(x.voting_power) }
+            }
+          })
+          this.$set(this, 'changes', changes)
+        })
+      })
+    },
     getValidatorListByStatus(statusList) {
       this.validators = []
       statusList.forEach(status => {
@@ -376,6 +379,9 @@ export default {
             }
           }
           this.stakingPool = total
+          if (total > 100) {
+            this.getValidatorListByHeight(100)
+          }
           this.validators.push(...temp)
 
           // fetch avatar from keybase