diff --git a/assets/css/app.css b/assets/css/app.css index 2e4642201..c0efe7ae6 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -460,3 +460,17 @@ input[type="time"]::-webkit-calendar-picker-indicator { width: calc(1.2rem + 0.75rem); border-radius: 3rem; } + +.form-switch .form-check-input + .form-check-label { + margin-top: 0.1rem; + padding-left: 0.5rem; +} + +@media (min-width: 576px) { + .w-sm-100 { + width: 100% !important; + } + .w-sm-50 { + width: 50% !important; + } +} diff --git a/assets/js/components/BatterySettingsModal.vue b/assets/js/components/BatterySettingsModal.vue index 92a71a2d0..677d6a32b 100644 --- a/assets/js/components/BatterySettingsModal.vue +++ b/assets/js/components/BatterySettingsModal.vue @@ -3,7 +3,7 @@ @@ -245,14 +241,12 @@ import "@h2d2/shopicons/es/regular/lightning"; import "@h2d2/shopicons/es/regular/car3"; import "@h2d2/shopicons/es/regular/home"; import formatter from "../mixins/formatter"; -import FormRow from "./FormRow.vue"; - +import collector from "../mixins/collector"; import api from "../api"; export default { name: "BatterySettingsModal", - components: { FormRow }, - mixins: [formatter], + mixins: [formatter, collector], props: { bufferSoc: Number, prioritySoc: Number, @@ -460,6 +454,11 @@ export default { height: 300px; display: flex; } + +.legend { + min-width: 260px; +} + .batteryLimits { width: 50px; position: relative; @@ -521,11 +520,13 @@ export default { border-radius: 0.5rem 0 0 0.5rem; } .progress { + flex: 1; height: 100%; - width: 100px; + min-width: 100px; + max-width: 150px; flex-direction: column; position: relative; - border-radius: 10px; + border-radius: 1rem; background-color: var(--evcc-box) !important; } .progress-bar { diff --git a/assets/js/components/Energyflow/Energyflow.vue b/assets/js/components/Energyflow/Energyflow.vue index c4bac2732..c0e01a220 100644 --- a/assets/js/components/Energyflow/Energyflow.vue +++ b/assets/js/components/Energyflow/Energyflow.vue @@ -89,10 +89,8 @@ :powerInKw="powerInKw" :details="detailsValue(tariffGrid, tariffCo2)" :detailsFmt="detailsFmt" - :detailsClickable="gridModalAvailable" :detailsTooltip="detailsTooltip(tariffGrid, tariffCo2)" data-testid="energyflow-entry-gridimport" - @details-clicked="openGridSettingsModal" /> @@ -173,7 +171,6 @@ import AnimatedNumber from "../AnimatedNumber.vue"; import settings from "../../settings"; import { CO2_TYPE } from "../../units"; import collector from "../../mixins/collector"; -import gridModalAvailable from "../../utils/gridModalAvailable"; export default { name: "Energyflow", @@ -204,7 +201,6 @@ export default { tariffCo2Home: { type: Number }, tariffPriceLoadpoints: { type: Number }, tariffCo2Loadpoints: { type: Number }, - smartCostLimit: { type: Number }, smartCostType: { type: String }, currency: { type: String }, prioritySoc: { type: Number }, @@ -212,12 +208,9 @@ export default { bufferStartSoc: { type: Number }, }, data: () => { - return { detailsOpen: false, detailsCompleteHeight: null, gridSettingsModal: null }; + return { detailsOpen: false, detailsCompleteHeight: null }; }, computed: { - gridModalAvailable: function () { - return gridModalAvailable(this.smartCostType); - }, gridImport: function () { return Math.max(0, this.gridPower); }, @@ -334,10 +327,6 @@ export default { updateHeight: function () { this.detailsCompleteHeight = this.$refs.detailsInner.offsetHeight; }, - openGridSettingsModal() { - const modal = Modal.getOrCreateInstance(document.getElementById("gridSettingsModal")); - modal.show(); - }, openBatterySettingsModal() { const modal = Modal.getOrCreateInstance( document.getElementById("batterySettingsModal") diff --git a/assets/js/components/Loadpoint.vue b/assets/js/components/Loadpoint.vue index 5602d9f27..3a8f43c96 100644 --- a/assets/js/components/Loadpoint.vue +++ b/assets/js/components/Loadpoint.vue @@ -188,6 +188,7 @@ export default { tariffGrid: Number, tariffCo2: Number, currency: String, + multipleLoadpoints: Boolean, }, data() { return { diff --git a/assets/js/components/LoadpointSettingsModal.vue b/assets/js/components/LoadpointSettingsModal.vue index f73eec78e..b6dfec569 100644 --- a/assets/js/components/LoadpointSettingsModal.vue +++ b/assets/js/components/LoadpointSettingsModal.vue @@ -2,11 +2,13 @@