fix charts

14 files changed, 139 insertions, 0 deletions

diff --git a/src/assets/styles/bmc/_sila/_chart.scss b/src/assets/styles/bmc/_sila/_chart.scss
index 09e18844..796f4e41 100644
--- a/src/assets/styles/bmc/_sila/_chart.scss
+++ b/src/assets/styles/bmc/_sila/_chart.scss
@@ -23,3 +23,10 @@
     transform: translate(-30px, 0) !important;
 }
 }
+
+.chart-no-data {
+  height: 360px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+} 
\ No newline at end of file
diff --git a/src/views/_sila/Fans/Dynamic/FanSpeedCpu.vue b/src/views/_sila/Fans/Dynamic/FanSpeedCpu.vue
index d63980bc..d8c000e1 100644
--- a/src/views/_sila/Fans/Dynamic/FanSpeedCpu.vue
+++ b/src/views/_sila/Fans/Dynamic/FanSpeedCpu.vue
@@ -63,7 +63,13 @@
           </b-col>
         </b-row>
       </b-form>
+      <b-col v-if="isNoData" class="chart-no-data">
+        <span>
+          {{ $t('global.table.emptyMessage') }}
+        </span>
+      </b-col>
       <chart
+        v-else
         type="fans"
         :colors="colors"
         :time-scale="timeScale"
@@ -155,6 +161,7 @@ export default {
       critical: null,
       isBusy: false,
       opened: false,
+      isNoData: false,
       fields: [
         {
           key: 'name',
@@ -377,6 +384,9 @@ export default {
       this.isBusy = false;
       this.$store.commit('fan/setIsLoading', false);
       this.$root.$emit('fan-cpu', false);
+      if (this.filteredForChart.length === 0) {
+        this.isNoData = true;
+      }
     },
   },
 };
diff --git a/src/views/_sila/Fans/Dynamic/FanSpeedSystem.vue b/src/views/_sila/Fans/Dynamic/FanSpeedSystem.vue
index cbcfe13d..bec366b4 100644
--- a/src/views/_sila/Fans/Dynamic/FanSpeedSystem.vue
+++ b/src/views/_sila/Fans/Dynamic/FanSpeedSystem.vue
@@ -63,7 +63,13 @@
           </b-col>
         </b-row>
       </b-form>
+      <b-col v-if="isNoData" class="chart-no-data">
+        <span>
+          {{ $t('global.table.emptyMessage') }}
+        </span>
+      </b-col>
       <chart
+        v-else
         type="fans"
         :colors="colors"
         :time-scale="timeScale"
@@ -155,6 +161,7 @@ export default {
       critical: null,
       isBusy: false,
       opened: false,
+      isNoData: false,
       fields: [
         {
           key: 'name',
@@ -379,6 +386,9 @@ export default {
       this.isBusy = false;
       this.$store.commit('fan/setIsLoading', false);
       this.$root.$emit('fan-system', false);
+      if (this.filteredForChart.length === 0) {
+        this.isNoData = true;
+      }
     },
   },
 };
diff --git a/src/views/_sila/Memory/Dynamic/MemoryTemp.vue b/src/views/_sila/Memory/Dynamic/MemoryTemp.vue
index 462fb606..def007cd 100644
--- a/src/views/_sila/Memory/Dynamic/MemoryTemp.vue
+++ b/src/views/_sila/Memory/Dynamic/MemoryTemp.vue
@@ -57,7 +57,13 @@
         </b-col>
       </b-row>
     </b-form>
+    <b-col v-if="isNoData" class="chart-no-data">
+      <span>
+        {{ $t('global.table.emptyMessage') }}
+      </span>
+    </b-col>
     <chart
+      v-else
       type="memory"
       :colors="colors"
       :time-scale="timeScale"
@@ -137,6 +143,7 @@ export default {
       warning: null,
       critical: null,
       isBusy: false,
+      isNoData: false,
       fields: [
         {
           key: 'name',
@@ -298,6 +305,9 @@ export default {
       this.endLoader();
       this.isBusy = false;
       this.$root.$emit('memory', false);
+      if (this.filteredSensors.length === 0) {
+        this.isNoData = true;
+      }
     },
   },
 };
diff --git a/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue b/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue
index 4c8f3345..0fba91dd 100644
--- a/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue
+++ b/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue
@@ -38,7 +38,13 @@
         </b-col>
       </b-row>
     </b-form>
+    <b-col v-if="isNoData" class="chart-no-data">
+      <span>
+        {{ $t('global.table.emptyMessage') }}
+      </span>
+    </b-col>
     <chart
+      v-else
       type="motherboard"
       :time-scale="timeScale"
       :colors="colors"
@@ -116,6 +122,7 @@ export default {
       loading,
       warning: null,
       isBusy: false,
+      isNoData: false,
       fields: [
         {
           key: 'name',
@@ -266,6 +273,9 @@ export default {
       this.endLoader();
       this.isBusy = false;
       this.$root.$emit('motherboard', false);
+      if (this.filteredSensors.length === 0) {
+        this.isNoData = true;
+      }
     },
   },
 };
diff --git a/src/views/_sila/Power/Dynamic/CurrentInput.vue b/src/views/_sila/Power/Dynamic/CurrentInput.vue
index 34e2c166..8b6cc85f 100644
--- a/src/views/_sila/Power/Dynamic/CurrentInput.vue
+++ b/src/views/_sila/Power/Dynamic/CurrentInput.vue
@@ -36,7 +36,13 @@
           </b-button>
         </b-col>
       </b-row> -->
+      <b-col v-if="isNoData" class="chart-no-data">
+        <span>
+          {{ $t('global.table.emptyMessage') }}
+        </span>
+      </b-col>
       <chart
+        v-else
         type="current"
         :time-scale="timeScale"
         :data="filteredItems"
@@ -109,6 +115,7 @@ export default {
       shutdown: Infinity,
       isBusy: true,
       opened: false,
+      isNoData: false,
       fields: [
         {
           key: 'name',
@@ -189,6 +196,9 @@ export default {
         this.$root.$emit('psu-current-output', false);
         this.isBusy = false;
         this.endLoader();
+        if (this.filteredItems.length === 0) {
+          this.isNoData = true;
+        }
       });
     },
   },
diff --git a/src/views/_sila/Power/Dynamic/CurrentOutput.vue b/src/views/_sila/Power/Dynamic/CurrentOutput.vue
index a51c1fe6..fb6c9e5f 100644
--- a/src/views/_sila/Power/Dynamic/CurrentOutput.vue
+++ b/src/views/_sila/Power/Dynamic/CurrentOutput.vue
@@ -36,7 +36,13 @@
           </b-button>
         </b-col>
       </b-row> -->
+      <b-col v-if="isNoData" class="chart-no-data">
+        <span>
+          {{ $t('global.table.emptyMessage') }}
+        </span>
+      </b-col>
       <chart
+        v-else
         type="current"
         :time-scale="timeScale"
         :data="filteredItems"
@@ -109,6 +115,7 @@ export default {
       shutdown: Infinity,
       isBusy: true,
       opened: false,
+      isNoData: false,
       fields: [
         {
           key: 'name',
@@ -193,6 +200,9 @@ export default {
         this.$root.$emit('psu-current-output', false);
         this.isBusy = false;
         this.endLoader();
+        if (this.filteredItems.length === 0) {
+          this.isNoData = true;
+        }
       });
     },
   },
diff --git a/src/views/_sila/Power/Dynamic/PowerInput.vue b/src/views/_sila/Power/Dynamic/PowerInput.vue
index bfbf9953..b9ac07d1 100644
--- a/src/views/_sila/Power/Dynamic/PowerInput.vue
+++ b/src/views/_sila/Power/Dynamic/PowerInput.vue
@@ -36,7 +36,13 @@
           </b-button>
         </b-col>
       </b-row> -->
+      <b-col v-if="isNoData" class="chart-no-data">
+        <span>
+          {{ $t('global.table.emptyMessage') }}
+        </span>
+      </b-col>
       <chart
+        v-else
         type="psu-power"
         :time-scale="timeScale"
         :data="filteredItems"
@@ -108,6 +114,7 @@ export default {
       shutdown: Infinity,
       isBusy: true,
       opened: false,
+      isNoData: false,
       fields: [
         {
           key: 'name',
@@ -190,6 +197,9 @@ export default {
         this.$root.$emit('psu-power-input', false);
         this.isBusy = false;
         this.endLoader();
+        if (this.filteredItems.length === 0) {
+          this.isNoData = true;
+        }
       });
     },
   },
diff --git a/src/views/_sila/Power/Dynamic/PowerOutput.vue b/src/views/_sila/Power/Dynamic/PowerOutput.vue
index 842cdd59..977c3b6e 100644
--- a/src/views/_sila/Power/Dynamic/PowerOutput.vue
+++ b/src/views/_sila/Power/Dynamic/PowerOutput.vue
@@ -36,7 +36,13 @@
           </b-button>
         </b-col>
       </b-row> -->
+      <b-col v-if="isNoData" class="chart-no-data">
+        <span>
+          {{ $t('global.table.emptyMessage') }}
+        </span>
+      </b-col>
       <chart
+        v-else
         type="psu-power"
         :time-scale="timeScale"
         :data="filteredItems"
@@ -108,6 +114,7 @@ export default {
       shutdown: Infinity,
       isBusy: true,
       opened: false,
+      isNoData: false,
       fields: [
         {
           key: 'name',
@@ -193,6 +200,11 @@ export default {
         this.$root.$emit('psu-power-output', false);
         this.isBusy = false;
         this.endLoader();
+        this.$nextTick(() => {
+          if (this.filteredItems.length === 0) {
+            this.isNoData = true;
+          }
+        });
       });
     },
   },
diff --git a/src/views/_sila/Power/Dynamic/PowerTemp.vue b/src/views/_sila/Power/Dynamic/PowerTemp.vue
index c2d2217e..06784dc6 100644
--- a/src/views/_sila/Power/Dynamic/PowerTemp.vue
+++ b/src/views/_sila/Power/Dynamic/PowerTemp.vue
@@ -64,7 +64,13 @@
           </b-col>
         </b-row>
       </b-form>
+      <b-col v-if="isNoData" class="chart-no-data">
+        <span>
+          {{ $t('global.table.emptyMessage') }}
+        </span>
+      </b-col>
       <chart
+        v-else
         type="processors"
         :time-scale="timeScale"
         :data="allSensors"
@@ -148,6 +154,7 @@ export default {
       critical: null,
       isBusy: false,
       opened: false,
+      isNoData: false,
       fields: [
         {
           key: 'name',
@@ -311,6 +318,9 @@ export default {
       this.endLoader();
       this.isBusy = false;
       this.$root.$emit('psu-temp', false);
+      if (this.allSensors.length === 0) {
+        this.isNoData = true;
+      }
     },
   },
 };
diff --git a/src/views/_sila/Power/Dynamic/VoltInput.vue b/src/views/_sila/Power/Dynamic/VoltInput.vue
index b8d21e36..172b2115 100644
--- a/src/views/_sila/Power/Dynamic/VoltInput.vue
+++ b/src/views/_sila/Power/Dynamic/VoltInput.vue
@@ -62,7 +62,13 @@
           </b-col>
         </b-row>
       </b-form>
+      <b-col v-if="isNoData" class="chart-no-data">
+        <span>
+          {{ $t('global.table.emptyMessage') }}
+        </span>
+      </b-col>
       <chart
+        v-else
         type="voltage-input"
         :time-scale="timeScale"
         :data="filteredItems"
@@ -148,6 +154,7 @@ export default {
       critical: null,
       isBusy: false,
       opened: false,
+      isNoData: false,
       fields: [
         {
           key: 'name',
@@ -324,6 +331,9 @@ export default {
       this.isBusy = false;
       this.$store.commit('powerSupply/setIsLoadingVol', false);
       this.$root.$emit('psu-volt-input', false);
+      if (this.filteredItems.length === 0) {
+        this.isNoData = true;
+      }
     },
   },
 };
diff --git a/src/views/_sila/Power/Dynamic/VoltOutput.vue b/src/views/_sila/Power/Dynamic/VoltOutput.vue
index 2d6f99dc..6284c5ce 100644
--- a/src/views/_sila/Power/Dynamic/VoltOutput.vue
+++ b/src/views/_sila/Power/Dynamic/VoltOutput.vue
@@ -62,7 +62,13 @@
           </b-col>
         </b-row>
       </b-form>
+      <b-col v-if="isNoData" class="chart-no-data">
+        <span>
+          {{ $t('global.table.emptyMessage') }}
+        </span>
+      </b-col>
       <chart
+        v-else
         type="voltage-output"
         :time-scale="timeScale"
         :data="filteredItems"
@@ -148,6 +154,7 @@ export default {
       critical: null,
       isBusy: false,
       opened: false,
+      isNoData: false,
       fields: [
         {
           key: 'name',
@@ -325,6 +332,9 @@ export default {
       this.isBusy = false;
       this.$store.commit('powerSupply/setIsLoadingVol', false);
       this.$root.$emit('psu-volt-output', false);
+      if (this.filteredItems.length === 0) {
+        this.isNoData = true;
+      }
     },
   },
 };
diff --git a/src/views/_sila/Processors/Dynamic/CpuPower.vue b/src/views/_sila/Processors/Dynamic/CpuPower.vue
index 79cd33b4..772f98eb 100644
--- a/src/views/_sila/Processors/Dynamic/CpuPower.vue
+++ b/src/views/_sila/Processors/Dynamic/CpuPower.vue
@@ -33,7 +33,13 @@
           </b-button>
         </b-col>
       </b-row> -->
+      <b-col v-if="isNoData" class="chart-no-data">
+        <span>
+          {{ $t('global.table.emptyMessage') }}
+        </span>
+      </b-col>
       <chart
+        v-else
         type="power"
         :time-scale="timeScale"
         :data="filteredSensors"
@@ -107,6 +113,7 @@ export default {
       shutdown: 88,
       isBusy: true,
       opened: false,
+      isNoData: false,
       fields: [
         {
           key: 'name',
@@ -182,6 +189,9 @@ export default {
         .finally(() => {
           this.$root.$emit('cpu-power', false);
           this.endLoader();
+          if (this.filteredSensors.length === 0) {
+            this.isNoData = true;
+          }
           this.isBusy = false;
         });
     },
diff --git a/src/views/_sila/Processors/Dynamic/CpuTemp.vue b/src/views/_sila/Processors/Dynamic/CpuTemp.vue
index d367b90f..2787274a 100644
--- a/src/views/_sila/Processors/Dynamic/CpuTemp.vue
+++ b/src/views/_sila/Processors/Dynamic/CpuTemp.vue
@@ -64,7 +64,13 @@
           </b-col>
         </b-row>
       </b-form>
+      <b-col v-if="isNoData" class="chart-no-data">
+        <span>
+          {{ $t('global.table.emptyMessage') }}
+        </span>
+      </b-col>
       <chart
+        v-else
         type="processors"
         :time-scale="timeScale"
         :data="filteredSensors"
@@ -148,6 +154,7 @@ export default {
       critical: null,
       isBusy: false,
       opened: false,
+      isNoData: false,
       fields: [
         {
           key: 'name',
@@ -321,6 +328,9 @@ export default {
       this.endLoader();
       this.isBusy = false;
       this.$root.$emit('cpu-temp', false);
+      if (this.filteredSensors.length === 0) {
+        this.isNoData = true;
+      }
     },
   },
 };