Improvme ui

src/lang/locales/en.json

@@ -5,10 +5,13 @@
   "cosmos": "Cosmos Hub",
   "kava": "Kava",
   "akash": "Akash Decloud",
-  "iris": "Irisnet",
+  "iris": "Iris Hub",
+  "crypto": "Crypto.com",
+  
   "staking": "Staking",
   "governance": "Governance",
   "summary": "Summary",
+  "blocks": "Blocks",
   "blockchains": "Blockchains",
 
   "proposal_id": "Proposal ID",

src/libs/data/data.js

@@ -49,7 +49,7 @@ export function formatToken(token) {
   return ''
 }
 
-const COUNT_ABBRS = ['', 'K', 'M', 'G', 'T', 'P', 'E', 'Z', 'Y']
+const COUNT_ABBRS = ['', 'K', 'M', 'B', 'T', 'P', 'E', 'Z', 'Y']
 
 export function formatNumber(count, withAbbr = false, decimals = 2) {
   const i = count === 0 ? count : Math.floor(Math.log(count) / Math.log(1000))

src/navigation/vertical/index.js

@@ -6,6 +6,11 @@ const modules = [
     title: 'summary',
     route: 'info',
   },
+  {
+    scope: 'normal',
+    title: 'blocks',
+    route: 'blocks',
+  },
   {
     scope: 'normal',
     title: 'staking',

src/router/index.js

@@ -116,7 +116,7 @@ const router = new VueRouter({
       name: 'blocks',
       component: () => import('@/views/Blocks.vue'),
       meta: {
-        pageTitle: 'Block',
+        pageTitle: 'Blocks',
         breadcrumb: [
           {
             text: 'Blocks',
@@ -126,12 +126,16 @@ const router = new VueRouter({
       },
     },
     {
-      path: '/:chain/block/:height',
+      path: '/:chain/blocks/:height',
       name: 'block',
       component: () => import('@/views/Block.vue'),
       meta: {
         pageTitle: 'Block',
         breadcrumb: [
+          {
+            text: 'Blocks',
+            active: true,
+          },
           {
             text: 'Block',
             active: true,
@@ -169,9 +173,17 @@ const router = new VueRouter({
         layout: 'full',
       },
     },
+    {
+      path: '/error/chain-not-exists',
+      name: 'chain-404',
+      component: () => import('@/views/error/ChainNotExist.vue'),
+      meta: {
+        layout: 'full',
+      },
+    },
     {
       path: '*',
-      redirect: 'error-404',
+      redirect: '/error/error-404',
     },
   ],
 })
@@ -192,8 +204,14 @@ router.beforeEach((to, from, next) => {
           store.commit('setup_sdk_version', { chain_name: c, version: version[0] })
         })
     }
+    next()
+  } else if (c) {
+    console.log(from, to, c)
+    // if (c) {
+    next({ name: 'chain-404' })
+  } else {
+    next()
   }
-  next()
 })
 
 // ? For splash screen

src/store/chains/cosmos.json

@@ -1,5 +1,5 @@
 {
     "chain_name": "cosmos",
-    "api":"https://lcd-cosmoshub.keplr.app",
+    "api":"https://cosmos.api.ping.pub",
     "logo": "https://dl.airtable.com/.attachments/e54f814bba8c0f9af8a3056020210de0/2d1155fb/cosmos-hub.svg"
 }

src/store/chains/index.js

@@ -3,18 +3,18 @@ let chains = {}
 const localChains = localStorage.getItem('chains')
 if (localChains) {
   chains = JSON.parse(localChains)
-} else {
-  const configs = require.context('.', false, /\.json$/)
-
-  configs.keys().forEach(k => {
-    const c = configs(k)
-    chains[c.chain_name] = c
-  })
-  localStorage.setItem('chains', JSON.stringify(chains))
 }
 
-Object.keys(chains).forEach(key => {
+const configs = require.context('.', false, /\.json$/)
-  const chain = chains[key]
+
+const update = {}
+configs.keys().forEach(k => {
+  const c = configs(k)
+  update[c.chain_name] = c
+})
+
+Object.keys(update).forEach(key => {
+  const chain = update[key]
   fetch(`${chain.api}/node_info`)
     .then(res => res.json())
     .then(json => {
@@ -23,7 +23,7 @@ Object.keys(chains).forEach(key => {
       const version = sdk.match(re)
       // eslint-disable-next-line prefer-destructuring
       chain.sdk_version = version[0]
-      localStorage.setItem('chains', JSON.stringify(chains))
+      localStorage.setItem('chains', JSON.stringify(update))
     })
 })
 

src/store/chains/iris.json

@@ -0,0 +1,5 @@
+{
+    "chain_name": "iris",
+    "api": "https://lcd-iris.keplr.app",
+    "logo": "https://dl.airtable.com/.attachments/2d6d51b1b262db00ecc51616ffc3bdf5/90ff00d0/IRISnet.svg"
+}

src/views/Blocks.vue

@@ -19,7 +19,7 @@
       >
         <!-- Column: Height -->
         <template #cell(height)="data">
-          <router-link :to="`./block/${data.item.block.header.height}`">
+          <router-link :to="`./blocks/${data.item.block.header.height}`">
             #{{ data.item.block.header.height }}
           </router-link>
         </template>

src/views/Home.vue

@@ -14,7 +14,7 @@
     </h2>
 
     <p class="mb-3">
-      If you want add your chain to our explorer, be free to contact us.
+      If you want to add your chain to our explorer, be free to contact us.
     </p>
 
     <div>

src/views/ObjectFieldComponent.vue

@@ -2,7 +2,7 @@
   <b-table-simple
     v-if="typeof tablefield === 'object'"
     hover
-    small
+    :small="small"
     striped
     responsive
   >
@@ -24,6 +24,7 @@
       <b-td
         v-else-if="typeof (value) ==='object'"
         hover
+        class="overflow-hidden"
       >
         <b-tabs>
           <b-tab
@@ -45,7 +46,7 @@
         </b-tabs>
       </b-td>
       <b-td v-else>
-        {{ formatText(value) }}
+        {{ value }}
       </b-td>
     </b-tr>
   </b-table-simple>
@@ -73,6 +74,10 @@ export default {
       type: [Array, Object],
       default: () => {},
     },
+    small: {
+      type: Boolean,
+      default: true,
+    },
   },
   methods: {
     formatObject(value) {

src/views/ProposalView.vue

@@ -76,7 +76,10 @@
             </b-td><b-td>{{ proposal.type }}</b-td>
           </b-tr>
         </b-table-simple>
-        <object-field-component :tablefield="proposal.contents" />
+        <object-field-component
+          :tablefield="proposal.contents"
+          :small="false"
+        />
       </b-card-body>
       <b-card-footer>
         <router-link :to="`../gov`">

src/views/Staking.vue

@@ -25,7 +25,7 @@
         sort-by="tokens"
         striped
         hover
-        responsive="sm"
+        responsive
       >
         <!-- A virtual column -->
         <template #cell(index)="data">

src/views/error/ChainNotExist.vue

@@ -0,0 +1,73 @@
+<template>
+  <!-- Error page-->
+  <div class="misc-wrapper">
+    <b-link class="brand-logo">
+      <vuexy-logo />
+      <h2 class="brand-text text-primary ml-1">
+        PING.PUB
+      </h2>
+    </b-link>
+
+    <div class="misc-inner p-2 p-sm-3">
+      <div class="w-100 text-center">
+        <h2 class="mb-1">
+          Sorry, The chain is not found
+        </h2>
+        <p class="mb-2">
+          Be free to contact us if you want to add your chain.
+        </p>
+
+        <b-button
+          variant="primary"
+          class="mb-2 btn-sm-block"
+          :to="{path:'/'}"
+        >
+          Back to home
+        </b-button>
+
+        <!-- image -->
+        <b-img
+          fluid
+          :src="imgUrl"
+          alt="Error page"
+        />
+      </div>
+    </div>
+  </div>
+<!-- / Error page-->
+</template>
+
+<script>
+/* eslint-disable global-require */
+import { BLink, BButton, BImg } from 'bootstrap-vue'
+import VuexyLogo from '@core/layouts/components/Logo.vue'
+import store from '@/store/index'
+
+export default {
+  components: {
+    VuexyLogo,
+    BLink,
+    BButton,
+    BImg,
+  },
+  data() {
+    return {
+      downImg: require('@/assets/images/pages/error.svg'),
+    }
+  },
+  computed: {
+    imgUrl() {
+      if (store.state.appConfig.layout.skin === 'dark') {
+        // eslint-disable-next-line vue/no-side-effects-in-computed-properties
+        this.downImg = require('@/assets/images/pages/error-dark.svg')
+        return this.downImg
+      }
+      return this.downImg
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+@import '@core/scss/vue/pages/page-misc.scss';
+</style>

src/views/error/Error404.vue

@@ -4,7 +4,7 @@
     <b-link class="brand-logo">
       <vuexy-logo />
       <h2 class="brand-text text-primary ml-1">
-        Vuexy
+        PING.PUB
       </h2>
     </b-link>
 

themeConfig.js

@@ -9,7 +9,7 @@ export const $themeBreakpoints = {}
 // APP CONFIG
 export const $themeConfig = {
   app: {
-    appName: 'Ping.pub', // Will update name in navigation menu (Branding)
+    appName: 'PING.PUB', // Will update name in navigation menu (Branding)
     // eslint-disable-next-line global-require
     appLogoImage: require('@/assets/images/logo/logo.svg'), // Will update logo in navigation menu (Branding)
   },