From 0e5e7cffd20691a0a33fb1d3bb21ccbc9803e53d Mon Sep 17 00:00:00 2001
From: Lutz Bender <github@lutz-bender.de>
Date: Fri, 5 Aug 2022 10:37:55 +0200
Subject: [PATCH] fix sorting of date-time fields in charge log

---
 web/settings/index.html                                       | 2 +-
 .../js/{ChargeLog.9d12f7ea.js => ChargeLog.ae3060ca.js}       | 2 +-
 web/settings/js/{app.8bca5ded.js => app.363ccd24.js}          | 2 +-
 ... src_components_devices_tesla_vehicle_soc_vue.a2af983c.js} | 4 ++--
 4 files changed, 5 insertions(+), 5 deletions(-)
 rename web/settings/js/{ChargeLog.9d12f7ea.js => ChargeLog.ae3060ca.js} (90%)
 rename web/settings/js/{app.8bca5ded.js => app.363ccd24.js} (99%)
 rename web/settings/js/{src_components_devices_tesla_vehicle_soc_vue.f19c6239.js => src_components_devices_tesla_vehicle_soc_vue.a2af983c.js} (67%)
diff --git a/web/settings/index.html b/web/settings/index.html
index 2681a43420..928903988f 100644
--- a/web/settings/index.html
+++ b/web/settings/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="/openWB/web/settings/favicon.ico">
     <title>openWB</title>
-  <script defer src="/openWB/web/settings/js/chunk-vendors.4769707c.js"></script><script defer src="/openWB/web/settings/js/app.8bca5ded.js"></script></head>
+  <script defer src="/openWB/web/settings/js/chunk-vendors.4769707c.js"></script><script defer src="/openWB/web/settings/js/app.363ccd24.js"></script></head>
   <body>
     <noscript>
       <strong>We're sorry but openwb-ui-settings doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
diff --git a/web/settings/js/ChargeLog.9d12f7ea.js b/web/settings/js/ChargeLog.ae3060ca.js
similarity index 90%
rename from web/settings/js/ChargeLog.9d12f7ea.js
rename to web/settings/js/ChargeLog.ae3060ca.js
index 9981b7c20f..b15ddc131d 100644
--- a/web/settings/js/ChargeLog.9d12f7ea.js
+++ b/web/settings/js/ChargeLog.ae3060ca.js
@@ -147,7 +147,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _fortawesome_fontawesome_svg_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @fortawesome/fontawesome-svg-core */ \"./node_modules/@fortawesome/fontawesome-svg-core/index.es.js\");\n/* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons */ \"./node_modules/@fortawesome/free-solid-svg-icons/index.es.js\");\n/* harmony import */ var _fortawesome_vue_fontawesome__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @fortawesome/vue-fontawesome */ \"./node_modules/@fortawesome/vue-fontawesome/index.es.js\");\n/* harmony import */ var vue3_table_lite__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue3-table-lite */ \"./node_modules/vue3-table-lite/index.js\");\n/* harmony import */ var _components_mixins_ComponentState_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/components/mixins/ComponentState.vue */ \"./src/components/mixins/ComponentState.vue\");\n\n\n\n_fortawesome_fontawesome_svg_core__WEBPACK_IMPORTED_MODULE_0__.library.add(_fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__.faFilter, _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__.faDownload);\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"OpenwbChargeLog\",\n  components: {\n    Vue3TableLite: vue3_table_lite__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    FontAwesomeIcon: _fortawesome_vue_fontawesome__WEBPACK_IMPORTED_MODULE_1__.FontAwesomeIcon\n  },\n  mixins: [_components_mixins_ComponentState_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n  emits: [\"sendCommand\"],\n\n  data() {\n    return {\n      mqttTopicsToSubscribe: [\"openWB/general/extern\", \"openWB/chargepoint/+/config\", \"openWB/vehicle/+/name\"],\n      currentMonth: \"\",\n      chargeLogRequestData: {\n        month: \"\",\n        year: \"\",\n        filter: {\n          chargepoint: {\n            id: []\n          },\n          vehicle: {\n            id: [],\n            // rfid: [],  // still required?\n            chargemode: [],\n            prio: undefined\n          }\n        }\n      },\n      downloadFile: null,\n      table: {\n        messages: {\n          pagingInfo: \"Einträge {0}-{1} von {2}\",\n          pageSizeChangeLabel: \"Einträge:\",\n          gotoPageLabel: \" Gehe zu:\",\n          noDataAvailable: \"Keine Einträge gefunden.\"\n        },\n        pageOptions: [{\n          value: 5,\n          text: \"5\"\n        }, {\n          value: 10,\n          text: \"10\"\n        }, {\n          value: 25,\n          text: \"25\"\n        }, {\n          value: 50,\n          text: \"50\"\n        }, {\n          value: 100,\n          text: \"100\"\n        }],\n        columns: [{\n          label: \"Beginn\",\n          field: \"time_begin\",\n          sortable: true\n        }, {\n          label: \"Ende\",\n          field: \"time_end\",\n          sortable: true\n        }, {\n          label: \"Fahrzeug\",\n          field: \"vehicle_name\",\n          sortable: true\n        }, {\n          label: \"Dauer\",\n          field: \"time_time_charged\",\n          sortable: true,\n          display: row => {\n            return this.alignEnd(row.time_time_charged);\n          }\n        }, {\n          label: \"Energie\",\n          field: \"data_imported_since_mode_switch\",\n          sortable: true,\n          display: row => {\n            return this.alignEnd(this.formatNumber(row.data_imported_since_mode_switch / 1000, 2) + \"&nbsp;kWh / \" + this.formatNumber(row.data_range_charged, 0) + \"&nbsp;km\");\n          }\n        }, {\n          label: \"Kosten\",\n          field: \"data_costs\",\n          sortable: true,\n          display: row => {\n            return this.alignEnd(this.formatNumber(row.data_costs, 2) + \"&nbsp;€\");\n          }\n        }, {\n          label: \"Lademodus\",\n          field: \"vehicle_chargemode\",\n          sortable: true,\n          display: row => {\n            return '<div class=\"td-center tag ' + this.getChargeModeClass(row.vehicle_chargemode) + '\">' + row.vehicle_chargemode + \"</div>\";\n          }\n        }, {\n          label: \"Ladepunkt\",\n          field: \"chargepoint_name\",\n          sortable: true\n        }, {\n          label: \"Priorität\",\n          field: \"vehicle_prio\",\n          display: row => {\n            return this.translateBool(row.vehicle_prio);\n          }\n        }],\n        sortable: {\n          order: \"time_begin\",\n          sort: \"asc\"\n        }\n      },\n      totals: {\n        columns: [{\n          label: \"Dauer\",\n          field: \"time_charged\",\n          sortable: false,\n          display: row => {\n            return this.alignEnd(row.time_charged);\n          }\n        }, {\n          label: \"Energie\",\n          field: \"imported_since_plugged\",\n          sortable: false,\n          display: row => {\n            return this.alignEnd(this.formatNumber(row.imported_since_plugged / 1000, 2) + \"&nbsp;kWh\");\n          }\n        }, {\n          label: \"Reichweite\",\n          field: \"range_charged\",\n          sortable: false,\n          display: row => {\n            return this.alignEnd(this.formatNumber(row.range_charged, 0) + \"&nbsp;km\");\n          }\n        }, {\n          label: \"Kosten\",\n          field: \"costs\",\n          sortable: false,\n          display: row => {\n            return this.alignEnd(this.formatNumber(row.costs, 2) + \"&nbsp;€\");\n          }\n        }]\n      }\n    };\n  },\n\n  computed: {\n    chargeLogDate: {\n      get() {\n        return this.chargeLogRequestData.year + \"-\" + this.chargeLogRequestData.month;\n      },\n\n      set(newValue) {\n        let splitDate = newValue.split(\"-\");\n        this.chargeLogRequestData.year = splitDate[0];\n        this.chargeLogRequestData.month = splitDate[1];\n      }\n\n    },\n\n    chargeLogTotals() {\n      if (this.$store.state.mqtt[\"openWB/log/\" + this.mqttClientId + \"/data\"]) {\n        return [this.$store.state.mqtt[\"openWB/log/\" + this.mqttClientId + \"/data\"][\"totals\"]];\n      } else {\n        return [];\n      }\n    },\n\n    chargeLogDataset: {\n      get() {\n        let dateTimeFormat = new Intl.DateTimeFormat(\"de-DE\", {\n          year: \"numeric\",\n          month: \"2-digit\",\n          day: \"2-digit\",\n          hour: \"2-digit\",\n          minute: \"2-digit\",\n          second: \"2-digit\"\n        });\n\n        try {\n          return this.$store.state.mqtt[\"openWB/log/\" + this.mqttClientId + \"/data\"][\"entries\"].map(entry => {\n            return {\n              chargepoint_id: entry[\"chargepoint\"][\"id\"],\n              chargepoint_name: entry[\"chargepoint\"][\"name\"],\n              vehicle_id: entry[\"vehicle\"][\"id\"],\n              vehicle_name: entry[\"vehicle\"][\"name\"],\n              vehicle_chargemode: this.translateChargeMode(entry[\"vehicle\"][\"chargemode\"]),\n              vehicle_rfid: entry[\"vehicle\"][\"rfid\"],\n              vehicle_prio: entry[\"vehicle\"][\"prio\"],\n              time_begin: dateTimeFormat.format(new Date(entry[\"time\"][\"begin\"])),\n              time_end: dateTimeFormat.format(new Date(entry[\"time\"][\"end\"])),\n              time_time_charged: entry[\"time\"][\"time_charged\"],\n              data_power: entry[\"data\"][\"power\"],\n              data_range_charged: entry[\"data\"][\"range_charged\"],\n              data_costs: entry[\"data\"][\"costs\"],\n              data_imported_since_plugged: entry[\"data\"][\"imported_since_plugged\"],\n              data_imported_since_mode_switch: entry[\"data\"][\"imported_since_mode_switch\"]\n            };\n          });\n        } catch (error) {\n          return [];\n        }\n      }\n\n    },\n    chargeLogCsv: {\n      get() {\n        const csvString = [[\"Ladepunkt-ID\", \"Ladepunkt\", \"Fahrzeug-ID\", \"Fahrzeug\", \"Lademodus\", \"Priorität\", \"Beginn\", \"Ende\", \"Dauer\", \"Leistung\", \"Energie\", \"Reichweite\", \"Kosten\"], ...this.chargeLogDataset.map(row => [row.chargepoint_id, '\"' + row.chargepoint_name + '\"', row.vehicle_id, '\"' + row.vehicle_name + '\"', '\"' + row.vehicle_chargemode + '\"', '\"' + this.translateBool(row.vehicle_prio, false) + '\"', '\"' + row.time_begin + '\"', '\"' + row.time_end + '\"', '\"' + row.time_time_charged + '\"', this.formatNumber(row.data_power / 1000, 3), this.formatNumber(row.data_imported_since_mode_switch / 1000, 2), this.formatNumber(row.data_range_charged, 0), this.formatNumber(row.data_costs / 1000, 2)])].map(element => element.join(\";\")).join(\"\\n\");\n        return csvString;\n      }\n\n    },\n    chargeLogRead: {\n      get() {\n        return this.chargeLogDataset != undefined;\n      }\n\n    },\n    chargeLogHasEntries: {\n      get() {\n        if (this.chargeLogDataset == undefined) {\n          return false;\n        } else {\n          return this.chargeLogDataset.length > 0;\n        }\n      }\n\n    },\n\n    totalRecordCount() {\n      return this.chargeLogDataset.length;\n    },\n\n    chargeModeList() {\n      let chargeModeList = this.chargeModes.map(mode => {\n        return {\n          value: mode,\n          text: this.translateChargeMode(mode)\n        };\n      });\n      chargeModeList.unshift({\n        value: undefined,\n        text: \"Alle\"\n      });\n      return chargeModeList;\n    },\n\n    chargePointList() {\n      let chargePoints = this.getWildcardTopics(\"openWB/chargepoint/+/config\");\n      var chargePointList = [{\n        value: undefined,\n        text: \"Alle\"\n      }];\n\n      for (const [, element] of Object.entries(chargePoints)) {\n        chargePointList.push({\n          value: element.id,\n          text: element.name\n        });\n      }\n\n      return chargePointList;\n    },\n\n    vehicleList() {\n      let vehicles = this.getWildcardTopics(\"openWB/vehicle/+/name\");\n      var vehicleList = [{\n        value: undefined,\n        text: \"Alle\"\n      }];\n\n      for (const [key, element] of Object.entries(vehicles)) {\n        let index = parseInt(key.match(/\\/([0-9]+)\\/name$/)[1]);\n        vehicleList.push({\n          value: index,\n          text: element\n        });\n      }\n\n      return vehicleList;\n    }\n\n  },\n  methods: {\n    cleanRequestData() {\n      if (\"id\" in this.chargeLogRequestData.filter.chargepoint) {\n        this.chargeLogRequestData.filter.chargepoint.id = this.chargeLogRequestData.filter.chargepoint.id.filter(element => element != undefined);\n      }\n\n      if (\"chargemode\" in this.chargeLogRequestData.filter.vehicle) {\n        this.chargeLogRequestData.filter.vehicle.chargemode = this.chargeLogRequestData.filter.vehicle.chargemode.filter(element => element != undefined);\n      }\n\n      if (\"id\" in this.chargeLogRequestData.filter.vehicle) {\n        this.chargeLogRequestData.filter.vehicle.id = this.chargeLogRequestData.filter.vehicle.id.filter(element => element != undefined);\n      }\n    },\n\n    requestChargeLog() {\n      let myForm = document.forms[\"chargeLogForm\"];\n\n      if (!myForm.reportValidity()) {\n        console.log(\"form invalid\");\n        return;\n      } else {\n        this.cleanRequestData();\n        this.$emit(\"sendCommand\", {\n          command: \"getChargeLog\",\n          data: this.chargeLogRequestData\n        });\n      }\n    },\n\n    makeTextFile(content) {\n      var data = new Blob([content], {\n        type: \"text/csv\"\n      }); // If we are replacing a previously generated file we need to\n      // manually revoke the object URL to avoid memory leaks.\n\n      if (this.downloadFile !== null) {\n        window.URL.revokeObjectURL(this.downloadFile);\n      }\n\n      this.downloadFile = window.URL.createObjectURL(data);\n      return this.downloadFile;\n    },\n\n    downloadChargeLog() {\n      // based on: http://jsfiddle.net/k56eezxp/\n      this.$refs.downloadChargeLogLink.setAttribute(\"download\", \"Ladeprotokoll-\" + this.chargeLogDate + \".csv\");\n      this.$refs.downloadChargeLogLink.href = this.makeTextFile(this.chargeLogCsv);\n      this.$refs.downloadChargeLogLink.dispatchEvent(new MouseEvent(\"click\"));\n    },\n\n    alignEnd(content) {\n      return '<div class=\"td-end\">' + content + \"</div>\";\n    },\n\n    alignCenter(content) {\n      return '<div class=\"td-center\">' + content + \"</div>\";\n    },\n\n    translateBool(value, withDiv = true) {\n      let text = \"Nein\";\n      let myClass = \"bg-danger\";\n\n      if (value) {\n        text = \"Ja\";\n        myClass = \"bg-success\";\n      }\n\n      if (withDiv) {\n        return '<div class=\"td-center tag ' + myClass + '\">' + text + \"</div>\";\n      }\n\n      return text;\n    },\n\n    getChargeModeClass(value) {\n      switch (value) {\n        case \"Sofort\":\n          return \"bg-danger\";\n\n        case \"PV\":\n          return \"bg-success\";\n\n        case \"Zielladen\":\n          return \"bg-primary\";\n\n        case \"Standby\":\n          return \"bg-secondary\";\n\n        case \"Stop\":\n          return \"bg-dark\";\n\n        default:\n          console.warn(\"unknown charge mode:\", value);\n          return \"bg-light\";\n      }\n    },\n\n    translateHeading(value) {\n      switch (value) {\n        case \"time_charged\":\n          return \"Dauer\";\n\n        case \"range_charged\":\n          return \"Reichweite\";\n\n        case \"imported_since_mode_switch\":\n          return \"Energie im Lademodus\";\n\n        case \"imported_since_plugged\":\n          return \"Energie seit Anstecken\";\n\n        case \"power\":\n          return \"Leistung\";\n\n        case \"costs\":\n          return \"Kosten\";\n\n        default:\n          console.warn(\"unknown heading:\", value);\n          return value;\n      }\n    }\n\n  },\n\n  mounted() {\n    const today = new Date();\n    this.currentMonth = this.chargeLogDate = today.getFullYear() + \"-\" + String(today.getMonth() + 1).padStart(2, \"0\");\n    this.requestChargeLog();\n  }\n\n});\n\n//# sourceURL=webpack://openwb-ui-settings/./src/views/ChargeLog.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _fortawesome_fontawesome_svg_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @fortawesome/fontawesome-svg-core */ \"./node_modules/@fortawesome/fontawesome-svg-core/index.es.js\");\n/* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons */ \"./node_modules/@fortawesome/free-solid-svg-icons/index.es.js\");\n/* harmony import */ var _fortawesome_vue_fontawesome__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @fortawesome/vue-fontawesome */ \"./node_modules/@fortawesome/vue-fontawesome/index.es.js\");\n/* harmony import */ var vue3_table_lite__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue3-table-lite */ \"./node_modules/vue3-table-lite/index.js\");\n/* harmony import */ var _components_mixins_ComponentState_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/components/mixins/ComponentState.vue */ \"./src/components/mixins/ComponentState.vue\");\n\n\n\n_fortawesome_fontawesome_svg_core__WEBPACK_IMPORTED_MODULE_0__.library.add(_fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__.faFilter, _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__.faDownload);\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"OpenwbChargeLog\",\n  components: {\n    Vue3TableLite: vue3_table_lite__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n    FontAwesomeIcon: _fortawesome_vue_fontawesome__WEBPACK_IMPORTED_MODULE_1__.FontAwesomeIcon\n  },\n  mixins: [_components_mixins_ComponentState_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n  emits: [\"sendCommand\"],\n\n  data() {\n    return {\n      dateTimeFormat: new Intl.DateTimeFormat(\"de-DE\", {\n        year: \"numeric\",\n        month: \"2-digit\",\n        day: \"2-digit\",\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n        second: \"2-digit\"\n      }),\n      mqttTopicsToSubscribe: [\"openWB/general/extern\", \"openWB/chargepoint/+/config\", \"openWB/vehicle/+/name\"],\n      currentMonth: \"\",\n      chargeLogRequestData: {\n        month: \"\",\n        year: \"\",\n        filter: {\n          chargepoint: {\n            id: []\n          },\n          vehicle: {\n            id: [],\n            // rfid: [],  // still required?\n            chargemode: [],\n            prio: undefined\n          }\n        }\n      },\n      downloadFile: null,\n      table: {\n        messages: {\n          pagingInfo: \"Einträge {0}-{1} von {2}\",\n          pageSizeChangeLabel: \"Einträge:\",\n          gotoPageLabel: \" Gehe zu:\",\n          noDataAvailable: \"Keine Einträge gefunden.\"\n        },\n        pageOptions: [{\n          value: 5,\n          text: \"5\"\n        }, {\n          value: 10,\n          text: \"10\"\n        }, {\n          value: 25,\n          text: \"25\"\n        }, {\n          value: 50,\n          text: \"50\"\n        }, {\n          value: 100,\n          text: \"100\"\n        }],\n        columns: [{\n          label: \"Beginn\",\n          field: \"time_begin\",\n          sortable: true,\n          display: row => {\n            return this.dateTimeFormat.format(new Date(row.time_begin * 1000));\n          }\n        }, {\n          label: \"Ende\",\n          field: \"time_end\",\n          sortable: true,\n          display: row => {\n            return this.dateTimeFormat.format(new Date(row.time_end * 1000));\n          }\n        }, {\n          label: \"Fahrzeug\",\n          field: \"vehicle_name\",\n          sortable: true\n        }, {\n          label: \"Dauer\",\n          field: \"time_time_charged\",\n          sortable: true,\n          display: row => {\n            return this.alignEnd(row.time_time_charged);\n          }\n        }, {\n          label: \"Energie\",\n          field: \"data_imported_since_mode_switch\",\n          sortable: true,\n          display: row => {\n            return this.alignEnd(this.formatNumber(row.data_imported_since_mode_switch / 1000, 2) + \"&nbsp;kWh / \" + this.formatNumber(row.data_range_charged, 0) + \"&nbsp;km\");\n          }\n        }, {\n          label: \"Kosten\",\n          field: \"data_costs\",\n          sortable: true,\n          display: row => {\n            return this.alignEnd(this.formatNumber(row.data_costs, 2) + \"&nbsp;€\");\n          }\n        }, {\n          label: \"Lademodus\",\n          field: \"vehicle_chargemode\",\n          sortable: true,\n          display: row => {\n            return '<div class=\"td-center tag ' + this.getChargeModeClass(row.vehicle_chargemode) + '\">' + row.vehicle_chargemode + \"</div>\";\n          }\n        }, {\n          label: \"Ladepunkt\",\n          field: \"chargepoint_name\",\n          sortable: true\n        }, {\n          label: \"Priorität\",\n          field: \"vehicle_prio\",\n          display: row => {\n            return this.translateBool(row.vehicle_prio);\n          }\n        }],\n        sortable: {\n          order: \"time_begin\",\n          sort: \"asc\"\n        }\n      },\n      totals: {\n        columns: [{\n          label: \"Dauer\",\n          field: \"time_charged\",\n          sortable: false,\n          display: row => {\n            return this.alignEnd(row.time_charged);\n          }\n        }, {\n          label: \"Energie\",\n          field: \"imported_since_plugged\",\n          sortable: false,\n          display: row => {\n            return this.alignEnd(this.formatNumber(row.imported_since_plugged / 1000, 2) + \"&nbsp;kWh\");\n          }\n        }, {\n          label: \"Reichweite\",\n          field: \"range_charged\",\n          sortable: false,\n          display: row => {\n            return this.alignEnd(this.formatNumber(row.range_charged, 0) + \"&nbsp;km\");\n          }\n        }, {\n          label: \"Kosten\",\n          field: \"costs\",\n          sortable: false,\n          display: row => {\n            return this.alignEnd(this.formatNumber(row.costs, 2) + \"&nbsp;€\");\n          }\n        }]\n      }\n    };\n  },\n\n  computed: {\n    chargeLogDate: {\n      get() {\n        return this.chargeLogRequestData.year + \"-\" + this.chargeLogRequestData.month;\n      },\n\n      set(newValue) {\n        let splitDate = newValue.split(\"-\");\n        this.chargeLogRequestData.year = splitDate[0];\n        this.chargeLogRequestData.month = splitDate[1];\n      }\n\n    },\n\n    chargeLogTotals() {\n      if (this.$store.state.mqtt[\"openWB/log/\" + this.mqttClientId + \"/data\"]) {\n        return [this.$store.state.mqtt[\"openWB/log/\" + this.mqttClientId + \"/data\"][\"totals\"]];\n      } else {\n        return [];\n      }\n    },\n\n    chargeLogDataset: {\n      get() {\n        try {\n          return this.$store.state.mqtt[\"openWB/log/\" + this.mqttClientId + \"/data\"][\"entries\"].map(entry => {\n            return {\n              chargepoint_id: entry[\"chargepoint\"][\"id\"],\n              chargepoint_name: entry[\"chargepoint\"][\"name\"],\n              vehicle_id: entry[\"vehicle\"][\"id\"],\n              vehicle_name: entry[\"vehicle\"][\"name\"],\n              vehicle_chargemode: this.translateChargeMode(entry[\"vehicle\"][\"chargemode\"]),\n              vehicle_rfid: entry[\"vehicle\"][\"rfid\"],\n              vehicle_prio: entry[\"vehicle\"][\"prio\"],\n              // ToDo: timestamps should already be in unix timestamp format from backend\n              time_begin: Date.parse(entry[\"time\"][\"begin\"]) / 1000,\n              time_end: Date.parse(entry[\"time\"][\"end\"]) / 1000,\n              time_time_charged: entry[\"time\"][\"time_charged\"],\n              data_power: entry[\"data\"][\"power\"],\n              data_range_charged: entry[\"data\"][\"range_charged\"],\n              data_costs: entry[\"data\"][\"costs\"],\n              data_imported_since_plugged: entry[\"data\"][\"imported_since_plugged\"],\n              data_imported_since_mode_switch: entry[\"data\"][\"imported_since_mode_switch\"]\n            };\n          });\n        } catch (error) {\n          return [];\n        }\n      }\n\n    },\n    chargeLogCsv: {\n      get() {\n        const csvString = [[\"Ladepunkt-ID\", \"Ladepunkt\", \"Fahrzeug-ID\", \"Fahrzeug\", \"Lademodus\", \"Priorität\", \"Beginn\", \"Ende\", \"Dauer\", \"Leistung\", \"Energie\", \"Reichweite\", \"Kosten\"], ...this.chargeLogDataset.map(row => [row.chargepoint_id, '\"' + row.chargepoint_name + '\"', row.vehicle_id, '\"' + row.vehicle_name + '\"', '\"' + row.vehicle_chargemode + '\"', '\"' + this.translateBool(row.vehicle_prio, false) + '\"', '\"' + row.time_begin + '\"', '\"' + row.time_end + '\"', '\"' + row.time_time_charged + '\"', this.formatNumber(row.data_power / 1000, 3), this.formatNumber(row.data_imported_since_mode_switch / 1000, 2), this.formatNumber(row.data_range_charged, 0), this.formatNumber(row.data_costs / 1000, 2)])].map(element => element.join(\";\")).join(\"\\n\");\n        return csvString;\n      }\n\n    },\n    chargeLogRead: {\n      get() {\n        return this.chargeLogDataset != undefined;\n      }\n\n    },\n    chargeLogHasEntries: {\n      get() {\n        if (this.chargeLogDataset == undefined) {\n          return false;\n        } else {\n          return this.chargeLogDataset.length > 0;\n        }\n      }\n\n    },\n\n    totalRecordCount() {\n      return this.chargeLogDataset.length;\n    },\n\n    chargeModeList() {\n      let chargeModeList = this.chargeModes.map(mode => {\n        return {\n          value: mode,\n          text: this.translateChargeMode(mode)\n        };\n      });\n      chargeModeList.unshift({\n        value: undefined,\n        text: \"Alle\"\n      });\n      return chargeModeList;\n    },\n\n    chargePointList() {\n      let chargePoints = this.getWildcardTopics(\"openWB/chargepoint/+/config\");\n      var chargePointList = [{\n        value: undefined,\n        text: \"Alle\"\n      }];\n\n      for (const [, element] of Object.entries(chargePoints)) {\n        chargePointList.push({\n          value: element.id,\n          text: element.name\n        });\n      }\n\n      return chargePointList;\n    },\n\n    vehicleList() {\n      let vehicles = this.getWildcardTopics(\"openWB/vehicle/+/name\");\n      var vehicleList = [{\n        value: undefined,\n        text: \"Alle\"\n      }];\n\n      for (const [key, element] of Object.entries(vehicles)) {\n        let index = parseInt(key.match(/\\/([0-9]+)\\/name$/)[1]);\n        vehicleList.push({\n          value: index,\n          text: element\n        });\n      }\n\n      return vehicleList;\n    }\n\n  },\n  methods: {\n    cleanRequestData() {\n      if (\"id\" in this.chargeLogRequestData.filter.chargepoint) {\n        this.chargeLogRequestData.filter.chargepoint.id = this.chargeLogRequestData.filter.chargepoint.id.filter(element => element != undefined);\n      }\n\n      if (\"chargemode\" in this.chargeLogRequestData.filter.vehicle) {\n        this.chargeLogRequestData.filter.vehicle.chargemode = this.chargeLogRequestData.filter.vehicle.chargemode.filter(element => element != undefined);\n      }\n\n      if (\"id\" in this.chargeLogRequestData.filter.vehicle) {\n        this.chargeLogRequestData.filter.vehicle.id = this.chargeLogRequestData.filter.vehicle.id.filter(element => element != undefined);\n      }\n    },\n\n    requestChargeLog() {\n      let myForm = document.forms[\"chargeLogForm\"];\n\n      if (!myForm.reportValidity()) {\n        console.log(\"form invalid\");\n        return;\n      } else {\n        this.cleanRequestData();\n        this.$emit(\"sendCommand\", {\n          command: \"getChargeLog\",\n          data: this.chargeLogRequestData\n        });\n      }\n    },\n\n    makeTextFile(content) {\n      var data = new Blob([content], {\n        type: \"text/csv\"\n      }); // If we are replacing a previously generated file we need to\n      // manually revoke the object URL to avoid memory leaks.\n\n      if (this.downloadFile !== null) {\n        window.URL.revokeObjectURL(this.downloadFile);\n      }\n\n      this.downloadFile = window.URL.createObjectURL(data);\n      return this.downloadFile;\n    },\n\n    downloadChargeLog() {\n      // based on: http://jsfiddle.net/k56eezxp/\n      this.$refs.downloadChargeLogLink.setAttribute(\"download\", \"Ladeprotokoll-\" + this.chargeLogDate + \".csv\");\n      this.$refs.downloadChargeLogLink.href = this.makeTextFile(this.chargeLogCsv);\n      this.$refs.downloadChargeLogLink.dispatchEvent(new MouseEvent(\"click\"));\n    },\n\n    alignEnd(content) {\n      return '<div class=\"td-end\">' + content + \"</div>\";\n    },\n\n    alignCenter(content) {\n      return '<div class=\"td-center\">' + content + \"</div>\";\n    },\n\n    translateBool(value, withDiv = true) {\n      let text = \"Nein\";\n      let myClass = \"bg-danger\";\n\n      if (value) {\n        text = \"Ja\";\n        myClass = \"bg-success\";\n      }\n\n      if (withDiv) {\n        return '<div class=\"td-center tag ' + myClass + '\">' + text + \"</div>\";\n      }\n\n      return text;\n    },\n\n    getChargeModeClass(value) {\n      switch (value) {\n        case \"Sofort\":\n          return \"bg-danger\";\n\n        case \"PV\":\n          return \"bg-success\";\n\n        case \"Zielladen\":\n          return \"bg-primary\";\n\n        case \"Standby\":\n          return \"bg-secondary\";\n\n        case \"Stop\":\n          return \"bg-dark\";\n\n        default:\n          console.warn(\"unknown charge mode:\", value);\n          return \"bg-light\";\n      }\n    },\n\n    translateHeading(value) {\n      switch (value) {\n        case \"time_charged\":\n          return \"Dauer\";\n\n        case \"range_charged\":\n          return \"Reichweite\";\n\n        case \"imported_since_mode_switch\":\n          return \"Energie im Lademodus\";\n\n        case \"imported_since_plugged\":\n          return \"Energie seit Anstecken\";\n\n        case \"power\":\n          return \"Leistung\";\n\n        case \"costs\":\n          return \"Kosten\";\n\n        default:\n          console.warn(\"unknown heading:\", value);\n          return value;\n      }\n    }\n\n  },\n\n  mounted() {\n    const today = new Date();\n    this.currentMonth = this.chargeLogDate = today.getFullYear() + \"-\" + String(today.getMonth() + 1).padStart(2, \"0\");\n    this.requestChargeLog();\n  }\n\n});\n\n//# sourceURL=webpack://openwb-ui-settings/./src/views/ChargeLog.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D");
 
 /***/ }),
 
diff --git a/web/settings/js/app.8bca5ded.js b/web/settings/js/app.363ccd24.js
similarity index 99%
rename from web/settings/js/app.8bca5ded.js
rename to web/settings/js/app.363ccd24.js
index be06f71ba9..782674f486 100644
--- a/web/settings/js/app.8bca5ded.js
+++ b/web/settings/js/app.363ccd24.js
@@ -2082,7 +2082,7 @@ eval("/* (ignored) */\n\n//# sourceURL=webpack://openwb-ui-settings/util_(ignore
 /******/ 		// This function allow to reference async chunks
 /******/ 		__webpack_require__.u = function(chunkId) {
 /******/ 			// return url for filenames based on template
-/******/ 			return "js/" + chunkId + "." + {"OptionalComponents":"9c68b263","GeneralChargeConfig":"da0d2d74","InstantChargeConfig":"ce5c5314","PVChargeConfig":"dbd706b1","TimeChargeConfig":"b9983b69","ScheduledChargeConfig":"ff939945","StandbyChargeConfig":"0a67c415","ChargePointInstallation":"b9ca8c75","HardwareInstallation":"c66f9c66","src_components_OpenwbSortableList_vue":"4139c5f8","LoadManagementConfiguration":"6f9d1571","VehicleConfiguration":"ca5e60ba","Support":"e582a402","DebugConfig":"d101bbe9","DataProtection":"8d3d465f","MqttBridgeConfig":"87168275","CloudConfig":"c5d6cd66","SystemConfig":"b2e764af","Status":"15533bce","ChargeLog":"9d12f7ea","node_modules_chartjs-adapter-luxon_dist_chartjs-adapter-luxon_esm_js-node_modules_chartjs-plu-2b5b62":"bcb10f3d","DailyChart":"8f99aca9","MonthlyChart":"b07d25da","testingStore":"ccbe199b","src_components_charge_points_external_openwb_chargePoint_vue":"fea6277d","src_components_charge_points_mqtt_chargePoint_vue":"03e0f411","src_components_charge_points_openwb_pro_chargePoint_vue":"542aae1c","src_components_charge_points_smartwb_chargePoint_vue":"6156872f","src_components_devices_alpha_ess_bat_vue":"c918a787","src_components_devices_alpha_ess_counter_vue":"81c20517","src_components_devices_alpha_ess_device_vue":"c38c52b7","src_components_devices_alpha_ess_inverter_vue":"f8eafc1d","src_components_devices_carlo_gavazzi_counter_vue":"558808b0","src_components_devices_carlo_gavazzi_device_vue":"76f62057","src_components_devices_discovergy_counter_vue":"f3c704d8","src_components_devices_discovergy_device_vue":"0096cf31","src_components_devices_discovergy_inverter_vue":"f88352cc","src_components_devices_fronius_bat_vue":"ab6d016e","src_components_devices_fronius_counter_s0_vue":"2d735a97","src_components_devices_fronius_counter_sm_vue":"2bfe9461","src_components_devices_fronius_device_vue":"e1f91ea8","src_components_devices_fronius_inverter_vue":"8ddc1ffe","src_components_devices_http_bat_vue":"632dd2db","src_components_devices_http_counter_vue":"fe349074","src_components_devices_http_device_vue":"e59a7c17","src_components_devices_http_inverter_vue":"2118b3be","src_components_devices_huawei_bat_vue":"5dbb79e9","src_components_devices_huawei_counter_vue":"07b97a7f","src_components_devices_huawei_device_vue":"c3ccab65","src_components_devices_huawei_inverter_vue":"6c321e69","src_components_devices_janitza_counter_vue":"fb8e087b","src_components_devices_janitza_device_vue":"a9baae73","src_components_devices_json_bat_vue":"54c4ba6a","src_components_devices_json_counter_vue":"5b6bdef0","src_components_devices_json_device_vue":"852e65ee","src_components_devices_json_inverter_vue":"212494c2","src_components_devices_mqtt_bat_vue":"57f24384","src_components_devices_mqtt_counter_vue":"fdb963f7","src_components_devices_mqtt_device_vue":"2f130333","src_components_devices_mqtt_inverter_vue":"c5fbc1e1","src_components_devices_openwb_bat_kit_bat_vue":"768a8dba","src_components_devices_openwb_bat_kit_device_vue":"45ef4551","src_components_devices_openwb_evu_kit_bat_vue":"ccc20976","src_components_devices_openwb_evu_kit_counter_vue":"3110ac86","src_components_devices_openwb_evu_kit_device_vue":"5531a68f","src_components_devices_openwb_evu_kit_inverter_vue":"91725339","src_components_devices_openwb_flex_bat_vue":"55b755eb","src_components_devices_openwb_flex_counter_vue":"4fc003a4","src_components_devices_openwb_flex_device_vue":"564f50d2","src_components_devices_openwb_flex_inverter_vue":"3a4e81f5","src_components_devices_openwb_pv_kit_device_vue":"a032f41f","src_components_devices_openwb_pv_kit_inverter_vue":"faeb9469","src_components_devices_powerdog_counter_vue":"ec37e60c","src_components_devices_powerdog_device_vue":"f7b46d04","src_components_devices_powerdog_inverter_vue":"316ddf6e","src_components_devices_saxpower_bat_vue":"4f7238b4","src_components_devices_saxpower_device_vue":"16b51d31","src_components_devices_siemens_bat_vue":"f7134988","src_components_devices_siemens_counter_vue":"a56cdfb2","src_components_devices_siemens_device_vue":"4ff90bbe","src_components_devices_siemens_inverter_vue":"48caf7f1","src_components_devices_sma_modbus_tcp_device_vue":"248f6e7b","src_components_devices_sma_modbus_tcp_inverter_vue":"36b32f27","src_components_devices_sma_modbus_tcp_inverter_modbus_tcp_vue":"f52e47e2","src_components_devices_sma_shm_counter_vue":"5989f816","src_components_devices_sma_shm_device_vue":"4ae5639d","src_components_devices_sma_shm_inverter_vue":"46dcfa4c","src_components_devices_solax_bat_vue":"a139c779","src_components_devices_solax_counter_vue":"a0a89159","src_components_devices_solax_device_vue":"3944bf31","src_components_devices_solax_inverter_vue":"cf61d099","src_components_devices_sonnenbatterie_bat_vue":"819f19e4","src_components_devices_sonnenbatterie_counter_vue":"17417bf6","src_components_devices_sonnenbatterie_device_vue":"b5a6c1b0","src_components_devices_sonnenbatterie_inverter_vue":"725b090b","src_components_devices_studer_bat_vue":"7d20f975","src_components_devices_studer_device_vue":"6d7d2855","src_components_devices_studer_inverter_vue":"cbfde45c","src_components_devices_sungrow_bat_vue":"cab6c143","src_components_devices_sungrow_counter_vue":"116ffd10","src_components_devices_sungrow_device_vue":"f99f7b01","src_components_devices_sungrow_inverter_vue":"8840454f","src_components_devices_sunny_island_bat_vue":"bb590017","src_components_devices_sunny_island_device_vue":"d2b91298","src_components_devices_sunways_device_vue":"fccd0f39","src_components_devices_sunways_inverter_vue":"6ae7566d","src_components_devices_tesla_vehicle_soc_vue":"f19c6239","src_components_devices_victron_bat_vue":"786ce24c","src_components_devices_victron_counter_vue":"5dcbd25d","src_components_devices_victron_device_vue":"c6d5b7e7","src_components_devices_victron_inverter_vue":"8fb473ae","src_components_devices_virtual_counter_vue":"30911ce9","src_components_devices_virtual_device_vue":"07805120"}[chunkId] + ".js";
+/******/ 			return "js/" + chunkId + "." + {"OptionalComponents":"9c68b263","GeneralChargeConfig":"da0d2d74","InstantChargeConfig":"ce5c5314","PVChargeConfig":"dbd706b1","TimeChargeConfig":"b9983b69","ScheduledChargeConfig":"ff939945","StandbyChargeConfig":"0a67c415","ChargePointInstallation":"b9ca8c75","HardwareInstallation":"c66f9c66","src_components_OpenwbSortableList_vue":"4139c5f8","LoadManagementConfiguration":"6f9d1571","VehicleConfiguration":"ca5e60ba","Support":"e582a402","DebugConfig":"d101bbe9","DataProtection":"8d3d465f","MqttBridgeConfig":"87168275","CloudConfig":"c5d6cd66","SystemConfig":"b2e764af","Status":"15533bce","ChargeLog":"ae3060ca","node_modules_chartjs-adapter-luxon_dist_chartjs-adapter-luxon_esm_js-node_modules_chartjs-plu-2b5b62":"bcb10f3d","DailyChart":"8f99aca9","MonthlyChart":"b07d25da","testingStore":"ccbe199b","src_components_charge_points_external_openwb_chargePoint_vue":"fea6277d","src_components_charge_points_mqtt_chargePoint_vue":"03e0f411","src_components_charge_points_openwb_pro_chargePoint_vue":"542aae1c","src_components_charge_points_smartwb_chargePoint_vue":"6156872f","src_components_devices_alpha_ess_bat_vue":"c918a787","src_components_devices_alpha_ess_counter_vue":"81c20517","src_components_devices_alpha_ess_device_vue":"c38c52b7","src_components_devices_alpha_ess_inverter_vue":"f8eafc1d","src_components_devices_carlo_gavazzi_counter_vue":"558808b0","src_components_devices_carlo_gavazzi_device_vue":"76f62057","src_components_devices_discovergy_counter_vue":"f3c704d8","src_components_devices_discovergy_device_vue":"0096cf31","src_components_devices_discovergy_inverter_vue":"f88352cc","src_components_devices_fronius_bat_vue":"ab6d016e","src_components_devices_fronius_counter_s0_vue":"2d735a97","src_components_devices_fronius_counter_sm_vue":"2bfe9461","src_components_devices_fronius_device_vue":"e1f91ea8","src_components_devices_fronius_inverter_vue":"8ddc1ffe","src_components_devices_http_bat_vue":"632dd2db","src_components_devices_http_counter_vue":"fe349074","src_components_devices_http_device_vue":"e59a7c17","src_components_devices_http_inverter_vue":"2118b3be","src_components_devices_huawei_bat_vue":"5dbb79e9","src_components_devices_huawei_counter_vue":"07b97a7f","src_components_devices_huawei_device_vue":"c3ccab65","src_components_devices_huawei_inverter_vue":"6c321e69","src_components_devices_janitza_counter_vue":"fb8e087b","src_components_devices_janitza_device_vue":"a9baae73","src_components_devices_json_bat_vue":"54c4ba6a","src_components_devices_json_counter_vue":"5b6bdef0","src_components_devices_json_device_vue":"852e65ee","src_components_devices_json_inverter_vue":"212494c2","src_components_devices_mqtt_bat_vue":"57f24384","src_components_devices_mqtt_counter_vue":"fdb963f7","src_components_devices_mqtt_device_vue":"2f130333","src_components_devices_mqtt_inverter_vue":"c5fbc1e1","src_components_devices_openwb_bat_kit_bat_vue":"768a8dba","src_components_devices_openwb_bat_kit_device_vue":"45ef4551","src_components_devices_openwb_evu_kit_bat_vue":"ccc20976","src_components_devices_openwb_evu_kit_counter_vue":"3110ac86","src_components_devices_openwb_evu_kit_device_vue":"5531a68f","src_components_devices_openwb_evu_kit_inverter_vue":"91725339","src_components_devices_openwb_flex_bat_vue":"55b755eb","src_components_devices_openwb_flex_counter_vue":"4fc003a4","src_components_devices_openwb_flex_device_vue":"564f50d2","src_components_devices_openwb_flex_inverter_vue":"3a4e81f5","src_components_devices_openwb_pv_kit_device_vue":"a032f41f","src_components_devices_openwb_pv_kit_inverter_vue":"faeb9469","src_components_devices_powerdog_counter_vue":"ec37e60c","src_components_devices_powerdog_device_vue":"f7b46d04","src_components_devices_powerdog_inverter_vue":"316ddf6e","src_components_devices_saxpower_bat_vue":"4f7238b4","src_components_devices_saxpower_device_vue":"16b51d31","src_components_devices_siemens_bat_vue":"f7134988","src_components_devices_siemens_counter_vue":"a56cdfb2","src_components_devices_siemens_device_vue":"4ff90bbe","src_components_devices_siemens_inverter_vue":"48caf7f1","src_components_devices_sma_modbus_tcp_device_vue":"248f6e7b","src_components_devices_sma_modbus_tcp_inverter_vue":"36b32f27","src_components_devices_sma_modbus_tcp_inverter_modbus_tcp_vue":"f52e47e2","src_components_devices_sma_shm_counter_vue":"5989f816","src_components_devices_sma_shm_device_vue":"4ae5639d","src_components_devices_sma_shm_inverter_vue":"46dcfa4c","src_components_devices_solax_bat_vue":"a139c779","src_components_devices_solax_counter_vue":"a0a89159","src_components_devices_solax_device_vue":"3944bf31","src_components_devices_solax_inverter_vue":"cf61d099","src_components_devices_sonnenbatterie_bat_vue":"819f19e4","src_components_devices_sonnenbatterie_counter_vue":"17417bf6","src_components_devices_sonnenbatterie_device_vue":"b5a6c1b0","src_components_devices_sonnenbatterie_inverter_vue":"725b090b","src_components_devices_studer_bat_vue":"7d20f975","src_components_devices_studer_device_vue":"6d7d2855","src_components_devices_studer_inverter_vue":"cbfde45c","src_components_devices_sungrow_bat_vue":"cab6c143","src_components_devices_sungrow_counter_vue":"116ffd10","src_components_devices_sungrow_device_vue":"f99f7b01","src_components_devices_sungrow_inverter_vue":"8840454f","src_components_devices_sunny_island_bat_vue":"bb590017","src_components_devices_sunny_island_device_vue":"d2b91298","src_components_devices_sunways_device_vue":"fccd0f39","src_components_devices_sunways_inverter_vue":"6ae7566d","src_components_devices_tesla_vehicle_soc_vue":"a2af983c","src_components_devices_victron_bat_vue":"786ce24c","src_components_devices_victron_counter_vue":"5dcbd25d","src_components_devices_victron_device_vue":"c6d5b7e7","src_components_devices_victron_inverter_vue":"8fb473ae","src_components_devices_virtual_counter_vue":"30911ce9","src_components_devices_virtual_device_vue":"07805120"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	}();
 /******/ 	
diff --git a/web/settings/js/src_components_devices_tesla_vehicle_soc_vue.f19c6239.js b/web/settings/js/src_components_devices_tesla_vehicle_soc_vue.a2af983c.js
similarity index 67%
rename from web/settings/js/src_components_devices_tesla_vehicle_soc_vue.f19c6239.js
rename to web/settings/js/src_components_devices_tesla_vehicle_soc_vue.a2af983c.js
index a64076ccd2..0dce7a8cd0 100644
--- a/web/settings/js/src_components_devices_tesla_vehicle_soc_vue.f19c6239.js
+++ b/web/settings/js/src_components_devices_tesla_vehicle_soc_vue.a2af983c.js
@@ -45,7 +45,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*****************************************************************************************************************************************************************************************************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"VehicleSocTesla\",\n  emits: [\"update:configuration\"],\n  props: {\n    configuration: {\n      type: Object,\n      required: true\n    },\n    componentId: {\n      required: true\n    }\n  },\n  methods: {\n    updateConfiguration(event, path = undefined) {\n      this.$emit(\"update:configuration\", {\n        value: event,\n        object: path\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack://openwb-ui-settings/./src/components/devices/tesla/vehicle_soc.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"VehicleSocTesla\",\n  emits: [\"update:configuration\"],\n  props: {\n    configuration: {\n      type: Object,\n      required: true\n    },\n    deviceId: {\n      required: true\n    }\n  },\n\n  data() {\n    return {\n      token: {\n        refresh_token: \"\",\n        access_token: \"\",\n        expires_in: 0,\n        created_at: 0\n      }\n    };\n  },\n\n  methods: {\n    updateConfiguration(event, path = undefined) {\n      this.$emit(\"update:configuration\", {\n        value: event,\n        object: path\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack://openwb-ui-settings/./src/components/devices/tesla/vehicle_soc.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D");
 
 /***/ }),
 
@@ -55,7 +55,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony default export */
   \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"render\": function() { return /* binding */ render; }\n/* harmony export */ });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.runtime.esm-bundler.js\");\n\nconst _hoisted_1 = {\n  class: \"vehicle-soc-tesla\"\n};\n\nconst _hoisted_2 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(\" Einstellungen für Tesla SoC \");\n\nconst _hoisted_3 = {\n  class: \"small\"\n};\n\nconst _hoisted_4 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(\" Die ID des Fahrzeugs bei Tesla. Normalerweise \\\"0\\\" bei nur einem Fahrzeug im Konto. \");\n\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n  const _component_openwb_base_heading = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)(\"openwb-base-heading\");\n\n  const _component_openwb_base_number_input = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)(\"openwb-base-number-input\");\n\n  return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"div\", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_openwb_base_heading, null, {\n    default: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(() => [_hoisted_2, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", _hoisted_3, \"(Modul: \" + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(_ctx.$options.name) + \")\", 1\n    /* TEXT */\n    )]),\n    _: 1\n    /* STABLE */\n\n  }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_openwb_base_number_input, {\n    title: \"Fahrzeug-ID\",\n    required: \"\",\n    min: 0,\n    \"model-value\": $props.configuration.tesla_ev_num,\n    \"onUpdate:modelValue\": _cache[0] || (_cache[0] = $event => $options.updateConfiguration($event, 'configuration.tesla_ev_num'))\n  }, {\n    help: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(() => [_hoisted_4]),\n    _: 1\n    /* STABLE */\n\n  }, 8\n  /* PROPS */\n  , [\"model-value\"])]);\n}\n\n//# sourceURL=webpack://openwb-ui-settings/./src/components/devices/tesla/vehicle_soc.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet%5B1%5D.rules%5B3%5D!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"render\": function() { return /* binding */ render; }\n/* harmony export */ });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.runtime.esm-bundler.js\");\n\nconst _hoisted_1 = {\n  class: \"vehicle-soc-tesla\"\n};\n\nconst _hoisted_2 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(\" Einstellungen für Tesla SoC \");\n\nconst _hoisted_3 = {\n  class: \"small\"\n};\n\nconst _hoisted_4 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(\" Die ID des Fahrzeugs bei Tesla. Normalerweise \\\"0\\\" bei nur einem Fahrzeug im Konto. \");\n\nconst _hoisted_5 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(\" Unix Timestamp des Zeitpunktes, an dem das Token erzeugt wurde. \");\n\nconst _hoisted_6 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createTextVNode)(\" Zeitspanne in Sekunden, nach der das Token ungültig wird. \");\n\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n  const _component_openwb_base_heading = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)(\"openwb-base-heading\");\n\n  const _component_openwb_base_number_input = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)(\"openwb-base-number-input\");\n\n  const _component_openwb_base_text_input = (0,vue__WEBPACK_IMPORTED_MODULE_0__.resolveComponent)(\"openwb-base-text-input\");\n\n  return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"div\", _hoisted_1, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_openwb_base_heading, null, {\n    default: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(() => [_hoisted_2, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", _hoisted_3, \"(Modul: \" + (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)(_ctx.$options.name) + \")\", 1\n    /* TEXT */\n    )]),\n    _: 1\n    /* STABLE */\n\n  }), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_openwb_base_number_input, {\n    title: \"Fahrzeug-ID\",\n    required: \"\",\n    min: 0,\n    \"model-value\": $props.configuration.tesla_ev_num,\n    \"onUpdate:modelValue\": _cache[0] || (_cache[0] = $event => $options.updateConfiguration($event, 'configuration.tesla_ev_num'))\n  }, {\n    help: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(() => [_hoisted_4]),\n    _: 1\n    /* STABLE */\n\n  }, 8\n  /* PROPS */\n  , [\"model-value\"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_openwb_base_text_input, {\n    title: \"Access Token\",\n    pattern: \"^(eu-).*\",\n    required: \"\",\n    \"model-value\": $props.configuration.token ? $props.configuration.token.access_token : '',\n    \"onUpdate:modelValue\": _cache[1] || (_cache[1] = $event => $options.updateConfiguration($event, 'configuration.token.access_token'))\n  }, null, 8\n  /* PROPS */\n  , [\"model-value\"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_openwb_base_text_input, {\n    title: \"Refresh Token\",\n    pattern: \"^(ey).*\",\n    required: \"\",\n    \"model-value\": $props.configuration.token ? $props.configuration.token.refresh_token : '',\n    \"onUpdate:modelValue\": _cache[2] || (_cache[2] = $event => $options.updateConfiguration($event, 'configuration.token.refresh_token'))\n  }, null, 8\n  /* PROPS */\n  , [\"model-value\"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_openwb_base_number_input, {\n    title: \"Erstellt um\",\n    required: \"\",\n    \"model-value\": $props.configuration.token ? $props.configuration.token.created_at : 0,\n    \"onUpdate:modelValue\": _cache[3] || (_cache[3] = $event => $options.updateConfiguration($event, 'configuration.token.created_at'))\n  }, {\n    help: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(() => [_hoisted_5]),\n    _: 1\n    /* STABLE */\n\n  }, 8\n  /* PROPS */\n  , [\"model-value\"]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_component_openwb_base_number_input, {\n    title: \"Ungültig in\",\n    unit: \"s\",\n    required: \"\",\n    \"model-value\": $props.configuration.token ? $props.configuration.token.expires_in : 0,\n    \"onUpdate:modelValue\": _cache[4] || (_cache[4] = $event => $options.updateConfiguration($event, 'configuration.token.expires_in'))\n  }, {\n    help: (0,vue__WEBPACK_IMPORTED_MODULE_0__.withCtx)(() => [_hoisted_6]),\n    _: 1\n    /* STABLE */\n\n  }, 8\n  /* PROPS */\n  , [\"model-value\"])]);\n}\n\n//# sourceURL=webpack://openwb-ui-settings/./src/components/devices/tesla/vehicle_soc.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use%5B0%5D!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet%5B1%5D.rules%5B3%5D!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D");
 
 /***/ })
 
