Add links to eos block monitor for the account names in the list of running nodes.

Author: 4ban

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vdexnode",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "vDexNode GUI",
   "productName": "vDexNode",
   "cordovaId": "org.cordova.vdexnode",
@@ -29,20 +29,20 @@
     "test": "echo \"No test specified\" && exit 0"
   },
   "dependencies": {
-    "@quasar/extras": "^1.3.1",
+    "@quasar/extras": "^1.3.2",
     "axios": "^0.18.1",
     "d3": "^3.5.12",
     "electron-log": "^3.0.8",
     "electron-updater": "^4.1.2",
     "eosjs": "^20.0.0",
     "eosjs-ecc": "^4.0.4",
     "node-fetch": "^2.6.0",
-    "quasar": "^1.1.2",
+    "quasar": "^1.1.4",
     "topojson": "^3.0.2",
     "vue-i18n": "^8.14.1"
   },
   "devDependencies": {
-    "@quasar/app": "^1.1.1",
+    "@quasar/app": "^1.1.2",
     "@quasar/quasar-app-extension-dotenv": "^1.0.0-beta.11",
     "@quasar/quasar-app-extension-icon-genie": "^1.0.2",
     "@vue/eslint-config-standard": "^4.0.0",

quasar.conf.js

@@ -6,7 +6,8 @@ module.exports = function (ctx) {
     // --> boot files are part of "main.js"
     boot: [
       'i18n',
-      'axios'
+      'axios',
+      'utils'
     ],
 
     css: [

src/boot/utils.js

@@ -0,0 +1,5 @@
+import * as utils from '@/util/utils.js'
+
+export default ({ Vue }) => {
+  Vue.prototype.$utils = utils
+}

src/css/app.styl

@@ -42,4 +42,12 @@
 }
 .text-vblack {
   color: #000 !important;
+}
+
+.link {
+
+}
+.link:hover {
+  color: #A000FD !important;
+  cursor:pointer;
 }

src/pages/Index.vue

@@ -150,7 +150,7 @@
                 <q-item v-for="node in nodes" :key="node.id">
                   <q-item-section>
                     <q-item-label class="code"> {{ node.key }}</q-item-label>
-                    <q-item-label class="code text-vgreen" caption> {{ node.account }} </q-item-label>
+                    <q-item-label @click="$utils.openExternal(node.account)" class="code text-vgreen link" caption> {{ node.account }} </q-item-label>
                   </q-item-section>
                   <q-item-section side center>
                     <q-item-label class="code text-vgreen" caption> {{ node.balance }}</q-item-label>
@@ -377,7 +377,6 @@
 <script>
 import GeoWidget from '../components/GeoWidget.vue'
 import EosWrapper from '@/util/EosWrapper'
-import * as utils from '@/util/utils.js'
 const { app, dialog } = require('electron').remote
 const fs = require('fs')
 
@@ -810,11 +809,10 @@ export default {
               this.nodes.push({ id: key, key: result.data[key].trim(), account: '', vote: true })
             }
           }
-          this.nodes = utils.getUnique(this.nodes, 'key')
-          this.nodes = utils.sortByKey(this.nodes, 'key')
+          this.nodes = this.$utils.getUnique(this.nodes, 'key')
+          this.nodes = this.$utils.sortByKey(this.nodes, 'key')
           resolve()
         }).catch((error) => {
-          console.log(error)
           this.errorDialog = true
           this.errorMessage = error
         })

src/util/utils.js

@@ -1,3 +1,5 @@
+import { shell } from 'electron'
+
 /**
  * Function returns an array with removed duplicates by any field in the object
  * @param {Array} arr - Array of objects to work with.
@@ -34,7 +36,12 @@ function sortByKey (array, key) {
   })
 }
 
+function openExternal (accountName) {
+  shell.openExternal('https://bloks.io/account/' + accountName)
+}
+
 export {
   getUnique,
-  sortByKey
+  sortByKey,
+  openExternal
 }

yarn.lock

@@ -1266,10 +1266,10 @@
     babel-plugin-module-resolver "^3.2.0"
     babel-plugin-transform-imports "^1.0.0"
 
-"@quasar/extras@^1.3.1":
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/@quasar/extras/-/extras-1.3.1.tgz#218a1a14967ea18b6e1cb6c4c19e434c15a0ac9f"
-  integrity sha512-kcbH+wJ0kLc9lKsVvmSiHOcPRRtUNq8yolLWzqN25LaGELANKwE9gfOLaoNsZ3vTLYCpQKewpZHwbdQdyvOoSQ==
+"@quasar/extras@^1.3.2":
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/@quasar/extras/-/extras-1.3.2.tgz#d50f34fec235b79d4e570dc7f8b36209b0a9ada1"
+  integrity sha512-EGBvl4By7Cv/WFGD4dc2FX+iLA+GX7YOnDj8AH92Df4pSMDKxP3TdvpXRnKs3V6bfHKyafc3VklVdf30hT5EoA==
 
 "@quasar/fastclick@1.1.3":
   version "1.1.3"