diff --git a/frontend/src/mixin.js b/frontend/src/mixin.js
index 74855578..50bc0e35 100644
--- a/frontend/src/mixin.js
+++ b/frontend/src/mixin.js
@@ -1,264 +1,264 @@
-import Vue from 'vue';
-const { startOfDay, startOfHour, startOfWeek, endOfMonth, endOfHour, startOfToday, startOfTomorrow, startOfYesterday, endOfYesterday, endOfTomorrow, endOfToday, endOfDay, startOfMonth, lastDayOfMonth, subSeconds, getUnixTime, fromUnixTime, differenceInSeconds, formatDistance, addMonths, addSeconds, isWithinInterval } = require('date-fns');
-import formatDistanceToNow from 'date-fns/formatDistanceToNow';
-import format from 'date-fns/format';
-import parseISO from 'date-fns/parseISO';
-import isBefore from 'date-fns/isBefore';
-import isAfter from 'date-fns/isAfter';
-import { roundToNearestMinutes } from 'date-fns';
+import Vue from "vue";
+const { startOfDay, startOfHour, startOfWeek, endOfMonth, endOfHour, startOfToday, startOfTomorrow, startOfYesterday, endOfYesterday, endOfTomorrow, endOfToday, endOfDay, startOfMonth, lastDayOfMonth, subSeconds, getUnixTime, fromUnixTime, differenceInSeconds, formatDistance, addMonths, addSeconds, isWithinInterval } = require('date-fns')
+import formatDistanceToNow from 'date-fns/formatDistanceToNow'
+import format from 'date-fns/format'
+import parseISO from 'date-fns/parseISO'
+import isBefore from 'date-fns/isBefore'
+import isAfter from 'date-fns/isAfter'
+import { roundToNearestMinutes } from 'date-fns'
 
 export default Vue.mixin({
-    methods: {
-        now () {
-            return new Date();
-        },
-        isNumeric: function (n) {
-            return !isNaN(parseFloat(n)) && isFinite(n);
-        },
-        current () {
-            return parseISO(new Date());
-        },
-        startToday () {
-            return startOfToday();
-        },
-        secondsHumanize (val) {
-            return `${val} ${this.$t('second', val)}`;
-        },
-        utc (val) {
-            return new Date.UTC(val);
-        },
-        ago (t1) {
-            return formatDistanceToNow(parseISO(t1));
-        },
-        daysInMonth (t1) {
-            return lastDayOfMonth(t1);
-        },
-        nowSubtract (seconds) {
-            return subSeconds(this.now(), seconds);
-        },
-        isAfter (date, compare) {
-            return isAfter(date, parseISO(compare));
-        },
-        isBefore (date, compare) {
-            return isBefore(date, parseISO(compare));
-        },
-        dur (t1, t2) {
-            return formatDistance(t1, t2);
-        },
-        format (val, type = 'EEE, MMM do h:mma') {
-            return format(val, type);
-        },
-        niceDate (val) {
-            return format(parseISO(val), 'EEE, MMM do h:mma');
-        },
-        niceDateWithYear (val) {
-            return format(parseISO(val), 'EEE, do MMM yyyy \'at\' h:mma');
-        },
-        parseISO (v) {
-            return parseISO(v);
-        },
-        round (minutes) {
-            return roundToNearestMinutes(minutes);
-        },
-        endOf (method, val) {
-            switch (method) {
-                case 'hour':
-                    return endOfHour(val);
-                case 'day':
-                    return endOfDay(val);
-                case 'today':
-                    return endOfToday();
-                case 'tomorrow':
-                    return endOfTomorrow();
-                case 'yesterday':
-                    return endOfYesterday();
-                case 'month':
-                    return endOfMonth(val);
-            }
-            return val;
-        },
-        startEndParams (start, end, group) {
-            start = this.beginningOf('hour', start);
-            end = this.endOf('hour', end);
-            return { start: this.toUnix(start), end: this.toUnix(end), group: group };
-        },
-        beginningOf (method, val) {
-            switch (method) {
-                case 'hour':
-                    return startOfHour(val);
-                case 'day':
-                    return startOfDay(val);
-                case 'today':
-                    return startOfToday();
-                case 'tomorrow':
-                    return startOfTomorrow();
-                case 'yesterday':
-                    return startOfYesterday();
-                case 'week':
-                    return startOfWeek(val);
-                case 'month':
-                    return startOfMonth(val);
-            }
-            return val;
-        },
-        isZero (val) {
-            return getUnixTime(parseISO(val)) <= 0;
-        },
-        smallText (s) {
-            if (s.online) {
-                return `${this.$t('service_online_check')} ${this.ago(s.last_success)} ago`;
-            } else {
-                const last = s.last_failure;
-                if (last) {
-                    return `Offline, last error: ${last} ${this.ago(last.created_at)}`;
-                }
-                if (this.isZero(s.last_success)) {
-                    return this.$t('service_never_online');
-                }
-                return `${this.$t('service_offline_time')} ${this.ago(s.last_success)}`;
-            }
-        },
-        round_time (frame, val) {
-            switch (frame) {
-                case '15m':
-                    return roundToNearestMinutes(val, { nearestTo: 60 * 15 });
-                case '30m':
-                    return roundToNearestMinutes(val, { nearestTo: 60 * 30 });
-                case '1h':
-                    return roundToNearestMinutes(val, { nearestTo: 3600 });
-                case '3h':
-                    return roundToNearestMinutes(val, { nearestTo: 3600 * 3 });
-                case '6h':
-                    return roundToNearestMinutes(val, { nearestTo: 3600 * 6 });
-                case '12h':
-                    return roundToNearestMinutes(val, { nearestTo: 3600 * 12 });
-                case '24h':
-                    return roundToNearestMinutes(val, { nearestTo: 3600 * 24 });
-            }
-        },
-        toUnix (val) {
-            return getUnixTime(val);
-        },
-        fromUnix (val) {
-            return fromUnixTime(val);
-        },
-        isBetween (t, start, end) {
-            return isWithinInterval(t, { start: parseISO(start), end: parseISO(end) });
-        },
-        hour () {
-            return 3600;
-        },
-        day () {
-            return 3600 * 24;
-        },
-        maxDate () {
-            return new Date(8640000000000000);
-        },
-        copy (txt) {
-            this.$copyText(txt).then((e) => {
-                alert('Copied: \n' + txt);
-            });
-        },
-        serviceLink (service) {
-            if (service.permalink) {
-                service = this.$store.getters.serviceById(service.permalink);
-            }
-            if (service === undefined || this.isEmptyObject(service)) {
-                return `/service/0`;
-            }
-            const link = service.permalink ? service.permalink : service.id;
-            return `/service/${link}`;
-        },
-        isEmptyObject (obj) {
-            return Object.keys(obj).length === 0 && obj.constructor === Object;
-        },
-        isInt (n) {
-            return n % 1 === 0;
-        },
-        isAdmin () {
-            return this.$store.state.admin;
-        },
-        iconName (name) {
-            switch (name) {
-                case 'fas fa-terminal':
-                    return 'terminal';
-                case 'fab fa-discord':
-                    return [ 'fab', 'discord' ];
-                case 'far fa-envelope':
-                    return 'envelope';
-                case 'far fa-bell':
-                    return 'bell';
-                case 'fas fa-mobile-alt':
-                    return 'mobile';
-                case 'fa dot-circle':
-                    return [ 'fa', 'dot-circle' ];
-                case 'fas envelope-square':
-                    return [ 'fas', 'envelope-square' ];
-                case 'fab fa-slack':
-                    return [ 'fab', 'slack-hash' ];
-                case 'fab fa-telegram-plane':
-                    return [ 'fab', 'telegram-plane' ];
-                case 'far fa-comment-alt':
-                    return 'comment';
-                case 'fas fa-code-branch':
-                    return 'code-branch';
-                case 'csv':
-                    return 'file';
-                case 'docker':
-                    return [ 'fab', 'docker' ];
-                case 'traefik':
-                    return 'server';
-                default:
-                    return 'bars';
-            }
-        },
-        toBarData (data = []) {
-            const newSet = [];
-            data.forEach((f) => {
-                newSet.push([ this.toUnix(this.parseISO(f.timeframe)), f.amount ]);
-            });
-            return newSet;
-        },
-        convertToChartData (data = [], multiplier = 1, asInt = false) {
-            if (!data) {
-                return { data: [] };
-            }
-            const newSet = [];
-            data.forEach((f) => {
-                let amount = f.amount * multiplier;
-                if (asInt) {
-                    amount = amount.toFixed(0);
-                }
-                newSet.push({
-                    x: f.timeframe,
-                    y: amount
-                });
-            });
-            return { data: newSet };
-        },
-        humanTime (val) {
-            if (val >= 1000) {
-                return Math.round(val / 1000) + ' ms';
-            }
-            return val + ' μs';
-        },
-        humanTimeNum (val) {
-            if (val >= 1000) {
-                return Math.round(val / 1000);
-            }
-            return val;
-        },
-        firstDayOfMonth (date) {
-            return startOfMonth(date);
-        },
-        lastDayOfMonth (month) {
-            return lastDayOfMonth(month);
-        },
-        addMonths (date, amount) {
-            return addMonths(date, amount);
-        },
-        addSeconds (date, amount) {
-            return addSeconds(date, amount);
+  methods: {
+    now() {
+      return new Date()
+    },
+    isNumeric: function (n) {
+      return !isNaN(parseFloat(n)) && isFinite(n);
+    },
+    current() {
+      return parseISO(new Date())
+    },
+    startToday() {
+      return startOfToday()
+    },
+    secondsHumanize(val) {
+      return `${val} ${this.$t('second', val)}`
+    },
+    utc(val) {
+      return new Date.UTC(val)
+    },
+    ago(t1) {
+      return formatDistanceToNow(parseISO(t1))
+    },
+    daysInMonth(t1) {
+      return lastDayOfMonth(t1)
+    },
+    nowSubtract(seconds) {
+      return subSeconds(this.now(), seconds)
+    },
+    isAfter(date, compare) {
+      return isAfter(date, parseISO(compare))
+    },
+    isBefore(date, compare) {
+      return isBefore(date, parseISO(compare))
+    },
+    dur(t1, t2) {
+      return formatDistance(t1, t2)
+    },
+    format(val, type = "EEEE, MMM do h:mma") {
+      return format(val, type)
+    },
+    niceDate(val) {
+      return format(parseISO(val), "EEEE, MMM do h:mma")
+    },
+    parseISO(v) {
+      return parseISO(v)
+    },
+    round(minutes) {
+      return roundToNearestMinutes(minutes)
+    },
+    endOf(method, val) {
+      switch (method) {
+        case "hour":
+          return endOfHour(val)
+        case "day":
+          return endOfDay(val)
+        case "today":
+          return endOfToday()
+        case "tomorrow":
+          return endOfTomorrow()
+        case "yesterday":
+          return endOfYesterday()
+        case "month":
+          return endOfMonth(val)
+      }
+      return val
+    },
+    startEndParams(start, end, group) {
+      start = this.beginningOf("hour", start)
+      end = this.endOf("hour", end)
+      return {start: this.toUnix(start), end: this.toUnix(end), group: group}
+    },
+    beginningOf(method, val) {
+      switch (method) {
+        case "hour":
+          return startOfHour(val)
+        case "day":
+          return startOfDay(val)
+        case "today":
+          return startOfToday()
+        case "tomorrow":
+          return startOfTomorrow()
+        case "yesterday":
+          return startOfYesterday()
+        case "week":
+          return startOfWeek(val)
+        case "month":
+          return startOfMonth(val)
+      }
+      return val
+    },
+    isZero(val) {
+      return getUnixTime(parseISO(val)) <= 0
+    },
+    smallText(s) {
+      if (s.online) {
+        return `${this.$t('service_online_check')} ${this.ago(s.last_success)} ago`
+      } else {
+        const last = s.last_failure
+        if (last) {
+          return `Offline, last error: ${last} ${this.ago(last.created_at)}`
         }
-    }
+        if (this.isZero(s.last_success)) {
+          return this.$t('service_never_online')
+        }
+        return `${this.$t('service_offline_time')} ${this.ago(s.last_success)}`
+      }
+    },
+    round_time(frame, val) {
+      switch(frame) {
+        case "15m":
+          return roundToNearestMinutes(val, {nearestTo: 60 * 15})
+        case "30m":
+          return roundToNearestMinutes(val, {nearestTo: 60 * 30})
+        case "1h":
+          return roundToNearestMinutes(val, {nearestTo: 3600})
+        case "3h":
+          return roundToNearestMinutes(val, {nearestTo: 3600 * 3})
+        case "6h":
+          return roundToNearestMinutes(val, {nearestTo: 3600 * 6})
+        case "12h":
+          return roundToNearestMinutes(val, {nearestTo: 3600 * 12})
+        case "24h":
+          return roundToNearestMinutes(val, {nearestTo: 3600 * 24})
+      }
+    },
+    toUnix(val) {
+      return getUnixTime(val)
+    },
+    fromUnix(val) {
+      return fromUnixTime(val)
+    },
+    isBetween(t, start, end) {
+      return isWithinInterval(t, {start: parseISO(start), end: parseISO(end)})
+    },
+    hour() {
+      return 3600
+    },
+    day() {
+      return 3600 * 24
+    },
+    maxDate() {
+      return new Date(8640000000000000)
+    },
+    copy(txt) {
+      this.$copyText(txt).then(function (e) {
+        alert('Copied: \n' + txt)
+      });
+    },
+    serviceLink(service) {
+      if (service.permalink) {
+        service = this.$store.getters.serviceById(service.permalink)
+      }
+      if (service === undefined || this.isEmptyObject(service)) {
+        return `/service/0`
+      }
+      let link = service.permalink ? service.permalink : service.id
+      return `/service/${link}`
+    },
+    isEmptyObject(obj) {
+      return Object.keys(obj).length === 0 && obj.constructor === Object
+    },
+    isInt(n) {
+      return n % 1 === 0;
+    },
+    isAdmin() {
+      return this.$store.state.admin
+    },
+    iconName(name) {
+      switch (name) {
+        case "fas fa-terminal":
+          return "terminal"
+        case "fab fa-discord":
+          return ["fab", "discord"]
+        case "far fa-envelope":
+          return "envelope"
+        case "far fa-bell":
+          return "bell"
+        case "fas fa-mobile-alt":
+          return "mobile"
+        case "fa dot-circle":
+          return ["fa", "dot-circle"]
+        case "fas envelope-square":
+          return ["fas", "envelope-square"]
+        case "fab fa-slack":
+          return ["fab", "slack-hash"]
+        case "fab fa-telegram-plane":
+          return ["fab", "telegram-plane"]
+        case "far fa-comment-alt":
+          return "comment"
+        case "fas fa-code-branch":
+          return "code-branch"
+        case "csv":
+          return "file"
+        case "docker":
+          return ["fab", "docker"]
+        case "traefik":
+          return "server"
+        default:
+          return "bars"
+      }
+    },
+    toBarData(data = []) {
+      let newSet = [];
+      data.forEach((f) => {
+        newSet.push([this.toUnix(this.parseISO(f.timeframe)), f.amount])
+      })
+      return newSet
+    },
+    convertToChartData(data = [], multiplier = 1, asInt = false) {
+      if (!data) {
+        return {data: []}
+      }
+      let newSet = [];
+      data.forEach((f) => {
+        let amount = f.amount * multiplier;
+        if (asInt) {
+          amount = amount.toFixed(0)
+        }
+        newSet.push({
+          x: f.timeframe,
+          y: amount
+        })
+      })
+      return {data: newSet}
+    },
+    humanTime(val) {
+      if (val >= 1000) {
+        return Math.round(val / 1000) + " ms"
+      }
+      return val + " μs"
+    },
+    humanTimeNum(val) {
+      if (val >= 1000) {
+        return Math.round(val / 1000)
+      }
+      return val
+    },
+    firstDayOfMonth(date) {
+      return startOfMonth(date)
+    },
+    lastDayOfMonth(month) {
+      return lastDayOfMonth(month)
+    },
+    addMonths(date, amount) {
+      return addMonths(date, amount)
+    },
+    addSeconds(date, amount) {
+      return addSeconds(date, amount)
+    },
+    niceDateWithYear (val) {
+      return format(parseISO(val), 'EEE, do MMM yyyy \'at\' h:mma');
+    },
+}
 });