1 files changed, 21 insertions, 0 deletions
diff --git a/src/main.js b/src/main.js
index 0aae716f..3d357157 100644
--- a/src/main.js
+++ b/src/main.js
@@ -37,10 +37,12 @@ import {
   TabsPlugin,
   ToastPlugin,
   TooltipPlugin,
+  PopoverPlugin,
 } from 'bootstrap-vue';
 import Vuelidate from 'vuelidate';
 import i18n from './i18n';
 import { format } from 'date-fns-tz';
+import HighchartsVue from 'highcharts-vue';
 
 // Filters
 Vue.filter('shortTimeZone', function (value) {
@@ -83,6 +85,23 @@ Vue.filter('formatTime', function (value) {
   }
 });
 
+Vue.filter('formatTimeShort', function (value) {
+  const isUtcDisplay = store.getters['global/isUtcDisplay'];
+
+  if (value instanceof Date) {
+    if (isUtcDisplay) {
+      let timeOptions = {
+        timeZone: 'UTC',
+        hourCycle: 'h23',
+      };
+      return `${value.toLocaleTimeString('default', timeOptions)}`;
+    }
+    const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    // const shortTz = Vue.filter('shortTimeZone')(value);
+    const pattern = `HH:mm:ss`;
+    return format(value, pattern, { timezone }).replace('GMT', 'UTC');
+  }
+});
 // Plugins
 Vue.use(AlertPlugin);
 Vue.use(BadgePlugin);
@@ -127,7 +146,9 @@ Vue.use(TablePlugin);
 Vue.use(TabsPlugin);
 Vue.use(ToastPlugin);
 Vue.use(TooltipPlugin);
+Vue.use(PopoverPlugin);
 Vue.use(Vuelidate);
+Vue.use(HighchartsVue);
 
 new Vue({
   router,