diff --git a/web/storagenode/package-lock.json b/web/storagenode/package-lock.json index 755b17257..2dc725cd9 100644 --- a/web/storagenode/package-lock.json +++ b/web/storagenode/package-lock.json @@ -13129,6 +13129,15 @@ "integrity": "sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=", "dev": true }, + "svg-to-vue": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/svg-to-vue/-/svg-to-vue-0.4.0.tgz", + "integrity": "sha512-g/ZHtEFf4QDsDtTk9tuYX/MJ2HESTUBMTkuLoffQGQ3xMtlmD9Ec4YyTgmMkP1P8QJtWWu2FiGdOnlKaXc/X/Q==", + "dev": true, + "requires": { + "svgo": "^1.1.1" + } + }, "svgo": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.0.tgz", @@ -14200,6 +14209,16 @@ "loader-utils": "^1.0.2" } }, + "vue-svg-loader": { + "version": "0.12.0", + "resolved": "https://registry.npmjs.org/vue-svg-loader/-/vue-svg-loader-0.12.0.tgz", + "integrity": "sha512-pg8H6iKCj+DAC7FZuxdfGJMHiFpJPv/YyoN1M7Iqlf+Hu4eU6Q/W/sEFx978syQA+aOx0NXrp+uQUAajqQvXbQ==", + "dev": true, + "requires": { + "loader-utils": "^1.2.3", + "svg-to-vue": "^0.4.0" + } + }, "vue-template-compiler": { "version": "2.6.10", "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.10.tgz", diff --git a/web/storagenode/package.json b/web/storagenode/package.json index b8d7e6f69..e4e6c1779 100644 --- a/web/storagenode/package.json +++ b/web/storagenode/package.json @@ -32,6 +32,7 @@ "tslint-consistent-codestyle": "1.15.1", "tslint-loader": "3.5.4", "typescript": "3.5.3", + "vue-svg-loader": "0.12.0", "vue-template-compiler": "2.6.10", "vue-tslint": "0.3.2", "vue-tslint-loader": "3.5.6", diff --git a/web/storagenode/src/app/components/BandwidthChart.vue b/web/storagenode/src/app/components/BandwidthChart.vue index 85df93ee1..c77368d09 100644 --- a/web/storagenode/src/app/components/BandwidthChart.vue +++ b/web/storagenode/src/app/components/BandwidthChart.vue @@ -18,6 +18,7 @@ import { Component, Vue } from 'vue-property-decorator'; import VChart from '@/app/components/VChart.vue'; + import { ChartData } from '@/app/types/chartData'; import { ChartUtils } from '@/app/utils/chart'; import { formatBytes } from '@/app/utils/converter'; diff --git a/web/storagenode/src/app/components/BarInfo.vue b/web/storagenode/src/app/components/BarInfo.vue index 9e40743ed..79e2c5e8f 100644 --- a/web/storagenode/src/app/components/BarInfo.vue +++ b/web/storagenode/src/app/components/BarInfo.vue @@ -22,6 +22,7 @@ import { Component, Prop, Vue } from 'vue-property-decorator'; import VBar from '@/app/components/VBar.vue'; import VInfo from '@/app/components/VInfo.vue'; + import { formatBytes } from '@/app/utils/converter'; @Component ({ diff --git a/web/storagenode/src/app/components/ChecksArea.vue b/web/storagenode/src/app/components/ChecksArea.vue index 1cab508aa..19e12e545 100644 --- a/web/storagenode/src/app/components/ChecksArea.vue +++ b/web/storagenode/src/app/components/ChecksArea.vue @@ -11,11 +11,10 @@ is-custom-position="true" >
- - - - - +
@@ -28,9 +27,12 @@ import { Component, Prop, Vue } from 'vue-property-decorator'; import VInfo from '@/app/components/VInfo.vue'; +import ChecksInfoIcon from '@/../static/images/checksInfo.svg'; + @Component ({ components: { VInfo, + ChecksInfoIcon, }, }) export default class ChecksArea extends Vue { diff --git a/web/storagenode/src/app/components/DiskSpaceChart.vue b/web/storagenode/src/app/components/DiskSpaceChart.vue index be88c694f..6564bd45e 100644 --- a/web/storagenode/src/app/components/DiskSpaceChart.vue +++ b/web/storagenode/src/app/components/DiskSpaceChart.vue @@ -18,6 +18,7 @@ import { Component, Vue } from 'vue-property-decorator'; import VChart from '@/app/components/VChart.vue'; + import { ChartData } from '@/app/types/chartData'; import { ChartUtils } from '@/app/utils/chart'; import { formatBytes } from '@/app/utils/converter'; diff --git a/web/storagenode/src/app/components/PayoutArea.vue b/web/storagenode/src/app/components/PayoutArea.vue index d0ad68ec3..23c115899 100644 --- a/web/storagenode/src/app/components/PayoutArea.vue +++ b/web/storagenode/src/app/components/PayoutArea.vue @@ -3,10 +3,10 @@