diff --git a/assets/js/components/Savings.vue b/assets/js/components/Savings.vue index 7ffc2af74..62d15ee49 100644 --- a/assets/js/components/Savings.vue +++ b/assets/js/components/Savings.vue @@ -127,7 +127,7 @@
{{ $t("footer.savings.modalServerStart", { - since: fmtTimeAgo(since * -1000), + since: fmtTimeAgo(secondsSinceStart()), }) }}

@@ -181,6 +181,11 @@ export default { return Math.round(this.selfConsumptionPercent) || 0; }, }, + methods: { + secondsSinceStart() { + return this.since * 1000 - Date.now(); + }, + }, }; \n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Version.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Version.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Version.vue?vue&type=template&id=7872ae76&scoped=true&\"\nimport script from \"./Version.vue?vue&type=script&lang=js&\"\nexport * from \"./Version.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Version.vue?vue&type=style&index=0&id=7872ae76&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"7872ae76\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('button',{staticClass:\"btn btn-link pe-0 text-decoration-none link-dark text-nowrap\",attrs:{\"data-bs-toggle\":\"modal\",\"data-bs-target\":\"#savingsModal\"}},[_c('span',{staticClass:\"d-inline d-sm-none\"},[_vm._v(_vm._s(_vm.$t(\"footer.savings.footerShort\", { percent: _vm.percent })))]),_c('span',{staticClass:\"d-none d-sm-inline\"},[_vm._v(_vm._s(_vm.$t(\"footer.savings.footerLong\", { percent: _vm.percent })))]),_c('fa-icon',{staticClass:\"icon ms-2 text-evcc\",attrs:{\"icon\":\"sun\"}})],1),_c('div',{ref:\"modal\",staticClass:\"modal fade\",attrs:{\"id\":\"savingsModal\",\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-hidden\":\"true\"}},[_c('div',{staticClass:\"modal-dialog modal-dialog-centered modal-dialog-scrollable\",attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\"},[_c('span',{staticClass:\"d-block d-sm-none\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"footer.savings.modalTitleShort\", { percent: _vm.percent, total: _vm.fmtKw(_vm.totalCharged * 1000, true, false), }))+\" \")]),_c('span',{staticClass:\"d-none d-sm-block\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"footer.savings.modalTitleLong\", { percent: _vm.percent, total: _vm.fmtKw(_vm.totalCharged * 1000, true, false), }))+\" \")])]),_c('button',{staticClass:\"btn-close\",attrs:{\"type\":\"button\",\"data-bs-dismiss\":\"modal\",\"aria-label\":\"Close\"}})]),_c('div',{staticClass:\"modal-body py-4\"},[_c('div',{staticClass:\"chart-container mb-3\"},[_c('div',{staticClass:\"chart-legend d-flex flex-wrap justify-content-between mb-1\"},[_c('div',{staticClass:\"text-nowrap\"},[_c('fa-icon',{staticClass:\"text-evcc\",attrs:{\"icon\":\"square\"}}),_vm._v(\" \"+_vm._s(_vm.$t(\"footer.savings.modalChartSelf\", { self: _vm.fmtKw(_vm.selfConsumptionCharged * 1000, true, false), }))+\" \")],1),_c('div',{staticClass:\"text-nowrap\"},[_c('fa-icon',{staticClass:\"text-grid\",attrs:{\"icon\":\"square\"}}),_vm._v(\" \"+_vm._s(_vm.$t(\"footer.savings.modalChartGrid\", { grid: _vm.fmtKw(_vm.gridCharged * 1000, true, false), }))+\" \")],1)]),_c('div',{staticClass:\"chart d-flex justify-content-stretch mb-1 rounded overflow-hidden\"},[(_vm.totalCharged > 0)?_c('div',{staticClass:\"chart-item chart-item--self d-flex justify-content-center text-white flex-shrink-1\",style:({ width: (_vm.percent + \"%\") })},[_c('span',{staticClass:\"text-truncate\"},[_vm._v(\" \"+_vm._s(_vm.percent)+\"% \")])]):_vm._e(),(_vm.totalCharged > 0)?_c('div',{staticClass:\"chart-item chart-item--grid d-flex justify-content-center text-white flex-shrink-1\",style:({ width: ((100 - _vm.percent) + \"%\") })},[_c('span',{staticClass:\"text-truncate\"},[_vm._v(\" \"+_vm._s(100 - _vm.percent)+\"% \")])]):_vm._e(),(_vm.totalCharged === 0)?_c('div',{staticClass:\"chart-item chart-item--no-data d-flex justify-content-center text-white w-100\"},[_c('span',[_vm._v(_vm._s(_vm.$t(\"footer.savings.modalNoData\")))])]):_vm._e()])]),_c('p',{staticClass:\"mb-3\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"footer.savings.modalSavingsPrice\"))+\": \"),_c('strong',[_vm._v(_vm._s(_vm.fmtPricePerKWh(_vm.effectivePrice, _vm.currency)))]),_c('br'),_vm._v(\" \"+_vm._s(_vm.$t(\"footer.savings.modalSavingsTotal\"))+\": \"),_c('strong',[_vm._v(_vm._s(_vm.fmtMoney(_vm.amount, _vm.currency)))])]),_c('p',{staticClass:\"small text-muted mb-3\"},[_c('a',{staticClass:\"text-muted\",attrs:{\"href\":\"https://docs.evcc.io/docs/guides/setup/#ersparnisberechnung\",\"target\":\"_blank\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"footer.savings.modalExplaination\")))]),_vm._v(\": \"),_c('span',{staticClass:\"text-nowrap\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"footer.savings.modalExplainationGrid\", { gridPrice: _vm.fmtPricePerKWh(_vm.gridPrice, _vm.currency), })))]),_vm._v(\", \"),_c('span',{staticClass:\"text-nowrap\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"footer.savings.modalExplainationFeedIn\", { feedInPrice: _vm.fmtPricePerKWh(_vm.feedInPrice, _vm.currency), }))+\" \")]),_c('br'),_vm._v(\" \"+_vm._s(_vm.$t(\"footer.savings.modalServerStart\", { since: _vm.fmtTimeAgo(_vm.since * -1000), }))+\" \")]),_c('hr',{staticClass:\"mb-4\"}),_c('Sponsor',{staticClass:\"mb-4\",attrs:{\"sponsor\":_vm.sponsor}}),_c('p',{staticClass:\"small text-muted mb-0\"},[_c('strong',{staticClass:\"text-primary\"},[_c('fa-icon',{attrs:{\"icon\":\"flask\"}}),_vm._v(\" \"+_vm._s(_vm.$t(\"footer.savings.experimentalLabel\"))+\": \")],1),_vm._v(\" \"+_vm._s(_vm.$t(\"footer.savings.experimentalText\"))+\" \"),_c('a',{attrs:{\"href\":\"https://github.com/evcc-io/evcc/discussions/2104\",\"target\":\"_blank\"}},[_vm._v(\"GitHub Discussions\")]),_vm._v(\". \")])],1)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\n data: function () {\n return {\n fmtLimit: 100,\n fmtDigits: 1,\n };\n },\n methods: {\n round: function (num, precision) {\n var base = 10 ** precision;\n return (Math.round(num * base) / base).toFixed(precision);\n },\n fmt: function (val) {\n if (val === undefined || val === null) {\n return 0;\n }\n val = Math.abs(val);\n return val >= this.fmtLimit ? this.round(val / 1e3, this.fmtDigits) : this.round(val, 0);\n },\n fmtKw: function (watt, kw = true, withUnit = true) {\n const digits = kw ? 1 : 0;\n const value = kw ? watt / 1000 : watt;\n let unit = \"\";\n if (withUnit) {\n unit = kw ? \" kW\" : \" W\";\n }\n return (\n this.$n(value, { minimumFractionDigits: digits, maximumFractionDigits: digits }) + unit\n );\n },\n fmtUnit: function (val) {\n return Math.abs(val) >= this.fmtLimit ? \"k\" : \"\";\n },\n fmtDuration: function (d) {\n if (d <= 0 || d == null) {\n return \"—\";\n }\n var seconds = \"0\" + (d % 60);\n var minutes = \"0\" + (Math.floor(d / 60) % 60);\n var hours = \"\" + Math.floor(d / 3600);\n if (hours.length < 2) {\n hours = \"0\" + hours;\n }\n return hours + \":\" + minutes.substr(-2) + \":\" + seconds.substr(-2);\n },\n fmtShortDuration: function (duration = 0, withUnit = false) {\n if (duration <= 0) {\n return \"—\";\n }\n var seconds = duration % 60;\n var minutes = Math.floor(duration / 60) % 60;\n var hours = Math.floor(duration / 3600);\n var result = \"\";\n if (hours >= 1) {\n result = hours + \":\" + `${minutes}`.padStart(2, \"0\");\n } else if (minutes >= 1) {\n result = minutes + \":\" + `${seconds}`.padStart(2, \"0\");\n } else {\n result = `${seconds}`;\n }\n if (withUnit) {\n result += this.fmtShortDurationUnit(duration);\n }\n return result;\n },\n fmtShortDurationUnit: function (duration = 0) {\n if (duration <= 0) {\n return \"\";\n }\n var minutes = Math.floor(duration / 60) % 60;\n var hours = Math.floor(duration / 3600);\n if (hours >= 1) {\n return \"h\";\n }\n if (minutes >= 1) {\n return \"m\";\n }\n return \"s\";\n },\n fmtDayString: function (date) {\n const YY = `${date.getFullYear()}`;\n const MM = `${date.getMonth() + 1}`.padStart(2, \"0\");\n const DD = `${date.getDate()}`.padStart(2, \"0\");\n return `${YY}-${MM}-${DD}`;\n },\n fmtTimeString: function (date) {\n const HH = `${date.getHours()}`.padStart(2, \"0\");\n const mm = `${date.getMinutes()}`.padStart(2, \"0\");\n return `${HH}:${mm}`;\n },\n fmtAbsoluteDate: function (date) {\n return new Intl.DateTimeFormat(this.$i18n.locale, {\n weekday: \"short\",\n hour: \"numeric\",\n minute: \"numeric\",\n }).format(date);\n },\n fmtMoney: function (amout = 0, currency = \"EUR\") {\n return this.$n(amout, { style: \"currency\", currency });\n },\n fmtPricePerKWh: function (amout = 0, currency = \"EUR\") {\n let unit = currency;\n let value = amout;\n let maximumFractionDigits = 3;\n if ([\"EUR\", \"USD\"].includes(currency)) {\n value *= 100;\n unit = \"ct\";\n maximumFractionDigits = 1;\n }\n return `${this.$n(value, { style: \"decimal\", maximumFractionDigits })} ${unit}/kWh`;\n },\n fmtTimeAgo: function (elapsed) {\n const units = {\n day: 24 * 60 * 60 * 1000,\n hour: 60 * 60 * 1000,\n minute: 60 * 1000,\n second: 1000,\n };\n\n const rtf = new Intl.RelativeTimeFormat(this.$i18n.locale, { numeric: \"auto\" });\n\n // \"Math.abs\" accounts for both \"past\" & \"future\" scenarios\n for (var u in units)\n if (Math.abs(elapsed) > units[u] || u == \"second\")\n return rtf.format(Math.round(elapsed / units[u]), u);\n },\n },\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.sponsor)?_c('div',[_c('p',{staticClass:\"mb-3\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"footer.sponsor.thanks\", { sponsor: _vm.sponsor }))+\" \")]),_c('div',{staticClass:\"d-flex justify-content-center flex-column\"},[_c('button',{ref:\"confetti\",staticClass:\"btn btn-primary mb-2 confetti-button bg-evcc\",on:{\"click\":_vm.surprise}},[_c('fa-icon',{staticClass:\"icon me-1 solid\",attrs:{\"icon\":['fas', 'heart']}}),_vm._v(\" \"+_vm._s(_vm.$t(\"footer.sponsor.confetti\"))+\" \")],1),_c('a',{staticClass:\"small text-muted text-center\",attrs:{\"href\":\"https://evcc.io/sticker\",\"target\":\"_blank\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"footer.sponsor.sticker\"))+\" \")])])]):_c('div',[_c('p',{staticClass:\"mb-3\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"footer.sponsor.supportUs\"))+\" \")]),_c('div',{staticClass:\"d-flex justify-content-center flex-column\"},[_c('a',{staticClass:\"btn btn-outline-primary mb-2\",attrs:{\"target\":\"_blank\",\"href\":\"https://github.com/sponsors/andig\"}},[_c('fa-icon',{staticClass:\"icon me-1\",attrs:{\"icon\":['far', 'heart']}}),_vm._v(\" \"+_vm._s(_vm.$t(\"footer.sponsor.becomeSponsor\"))+\" \")],1),_c('div',{staticClass:\"small text-muted text-center\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"footer.sponsor.confettiPromise\"))+\" \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sponsor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sponsor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Sponsor.vue?vue&type=template&id=6edb9fae&scoped=true&\"\nimport script from \"./Sponsor.vue?vue&type=script&lang=js&\"\nexport * from \"./Sponsor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Sponsor.vue?vue&type=style&index=0&id=6edb9fae&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"6edb9fae\",\n null\n \n)\n\nexport default component.exports","\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Savings.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Savings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Savings.vue?vue&type=template&id=7e72516b&scoped=true&\"\nimport script from \"./Savings.vue?vue&type=script&lang=js&\"\nexport * from \"./Savings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Savings.vue?vue&type=style&index=0&id=7e72516b&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"7e72516b\",\n null\n \n)\n\nexport default component.exports","\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Footer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Footer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Footer.vue?vue&type=template&id=2627c98e&\"\nimport script from \"./Footer.vue?vue&type=script&lang=js&\"\nexport * from \"./Footer.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.iconVisible),expression:\"iconVisible\"}],staticClass:\"btn btn-link text-decoration-none link-light text-nowrap\",attrs:{\"href\":\"#\",\"data-bs-toggle\":\"modal\",\"data-bs-target\":\"#notificationModal\"}},[_c('fa-icon',{class:_vm.iconClass,attrs:{\"icon\":\"exclamation-triangle\"}})],1),_c('div',{staticClass:\"modal fade\",attrs:{\"id\":\"notificationModal\",\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-hidden\":\"true\"}},[_c('div',{staticClass:\"modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable\",attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\"},[_vm._v(_vm._s(_vm.$t(\"notifications.modalTitle\")))]),_c('button',{staticClass:\"btn-close\",attrs:{\"type\":\"button\",\"data-bs-dismiss\":\"modal\",\"aria-label\":\"Close\"}})]),_c('div',{staticClass:\"modal-body\"},_vm._l((_vm.notifications),function(msg,index){return _c('div',{key:index},[_c('small',{staticClass:\"d-flex justify-content-end mt-3\",attrs:{\"title\":_vm.fmtAbsoluteDate(msg.time)}},[_vm._v(\" \"+_vm._s(_vm.fmtTimeAgo(msg.time - new Date()))+\" \")]),_c('p',{staticClass:\"d-flex align-items-baseline\"},[_c('fa-icon',{staticClass:\"flex-grow-0 d-block\",class:{\n\t\t\t\t\t\t\t\t\t'text-danger': msg.type === 'error',\n\t\t\t\t\t\t\t\t\t'text-warning': msg.type === 'warn',\n\t\t\t\t\t\t\t\t},attrs:{\"icon\":\"exclamation-triangle\"}}),_c('span',{staticClass:\"flex-grow-1 px-2 py-1 text-break\"},[_vm._v(\" \"+_vm._s(msg.message)+\" \")]),(msg.count > 1)?_c('span',{staticClass:\"badge rounded-pill bg-secondary\"},[_vm._v(\" \"+_vm._s(msg.count)+\" \")]):_vm._e()],1)])}),0),_c('div',{staticClass:\"modal-footer\"},[_c('button',{staticClass:\"btn btn-outline-secondary\",attrs:{\"type\":\"button\",\"data-bs-dismiss\":\"modal\",\"aria-label\":\"Close\"},on:{\"click\":_vm.clear}},[_vm._v(\" \"+_vm._s(_vm.$t(\"notifications.dismissAll\"))+\" \")])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notifications.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notifications.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Notifications.vue?vue&type=template&id=06be21d4&\"\nimport script from \"./Notifications.vue?vue&type=script&lang=js&\"\nexport * from \"./Notifications.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import Vue from \"vue\";\n\nfunction setProperty(obj, props, value) {\n const prop = props.shift();\n if (!obj[prop]) {\n Vue.set(obj, prop, {});\n }\n\n if (!props.length) {\n if (value && typeof value === \"object\" && !Array.isArray(value)) {\n obj[prop] = { ...obj[prop], ...value };\n } else {\n obj[prop] = value;\n }\n return;\n }\n\n setProperty(obj[prop], props, value);\n}\n\nconst store = {\n state: {\n loadpoints: [], // ensure array type\n },\n update: function (msg) {\n Object.keys(msg).forEach(function (k) {\n if (typeof window.app[k] === \"function\") {\n window.app[k]({ message: msg[k] });\n } else {\n setProperty(store.state, k.split(\".\"), msg[k]);\n }\n });\n },\n};\n\nexport default store;\n","\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=3d7c9732&scoped=true&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=3d7c9732&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"3d7c9732\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[(_vm.configured)?_c('Site',_vm._b({},'Site',_vm.state,false)):_c('div',[_c('div',{staticClass:\"row py-5\"},[_c('div',{staticClass:\"col12\"},[_c('p',{staticClass:\"h1 pt-5 pb-2 border-bottom\"},[_vm._v(\"Willkommen bei evcc\")]),_c('p',{staticClass:\"lead pt-2\"},[_c('b',[_vm._v(\"evcc\")]),_vm._v(\" ist dient zur flexiblen Ladesteuerung von Elektrofahrzeugen. \")]),_c('p',{staticClass:\"pt-2\"},[_vm._v(\" Es sieht aus, als wäre Dein \"),_c('b',[_vm._v(\"evcc\")]),_vm._v(\" noch nicht konfiguriert. Um \"),_c('b',[_vm._v(\"evcc\")]),_vm._v(\" zu konfigurieren sind die folgenden Schritte notwendig: \")]),_c('ol',{staticClass:\"pt-2\"},[_c('li',[_vm._v(\" Erzeugen einer Konfigurationsdatei mit Namen \"),_c('code',[_vm._v(\"evcc.yaml\")]),_vm._v(\". Die Standardkonfiguration \"),_c('code',[_vm._v(\"evcc.dist.yaml\")]),_vm._v(\" kann dafür als Vorlage dienen (\"),_c('a',{attrs:{\"href\":\"https://github.com/evcc-io/evcc/blob/master/evcc.dist.yaml\"}},[_vm._v(\"Download\")]),_vm._v(\"). \")]),_c('li',[_vm._v(\"Konfiguration der Wallbox als \"),_c('code',[_vm._v(\"chargers\")]),_vm._v(\".\")]),_c('li',[_vm._v(\" Konfiguration des EVU Zählers und evtl. weiterer Zähler unter \"),_c('code',[_vm._v(\"meters\")]),_vm._v(\". \")]),_c('li',[_vm._v(\" Konfiguration des Netzanschlusses unter \"),_c('code',[_vm._v(\"site\")]),_vm._v(\". In einer Site wird der Netzanschluss mit dem konfigurierten EVU Zähler (\"),_c('code',[_vm._v(\"meter\")]),_vm._v(\") verbunden. \")]),_c('li',[_vm._v(\" Konfiguration eines Ladepunktes unter \"),_c('code',[_vm._v(\"loadpoints\")]),_vm._v(\". In einem Ladepunkt wird die konfigurierte Wallbox (\"),_c('code',[_vm._v(\"charger\")]),_vm._v(\") mit dem Ladepunkt verbunden. \")]),_c('li',[_vm._v(\" Start von \"),_c('b',[_vm._v(\"evcc\")]),_vm._v(\" mit der neu erstellten Konfiguration: \"),_c('code',[_vm._v(\"evcc -c evcc.yaml\")])])]),_c('p',[_vm._v(\"Minimale Beispielkonfiguration für \"),_c('b',[_vm._v(\"evcc\")]),_vm._v(\":\")]),_c('p',[_c('code',[_c('pre',{staticClass:\"mx-3\"},[_vm._v(\" uri: localhost:7070 # Adresse für UI\\n interval: 10s # Regelintervall\\n meters:\\n - name: evu-zähler\\n type: ... # Detailkonfiguration des EVU Zählers\\n - name: ladezähler\\n type: ... # Detailkonfiguration des Ladezählers (optional)\\n chargers:\\n - name: wallbox\\n type: ... # Detailkonfiguration der Wallbox\\n site:\\n title: Home\\n meters:\\n grid: evu-zähler # EVU Zähler\\n loadpoints:\\n - title: Ladepunkt # ui display name\\n charger: wallbox # charger\\n meters:\\n charge: ladezähler # Ladezählers (optional)\\n \")])])]),_c('p',[_vm._v(\" Viel Spass mit \"),_c('b',[_vm._v(\"evcc\")]),_vm._v(\"! Bei Problemen kannst Du uns auf \"),_c('a',{attrs:{\"href\":\"https://github.com/evcc-io/evcc/issues\"}},[_vm._v(\"GitHub\")]),_vm._v(\" erreichen. \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-grow-1 d-flex flex-column\"},[_c('h3',{staticClass:\"d-none d-md-block my-4\"},[_vm._v(\" \"+_vm._s(_vm.siteTitle || \"Home\")+\" \")]),_c('Energyflow',_vm._b({},'Energyflow',_vm.energyflow,false)),_c('hr',{staticClass:\"w-100 my-4\"}),_c('div',{staticClass:\"flex-grow-1 d-flex justify-content-around flex-column\"},[_vm._l((_vm.loadpoints),function(loadpoint,id){return [(id > 0)?_c('hr',{key:id + '_hr',staticClass:\"w-100 my-4\"}):_vm._e(),_c('Loadpoint',_vm._b({key:id,attrs:{\"id\":id,\"single\":_vm.loadpoints.length === 1}},'Loadpoint',loadpoint,false))]})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row align-items-start align-items-md-center mt-4 energyflow\",on:{\"click\":_vm.toggleDetails}},[_c('Visualization',{staticClass:\"col-12 offset-md-1 col-md-6 offset-lg-1 col-lg-8 offset-xl-1 col-xl-6 offset-xxl-1 col-xl-8 order-md-2\",attrs:{\"showDetails\":_vm.showDetails,\"gridImport\":_vm.gridImport,\"selfConsumption\":_vm.selfConsumption,\"loadpoints\":_vm.loadpointsPower,\"pvExport\":_vm.pvExport,\"batteryCharge\":_vm.batteryCharge,\"batteryDischarge\":_vm.batteryDischarge,\"pvProduction\":_vm.pvProduction,\"homePower\":_vm.homePower,\"batterySoC\":_vm.batterySoC,\"valuesInKw\":_vm.valuesInKw}}),_c('div',{staticClass:\"col-12 col-sm-6 col-md-5 col-lg-3 col-xl-3 order-md-1 mt-2 mt-md-0\",class:(\"\" + (_vm.showDetails ? 'd-block' : \"d-none d-md-block\"))},[_c('div',{staticClass:\"d-flex justify-content-between\",attrs:{\"data-test-pv-production\":\"\"}},[_c('span',{staticClass:\"details-icon text-muted\"},[_c('fa-icon',{attrs:{\"icon\":\"sun\"}})],1),_c('span',{staticClass:\"text-nowrap flex-grow-1\"},[_vm._v(_vm._s(_vm.$t(\"main.energyflow.pvProduction\")))]),_c('span',{staticClass:\"text-end text-nowrap ps-1\"},[_vm._v(_vm._s(_vm.kw(_vm.pvProduction)))])]),_c('div',{staticClass:\"d-flex justify-content-between\",attrs:{\"data-test-home-power\":\"\"}},[_c('span',{staticClass:\"details-icon text-muted\"},[_c('fa-icon',{attrs:{\"icon\":\"home\"}})],1),_c('span',{staticClass:\"text-nowrap flex-grow-1\"},[_vm._v(_vm._s(_vm.$t(\"main.energyflow.homePower\")))]),_c('span',{staticClass:\"text-end text-nowrap ps-1\"},[_vm._v(_vm._s(_vm.kw(_vm.homePower)))])]),_c('div',{staticClass:\"d-flex justify-content-between\",attrs:{\"data-test-loadpoints\":\"\"}},[_c('span',{staticClass:\"details-icon text-muted\"},[_c('fa-icon',{attrs:{\"icon\":\"car\"}})],1),_c('span',{staticClass:\"text-nowrap flex-grow-1\"},[_vm._v(_vm._s(_vm.$tc(\"main.energyflow.loadpoints\", _vm.activeLoadpointsCount, { count: _vm.activeLoadpointsCount, })))]),_c('span',{staticClass:\"text-end text-nowrap ps-1\"},[_vm._v(_vm._s(_vm.kw(_vm.loadpointsPower)))])]),(_vm.batteryConfigured)?_c('div',{staticClass:\"d-flex justify-content-between\",attrs:{\"data-test-battery\":\"\"}},[_c('span',{staticClass:\"details-icon text-muted\"},[_c('BatteryIcon',{attrs:{\"soc\":_vm.batterySoC,\"charge\":_vm.batteryCharge > 0,\"discharge\":_vm.batteryDischarge > 0}})],1),_c('span',{staticClass:\"text-nowrap flex-grow-1 text-truncate\"},[(_vm.batteryCharge)?_c('span',[_vm._v(_vm._s(_vm.$t(\"main.energyflow.batteryCharge\")))]):(_vm.batteryDischarge)?_c('span',[_vm._v(_vm._s(_vm.$t(\"main.energyflow.batteryDischarge\")))]):_c('span',[_vm._v(_vm._s(_vm.$t(\"main.energyflow.battery\")))])]),_c('span',{staticClass:\"text-end text-nowrap ps-1\"},[_vm._v(\" \"+_vm._s(_vm.batterySoC)+\"% / \"+_vm._s(_vm.kw(Math.abs(_vm.batteryPower)))+\" \")])]):_vm._e()]),(_vm.showDetails)?_c('div',{staticClass:\"col-12 col-sm-6 offset-md-6 col-md-6 offset-lg-4 col-lg-8 d-block d-md-flex order-md-3 justify-content-between mt-2\"},[_c('div',{staticClass:\"text-nowrap d-flex d-md-block\",attrs:{\"data-test-grid-import\":\"\"}},[_c('span',{staticClass:\"color-grid details-icon\"},[_c('fa-icon',{attrs:{\"icon\":\"square\"}})],1),_c('span',{staticClass:\"text-nowrap flex-grow-1\"},[_vm._v(_vm._s(_vm.$t(\"main.energyflow.gridImport\")))]),_c('span',{staticClass:\"text-end text-nowrap d-md-none\"},[_vm._v(\" \"+_vm._s(_vm.kw(_vm.gridImport))+\" \")])]),_c('div',{staticClass:\"text-nowrap d-flex d-md-block\",attrs:{\"data-test-self-consumption\":\"\"}},[_c('span',{staticClass:\"color-self details-icon\"},[_c('fa-icon',{attrs:{\"icon\":\"square\"}})],1),_c('span',{staticClass:\"text-nowrap flex-grow-1\"},[_vm._v(_vm._s(_vm.$t(\"main.energyflow.selfConsumption\")))]),_c('span',{staticClass:\"text-end text-nowrap d-md-none\"},[_vm._v(\" \"+_vm._s(_vm.kw(_vm.selfConsumption))+\" \")])]),_c('div',{staticClass:\"text-nowrap d-flex d-md-block\",attrs:{\"data-test-pv-export\":\"\"}},[_c('span',{staticClass:\"color-export details-icon\"},[_c('fa-icon',{attrs:{\"icon\":\"square\"}})],1),_c('span',{staticClass:\"text-nowrap flex-grow-1\"},[_vm._v(_vm._s(_vm.$t(\"main.energyflow.pvExport\")))]),_c('span',{staticClass:\"text-end text-nowrap d-md-none\"},[_vm._v(\" \"+_vm._s(_vm.kw(_vm.pvExport))+\" \")])])]):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"visualization\",class:{ 'visualization--ready': _vm.visualizationReady }},[_c('div',{staticClass:\"label-scale\"},[_c('div',{staticClass:\"d-flex justify-content-start\"},[_c('LabelBar',_vm._b({},'LabelBar',_vm.labelBarProps('top', 'pvProduction'),false),[_c('fa-icon',{attrs:{\"icon\":\"sun\"}})],1),_c('LabelBar',_vm._b({},'LabelBar',_vm.labelBarProps('top', 'batteryDischarge'),false),[_c('BatteryIcon',{attrs:{\"soc\":_vm.batterySoC,\"discharge\":\"\"}})],1),_c('LabelBar',_vm._b({},'LabelBar',_vm.labelBarProps('top', 'gridImport'),false),[_c('GridIcon',{attrs:{\"import\":\"\"}})],1)],1)]),_c('div',{ref:\"site_progress\",staticClass:\"site-progress\"},[_c('div',{staticClass:\"site-progress-bar self-consumption\",style:({ width: _vm.widthTotal(_vm.selfConsumptionAdjusted) })},[(_vm.powerLabelEnoughSpace(_vm.selfConsumption))?_c('span',{staticClass:\"power\"},[_vm._v(\" \"+_vm._s(_vm.kw(_vm.selfConsumption))+\" \")]):(_vm.powerLabelSomeSpace(_vm.selfConsumption))?_c('span',{staticClass:\"power\"},[_vm._v(\" \"+_vm._s(_vm.kwNoUnit(_vm.selfConsumption))+\" \")]):_vm._e()]),_c('div',{staticClass:\"site-progress-bar grid-import\",style:({ width: _vm.widthTotal(_vm.gridImportAdjusted) })},[(_vm.powerLabelEnoughSpace(_vm.gridImport))?_c('span',{staticClass:\"power\"},[_vm._v(\" \"+_vm._s(_vm.kw(_vm.gridImport))+\" \")]):(_vm.powerLabelSomeSpace(_vm.gridImport))?_c('span',{staticClass:\"power\"},[_vm._v(\" \"+_vm._s(_vm.kwNoUnit(_vm.gridImport))+\" \")]):_vm._e()]),_c('div',{staticClass:\"site-progress-bar pv-export\",style:({ width: _vm.widthTotal(_vm.pvExportAdjusted) })},[(_vm.powerLabelEnoughSpace(_vm.pvExport))?_c('span',{staticClass:\"power\"},[_vm._v(\" \"+_vm._s(_vm.kw(_vm.pvExport))+\" \")]):(_vm.powerLabelSomeSpace(_vm.pvExport))?_c('span',{staticClass:\"power\"},[_vm._v(\" \"+_vm._s(_vm.kwNoUnit(_vm.pvExport))+\" \")]):_vm._e()]),(_vm.totalAdjusted <= 0)?_c('div',{staticClass:\"site-progress-bar bg-light border no-wrap w-100\"},[_c('span',[_vm._v(_vm._s(_vm.$t(\"main.energyflow.noEnergy\")))])]):_vm._e()]),_c('div',{staticClass:\"label-scale\"},[_c('div',{staticClass:\"d-flex justify-content-start\"},[_c('LabelBar',_vm._b({},'LabelBar',_vm.labelBarProps('bottom', 'homePower'),false),[_c('fa-icon',{attrs:{\"icon\":\"home\"}})],1),_c('LabelBar',_vm._b({},'LabelBar',_vm.labelBarProps('bottom', 'loadpoints'),false),[_c('fa-icon',{attrs:{\"icon\":\"car\"}})],1),_c('LabelBar',_vm._b({},'LabelBar',_vm.labelBarProps('bottom', 'batteryCharge'),false),[_c('BatteryIcon',{attrs:{\"soc\":_vm.batterySoC,\"charge\":\"\"}})],1),_c('LabelBar',_vm._b({},'LabelBar',_vm.labelBarProps('bottom', 'gridExport'),false),[_c('GridIcon',{attrs:{\"export\":\"\"}})],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{ 'power--in': _vm.charge, 'power--out': _vm.discharge }},[_c('fa-icon',{staticClass:\"battery\",attrs:{\"icon\":_vm.batteryIcon}}),_c('fa-icon',{staticClass:\"arrow\",attrs:{\"icon\":\"angle-double-right\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BatteryIcon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BatteryIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BatteryIcon.vue?vue&type=template&id=2dcca16c&scoped=true&\"\nimport script from \"./BatteryIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./BatteryIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BatteryIcon.vue?vue&type=style&index=0&id=2dcca16c&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"2dcca16c\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{ 'power-import': this.import, 'power-export': this.export }},[_c('svg',{staticClass:\"grid svg-inline--fa fa-home fa-w-18\",attrs:{\"viewBox\":\"0 0 512 512\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xml:space\":\"preserve\"}},[_c('path',{attrs:{\"fill\":\"currentColor\",\"d\":\"M217.529 46.629H83.817c-8.83 0-16 7.169-16 16v32c0 .196.004.391.011.586v51.22c0 6.209 5.041 11.25 11.25 11.25h22.5c6.209 0 11.25-5.041 11.25-11.25v-35.806h104.701v84.697H83.577c-8.83 0-16 7.169-16 16v32c0 .196.004.391.011.586v51.22c0 6.209 5.041 11.25 11.25 11.25h22.5c6.209 0 11.25-5.041 11.25-11.25v-35.806h104.941v49.925L176.47 506.932l160 .033-39.179-197.538v-50.101h100.402v35.756c0 6.257 5.08 11.337 11.337 11.337h22.674c6.257 0 11.337-5.08 11.337-11.337v-83.756c0-8.831-7.169-16-16-16h-129.75v-84.697h100.642v35.756c0 6.257 5.08 11.337 11.337 11.337h22.674c6.257 0 11.337-5.08 11.337-11.337V62.629c0-8.831-7.169-16-16-16h-129.99V26.162c-.043-12.777-40.058-18.846-40.159-18.633 0 0-39.66 6.092-39.603 18.633v20.467Z\"}})]),_c('fa-icon',{staticClass:\"arrow\",attrs:{\"icon\":\"angle-double-right\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridIcon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GridIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GridIcon.vue?vue&type=template&id=c8e84f48&scoped=true&\"\nimport script from \"./GridIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./GridIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GridIcon.vue?vue&type=style&index=0&id=c8e84f48&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"c8e84f48\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"label-bar\",class:{\n\t\t'label-bar--hide-icon': _vm.hideIcon,\n\t\t'label-bar--hidden': !_vm.value,\n\t\t'label-bar--top': _vm.top,\n\t\t'label-bar--bottom': _vm.bottom,\n\t\t'label-bar--first': _vm.first,\n\t\t'label-bar--last': _vm.last,\n\t}},[_c('div',{staticClass:\"label-bar-scale\"},[_c('div',{staticClass:\"label-bar-icon\"},[_vm._t(\"default\")],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LabelBar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LabelBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LabelBar.vue?vue&type=template&id=17da7e54&scoped=true&\"\nimport script from \"./LabelBar.vue?vue&type=script&lang=js&\"\nexport * from \"./LabelBar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LabelBar.vue?vue&type=style&index=0&id=17da7e54&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"17da7e54\",\n null\n \n)\n\nexport default component.exports","\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Visualization.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Visualization.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Visualization.vue?vue&type=template&id=0c035ffc&scoped=true&\"\nimport script from \"./Visualization.vue?vue&type=script&lang=js&\"\nexport * from \"./Visualization.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Visualization.vue?vue&type=style&index=0&id=0c035ffc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"0c035ffc\",\n null\n \n)\n\nexport default component.exports","\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Energyflow.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Energyflow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Energyflow.vue?vue&type=template&id=c2b4f05e&scoped=true&\"\nimport script from \"./Energyflow.vue?vue&type=script&lang=js&\"\nexport * from \"./Energyflow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Energyflow.vue?vue&type=style&index=0&id=c2b4f05e&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"c2b4f05e\",\n null\n \n)\n\nexport default component.exports","import Energyflow from \"./Energyflow.vue\";\n\nexport default Energyflow;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('p',{staticClass:\"h3 mb-4 d-sm-block\",class:{ 'd-none': _vm.single }},[_vm._v(\" \"+_vm._s(_vm.title || _vm.$t(\"main.loadpoint.fallbackName\"))+\" \")]),(_vm.remoteDisabled == 'soft')?_c('div',{staticClass:\"alert alert-warning mt-4 mb-2\",attrs:{\"role\":\"alert\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"main.loadpoint.remoteDisabledSoft\", { source: _vm.remoteDisabledSource }))+\" \")]):_vm._e(),(_vm.remoteDisabled == 'hard')?_c('div',{staticClass:\"alert alert-danger mt-4 mb-2\",attrs:{\"role\":\"alert\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"main.loadpoint.remoteDisabledHard\", { source: _vm.remoteDisabledSource }))+\" \")]):_vm._e(),_c('div',{staticClass:\"row\"},[_c('Mode',{staticClass:\"col-12 col-md-6 col-lg-4 mb-4\",attrs:{\"mode\":_vm.mode},on:{\"updated\":_vm.setTargetMode}}),_c('Vehicle',_vm._b({staticClass:\"col-12 col-md-6 col-lg-8 mb-4\",on:{\"target-soc-updated\":_vm.setTargetSoC,\"target-time-updated\":_vm.setTargetTime,\"target-time-removed\":_vm.removeTargetTime}},'Vehicle',_vm.vehicle,false))],1),_c('LoadpointDetails',_vm._b({},'LoadpointDetails',_vm.details,false))],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"mb-3\"},[_vm._v(_vm._s(_vm.$t(\"main.mode.title\")))]),_c('div',{staticClass:\"btn-group w-100\",attrs:{\"role\":\"group\"}},[_c('button',{staticClass:\"btn btn-outline-secondary\",class:{ active: _vm.mode == 'off' },attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.setTargetMode('off')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"main.mode.stop\"))+\" \")]),_c('button',{staticClass:\"btn btn-outline-secondary\",class:{ active: _vm.mode == 'now' },attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.setTargetMode('now')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"main.mode.now\"))+\" \")]),_c('button',{staticClass:\"btn btn-outline-secondary\",class:{ active: _vm.mode == 'minpv' },attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.setTargetMode('minpv')}}},[_c('span',{staticClass:\"d-inline d-sm-none\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"main.mode.minpvShort\"))+\" \")]),_c('span',{staticClass:\"d-none d-sm-inline\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"main.mode.minpvLong\"))+\" \")])]),_c('button',{staticClass:\"btn btn-outline-secondary\",class:{ active: _vm.mode == 'pv' },attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.setTargetMode('pv')}}},[_c('span',{staticClass:\"d-inline d-sm-none\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"main.mode.pvShort\"))+\" \")]),_c('span',{staticClass:\"d-none d-sm-inline\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"main.mode.pvLong\"))+\" \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Mode.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Mode.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Mode.vue?vue&type=template&id=1ff39d22&scoped=true&\"\nimport script from \"./Mode.vue?vue&type=script&lang=js&\"\nexport * from \"./Mode.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Mode.vue?vue&type=style&index=0&id=1ff39d22&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"1ff39d22\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"mb-3\"},[_vm._v(\" \"+_vm._s(_vm.vehicleTitle || _vm.$t(\"main.vehicle.fallbackName\"))+\" \")]),_c('VehicleSoc',_vm._b({on:{\"target-soc-updated\":_vm.targetSocUpdated}},'VehicleSoc',_vm.vehicleSocProps,false)),_c('VehicleSubline',_vm._b({staticClass:\"my-1\",on:{\"target-time-updated\":_vm.setTargetTime,\"target-time-removed\":_vm.removeTargetTime}},'VehicleSubline',_vm.vehicleSubline,false))],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\n methods: {\n // collect all target component properties from current instance\n collectProps: function (component) {\n let data = {};\n for (var p in component.props) {\n data[p] = this[p];\n }\n return data;\n },\n },\n};\n","var render = function () {\nvar _obj, _obj$1;\nvar _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vehicle-soc\"},[_c('div',{staticClass:\"progress\"},[_c('div',{staticClass:\"progress-bar\",class:( _obj = {\n\t\t\t\t'progress-bar-striped': _vm.charging,\n\t\t\t\t'progress-bar-animated': _vm.charging\n\t\t\t}, _obj[_vm.progressColor] = true, _obj ),style:({ width: (_vm.vehicleSoCDisplayWidth + \"%\") }),attrs:{\"role\":\"progressbar\"}},[_vm._v(\" \"+_vm._s(_vm.vehicleSoCDisplayValue)+\" \")]),(_vm.remainingSoCWidth > 0 && _vm.enabled)?_c('div',{staticClass:\"progress-bar\",class:( _obj$1 = {}, _obj$1[_vm.progressColor] = true, _obj$1['bg-muted'] = true, _obj$1 ),style:({ width: (_vm.remainingSoCWidth + \"%\"), transition: 'none' }),attrs:{\"role\":\"progressbar\"}}):_vm._e()]),_c('div',{staticClass:\"target\",class:{ 'target--slider-hidden': _vm.allowSliderHiding && _vm.visibleTargetSoC === 100 }},[_c('div',{staticClass:\"target-label d-flex align-items-center justify-content-center\",style:({ left: (_vm.visibleTargetSoC + \"%\") })},[_vm._v(\" \"+_vm._s(_vm.visibleTargetSoC)+\"% \")]),_c('input',{staticClass:\"target-slider\",attrs:{\"type\":\"range\",\"min\":\"0\",\"max\":\"100\",\"step\":\"5\"},domProps:{\"value\":_vm.visibleTargetSoC},on:{\"input\":_vm.movedTargetSoC,\"mousedown\":_vm.changeTargetSoCStart,\"touchstart\":_vm.changeTargetSoCStart,\"mouseup\":_vm.changeTargetSoCEnd,\"touchend\":_vm.changeTargetSoCEnd}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VehicleSoc.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VehicleSoc.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VehicleSoc.vue?vue&type=template&id=66f68a62&scoped=true&\"\nimport script from \"./VehicleSoc.vue?vue&type=script&lang=js&\"\nexport * from \"./VehicleSoc.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VehicleSoc.vue?vue&type=style&index=0&id=66f68a62&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"66f68a62\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('small',{staticClass:\"text-secondary\"},[(_vm.minSoCActive)?_c('span',[_c('fa-icon',{staticClass:\"text-muted me-1\",attrs:{\"icon\":\"exclamation-circle\"}}),_vm._v(\" \"+_vm._s(_vm.$t(\"main.vehicleSubline.mincharge\", { soc: _vm.minSoC }))+\" \")],1):_vm._e()]),_c('TargetCharge',_vm._b({on:{\"target-time-updated\":_vm.setTargetTime,\"target-time-removed\":_vm.removeTargetTime}},'TargetCharge',_vm.targetCharge,false))],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('button',{staticClass:\"target-time-button btn btn-link btn-sm pe-0\",class:{\n\t\t\tinvisible: !_vm.targetSoC,\n\t\t\t'text-dark': _vm.targetTimeActive,\n\t\t\t'text-secondary': !_vm.targetTimeActive,\n\t\t},attrs:{\"data-bs-toggle\":\"modal\",\"data-bs-target\":(\"#\" + _vm.modalId)}},[_vm._v(\" \"+_vm._s(_vm.targetTimeLabel())),_c('fa-icon',{staticClass:\"ms-1\",attrs:{\"icon\":\"clock\"}})],1),_c('div',{staticClass:\"modal fade\",attrs:{\"id\":_vm.modalId,\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-hidden\":\"true\"}},[_c('div',{staticClass:\"modal-dialog modal-dialog-centered modal-dialog-scrollable\",attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"main.targetCharge.modalTitle\"))+\" \")]),_c('button',{staticClass:\"btn-close\",attrs:{\"type\":\"button\",\"data-bs-dismiss\":\"modal\",\"aria-label\":\"Close\"}})]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.setTargetTime.apply(null, arguments)}}},[_c('div',{staticClass:\"modal-body\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"mb-3\",attrs:{\"for\":\"targetTimeLabel\"},domProps:{\"innerHTML\":_vm._s(_vm.$t('main.targetCharge.description', { targetSoC: _vm.targetSoC }))}}),_c('div',{staticClass:\"d-flex justify-content-between\",style:({ 'max-width': '350px' })},[_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedDay),expression:\"selectedDay\"}],staticClass:\"form-select me-2\",style:({ 'flex-basis': '60%' }),on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.selectedDay=$event.target.multiple ? $$selectedVal : $$selectedVal[0]}}},_vm._l((_vm.dayOptions()),function(opt){return _c('option',{key:opt.value,domProps:{\"value\":opt.value}},[_vm._v(\" \"+_vm._s(opt.name)+\" \")])}),0),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedTime),expression:\"selectedTime\"}],staticClass:\"form-control ms-2\",style:({ 'flex-basis': '40%' }),attrs:{\"type\":\"time\",\"step\":60 * 5,\"required\":\"\"},domProps:{\"value\":(_vm.selectedTime)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.selectedTime=$event.target.value}}})])]),(!_vm.selectedTargetTimeValid)?_c('p',{staticClass:\"text-danger mb-0\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"main.targetCharge.targetIsInThePast\"))+\" \")]):_vm._e(),_c('p',{staticClass:\"small mt-3 text-muted\"},[_c('strong',{staticClass:\"text-primary\"},[_c('fa-icon',{attrs:{\"icon\":\"flask\"}}),_vm._v(\" \"+_vm._s(_vm.$t(\"main.targetCharge.experimentalLabel\"))+\": \")],1),_vm._v(\" \"+_vm._s(_vm.$t(\"main.targetCharge.experimentalText\"))+\" \"),_c('a',{attrs:{\"href\":\"https://github.com/evcc-io/evcc/discussions/1433\",\"target\":\"_blank\"}},[_vm._v(\"GitHub Discussions\")]),_vm._v(\". \")])]),_c('div',{staticClass:\"modal-footer d-flex justify-content-between\"},[_c('button',{staticClass:\"btn btn-outline-secondary\",attrs:{\"type\":\"button\",\"data-bs-dismiss\":\"modal\"},on:{\"click\":_vm.removeTargetTime}},[_vm._v(\" \"+_vm._s(_vm.$t(\"main.targetCharge.remove\"))+\" \")]),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"submit\",\"data-bs-dismiss\":\"modal\",\"disabled\":!_vm.selectedTargetTimeValid}},[_vm._v(\" \"+_vm._s(_vm.$t(\"main.targetCharge.activate\"))+\" \")])])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TargetCharge.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TargetCharge.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TargetCharge.vue?vue&type=template&id=28849959&\"\nimport script from \"./TargetCharge.vue?vue&type=script&lang=js&\"\nexport * from \"./TargetCharge.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VehicleSubline.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VehicleSubline.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VehicleSubline.vue?vue&type=template&id=339c9c59&\"\nimport script from \"./VehicleSubline.vue?vue&type=script&lang=js&\"\nexport * from \"./VehicleSubline.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Vehicle.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Vehicle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Vehicle.vue?vue&type=template&id=64726dc5&\"\nimport script from \"./Vehicle.vue?vue&type=script&lang=js&\"\nexport * from \"./Vehicle.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-6 col-sm-3 col-lg-2 mt-3 offset-lg-4\"},[_c('div',{staticClass:\"mb-2 value\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"main.loadpointDetails.power\"))+\" \"),(_vm.chargePower && _vm.activePhases)?_c('div',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:({ content: _vm.phaseTooltip }),expression:\"{ content: phaseTooltip }\"}],staticClass:\"badge rounded-pill bg-secondary text-light cursor-pointer d-inline-flex align-items-center\",attrs:{\"tabindex\":\"0\"}},[_c('div',[_vm._v(_vm._s(_vm.activePhases)+\"P\")]),(_vm.phaseTimerVisible)?_c('WaitingDots',{attrs:{\"direction\":_vm.phaseAction === 'scale1p' ? 'down' : 'up'}}):_vm._e()],1):_vm._e(),(_vm.climater == 'heating')?_c('fa-icon',{staticClass:\"text-primary ms-1\",attrs:{\"icon\":\"temperature-low\"}}):_vm._e(),(_vm.climater == 'cooling')?_c('fa-icon',{staticClass:\"text-primary ms-1\",attrs:{\"icon\":\"temperature-high\"}}):_vm._e(),(_vm.climater == 'on')?_c('fa-icon',{staticClass:\"text-primary ms-1\",attrs:{\"icon\":\"thermometer-half\"}}):_vm._e()],1),_c('h3',{staticClass:\"value\"},[_vm._v(\" \"+_vm._s(_vm.fmt(_vm.chargePower))+\" \"),_c('small',{staticClass:\"text-muted\"},[_vm._v(_vm._s(_vm.fmtUnit(_vm.chargePower))+\"W\")]),(_vm.pvTimerVisible)?_c('small',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:({\n\t\t\t\t\t\tcontent: _vm.$t((\"main.loadpointDetails.tooltip.pv.\" + _vm.pvAction), {\n\t\t\t\t\t\t\tremaining: _vm.fmtShortDuration(_vm.pvRemainingInterpolated, true),\n\t\t\t\t\t\t}),\n\t\t\t\t\t}),expression:\"{\\n\\t\\t\\t\\t\\t\\tcontent: $t(`main.loadpointDetails.tooltip.pv.${pvAction}`, {\\n\\t\\t\\t\\t\\t\\t\\tremaining: fmtShortDuration(pvRemainingInterpolated, true),\\n\\t\\t\\t\\t\\t\\t}),\\n\\t\\t\\t\\t\\t}\"}],staticClass:\"text-muted cursor-pointer d-inline-block align-bottom\",staticStyle:{\"margin-bottom\":\"0.1em\"},attrs:{\"tabindex\":\"0\"}},[_c('WaitingDots',{attrs:{\"direction\":_vm.pvAction === 'disable' ? 'down' : 'up'}})],1):_vm._e()])]),_c('div',{staticClass:\"col-6 col-sm-3 col-lg-2 mt-3\"},[_c('div',{staticClass:\"mb-2 value\"},[_vm._v(_vm._s(_vm.$t(\"main.loadpointDetails.charged\")))]),_c('h3',{staticClass:\"value\"},[_vm._v(\" \"+_vm._s(_vm.fmt(_vm.chargedEnergy))+\" \"),_c('small',{staticClass:\"text-muted\"},[_vm._v(_vm._s(_vm.fmtUnit(_vm.chargedEnergy))+\"Wh\")])])]),(_vm.vehicleRange && _vm.vehicleRange >= 0)?_c('div',{staticClass:\"col-6 col-sm-3 col-lg-2 mt-3\"},[_c('div',{staticClass:\"mb-2 value\"},[_vm._v(_vm._s(_vm.$t(\"main.loadpointDetails.vehicleRange\")))]),_c('h3',{staticClass:\"value\"},[_vm._v(\" \"+_vm._s(Math.round(_vm.vehicleRange))+\" \"),_c('small',{staticClass:\"text-muted\"},[_vm._v(\"km\")])])]):_c('div',{staticClass:\"col-6 col-sm-3 col-lg-2 mt-3\"},[_c('div',{staticClass:\"mb-2 value\"},[_vm._v(_vm._s(_vm.$t(\"main.loadpointDetails.duration\")))]),_c('h3',{staticClass:\"value\"},[_vm._v(\" \"+_vm._s(_vm.fmtShortDuration(_vm.chargeDurationInterpolated))+\" \"),_c('small',{staticClass:\"text-muted\"},[_vm._v(_vm._s(_vm.fmtShortDurationUnit(_vm.chargeDurationInterpolated)))])])]),(_vm.vehiclePresent)?_c('div',{staticClass:\"col-6 col-sm-3 col-lg-2 mt-3\"},[_c('div',{staticClass:\"mb-2 value\"},[_vm._v(_vm._s(_vm.$t(\"main.loadpointDetails.remaining\")))]),_c('h3',{staticClass:\"value\"},[_vm._v(\" \"+_vm._s(_vm.fmtShortDuration(_vm.chargeRemainingDurationInterpolated))+\" \"),_c('small',{staticClass:\"text-muted\"},[_vm._v(_vm._s(_vm.fmtShortDurationUnit(_vm.chargeRemainingDurationInterpolated, true)))])])]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"root position-relative\",class:(\"direction-\" + _vm.direction)},[_c('shopicon-options-filled',{staticClass:\"dots dots-back\"}),_c('shopicon-options-filled',{staticClass:\"dots dots-front position-absolute start-0 top-0\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WaitingDots.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WaitingDots.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WaitingDots.vue?vue&type=template&id=60c12baf&scoped=true&\"\nimport script from \"./WaitingDots.vue?vue&type=script&lang=js&\"\nexport * from \"./WaitingDots.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WaitingDots.vue?vue&type=style&index=0&id=60c12baf&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"60c12baf\",\n null\n \n)\n\nexport default component.exports","\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadpointDetails.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadpointDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoadpointDetails.vue?vue&type=template&id=3c1cbb49&\"\nimport script from \"./LoadpointDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./LoadpointDetails.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loadpoint.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Loadpoint.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Loadpoint.vue?vue&type=template&id=71bb368e&\"\nimport script from \"./Loadpoint.vue?vue&type=script&lang=js&\"\nexport * from \"./Loadpoint.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Site.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Site.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Site.vue?vue&type=template&id=6fe80f62&\"\nimport script from \"./Site.vue?vue&type=script&lang=js&\"\nexport * from \"./Site.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Main.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Main.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Main.vue?vue&type=template&id=08f88740&\"\nimport script from \"./Main.vue?vue&type=script&lang=js&\"\nexport * from \"./Main.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row mt-4 border-bottom\"},[_c('div',{staticClass:\"col-12\"},[_c('p',{staticClass:\"h1\"},[_vm._v(_vm._s(_vm.title || \"Home\"))])])]),_c('div',{staticClass:\"row h5\"},[_c('div',{staticClass:\"col-md-4\"}),_c('div',{staticClass:\"col-6 col-md-2 py-3\"},[_vm._v(\" Netzzähler: \"),(_vm.gridConfigured)?_c('span',{staticClass:\"text-primary\"},[_vm._v(\"✓\")]):_c('span',{staticClass:\"text-primary\"},[_vm._v(\"—\")])]),_c('div',{staticClass:\"col-6 col-md-2 py-3\"},[_vm._v(\" PV Zähler: \"),(_vm.pvConfigured)?_c('span',{staticClass:\"text-primary\"},[_vm._v(\"✓\")]):_c('span',{staticClass:\"text-primary\"},[_vm._v(\"—\")])]),_c('div',{staticClass:\"col-6 col-md-2 py-3\"},[_vm._v(\" Batteriezähler: \"),(_vm.batteryConfigured)?_c('span',{staticClass:\"text-primary\"},[_vm._v(\"✓\")]):_c('span',{staticClass:\"text-primary\"},[_vm._v(\"—\")])])]),_vm._l((_vm.loadpoints),function(loadpoint,id){return _c('div',{key:id,attrs:{\"id\":'loadpoint-' + id,\"loadpoint\":loadpoint}},[_c('div',{staticClass:\"row mt-4 border-bottom\"},[_c('div',{staticClass:\"col-12\"},[_c('p',{staticClass:\"h1\"},[_vm._v(_vm._s(loadpoint.title || \"Ladepunkt\"))])])]),_c('div',{staticClass:\"row h5\"},[_c('div',{staticClass:\"col-md-4\"}),_c('div',{staticClass:\"col-6 col-md-2 py-3\"},[_vm._v(\" Ladezähler: \"),(loadpoint.chargeConfigured)?_c('span',{staticClass:\"text-primary\"},[_vm._v(\"✓\")]):_c('span',{staticClass:\"text-primary\"},[_vm._v(\"—\")])]),_c('div',{staticClass:\"col-6 col-md-2 py-3\"},[_vm._v(\" Phasen: \"),_c('span',{staticClass:\"text-primary\"},[_vm._v(_vm._s(loadpoint.phases)+\"p\")])]),_c('div',{staticClass:\"col-6 col-md-2 py-3\"},[_vm._v(\" Min. Strom: \"),_c('span',{staticClass:\"text-primary\"},[_vm._v(_vm._s(loadpoint.minCurrent)+\"A\")])]),_c('div',{staticClass:\"col-6 col-md-2 py-3\"},[_vm._v(\" Max. Strom: \"),_c('span',{staticClass:\"text-primary\"},[_vm._v(_vm._s(loadpoint.maxCurrent)+\"A\")])])]),_c('div',{staticClass:\"row h5\"},[_c('div',{staticClass:\"col-md-4\"}),_c('div',{staticClass:\"col-md-8 h2\"},[_vm._m(0,true),_c('div',{staticClass:\"row h5\"},[_c('div',{staticClass:\"col-6 py-3\"},[_vm._v(\" Modell: \"),_c('span',{staticClass:\"text-primary\"},[_vm._v(_vm._s(loadpoint.vehicleTitle || \"—\"))])]),_c('div',{staticClass:\"col-6 py-3\"},[_vm._v(\" Kapazität: \"),_c('span',{staticClass:\"text-primary\"},[_vm._v(_vm._s(loadpoint.vehicleCapacity)+\"kWh\")])])])])])])})],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row py-3 h2 border-bottom\"},[_c('div',{staticClass:\"col-12\"},[_vm._v(\"Fahrzeug\")])])}]\n\nexport { render, staticRenderFns }","\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Config.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Config.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Config.vue?vue&type=template&id=156c4242&\"\nimport script from \"./Config.vue?vue&type=script&lang=js&\"\nexport * from \"./Config.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import VueRouter from \"vue-router\";\nimport Vue from \"vue\";\nimport Main from \"./views/Main\";\nimport Config from \"./views/Config\";\n\nVue.use(VueRouter);\n\nconst routes = [\n { path: \"/\", component: Main },\n { path: \"/config\", component: Config },\n];\n\nexport default new VueRouter({\n routes,\n linkExactActiveClass: \"active\", // Bootstrap