Add loadpoint config api (BC)

api/error.go

@@ -9,7 +9,7 @@ var ErrNotAvailable = errors.New("not available")
 var ErrMustRetry = errors.New("must retry")
 
 // ErrSponsorRequired indicates that a sponsor token is required
-var ErrSponsorRequired = errors.New("sponsorship required, see https://github.com/evcc-io/evcc#sponsorship")
+var ErrSponsorRequired = errors.New("sponsorship required, see https://docs.evcc.io/docs/sponsorship")
 
 // ErrMissingCredentials indicates that user/password are missing
 var ErrMissingCredentials = errors.New("missing credentials")

api/globalconfig/types.go

@@ -38,7 +38,7 @@ type All struct {
 	Vehicles     []config.Named
 	Tariffs      Tariffs
 	Site         map[string]interface{}
-	Loadpoints   []map[string]interface{}
+	Loadpoints   []config.Named
 	Circuits     []config.Named
 }
 

assets/css/app.css

@@ -25,8 +25,9 @@
 	--evcc-green: #baffcb;
 	--evcc-dark-green: #0fde41ff;
 	--evcc-darker-green: #0ba631ff;
+	--evcc-darker-green-rgb: 11, 166, 49;
 	--evcc-darkest-green: #076f20ff;
-	--evcc-darkest-green-rgb: 11, 166, 49;
+	--evcc-darkest-green-rgb: 7, 111, 32;
 	--evcc-yellow: #faf000;
 	--evcc-dark-yellow: #bbb400;
 	--evcc-orange: #ff9000;
@@ -269,10 +270,16 @@ a:hover {
 	--bs-btn-hover-border-color: var(--bs-gray-medium);
 }
 
-.btn-link:hover {
+.btn-link:hover,
+.btn-link:focus {
 	color: var(--bs-primary);
 }
 
+.btn-link:focus {
+	outline: var(--bs-focus-ring-width) solid var(--bs-focus-ring-color);
+	outline-width: var(--bs-focus-ring-width);
+}
+
 .dark .btn-outline-secondary {
 	--bs-btn-color: var(--bs-gray-bright);
 	--bs-btn-border-color: var(--bs-gray-bright);
@@ -364,6 +371,16 @@ a:hover {
 	transition-timing-function: linear;
 }
 
+.modal.fade-left .modal-dialog {
+	transform: translate(-50px, 0);
+}
+.modal.fade-right .modal-dialog {
+	transform: translate(50px, 0);
+}
+.modal.show .modal-dialog {
+	transform: none;
+}
+
 .modal-header {
 	padding: 0 0 1rem 0;
 	border: none;
@@ -517,8 +534,13 @@ input::-webkit-datetime-edit {
 .form-control {
 	color: var(--evcc-default-text);
 }
-.form-control:disabled {
+.form-control:disabled,
+.form-control:read-only,
+.dark .form-control:disabled,
+.dark .form-control:read-only {
+	background-color: var(--bs-secondary-bg);
 	color: var(--bs-gray-dark);
+	opacity: 1;
 }
 
 .dark .form-control {
@@ -633,6 +655,12 @@ html.app .modal-dialog {
 	color: var(--evcc-darkest-green);
 }
 
+.hyphenate {
+	overflow-wrap: break-word;
+	word-wrap: break-word;
+	hyphens: auto;
+}
+
 input::-webkit-date-and-time-value {
 	text-align: left;
 }

assets/js/components/ChargingPlan.vue

@@ -272,6 +272,7 @@ export default {
 			this.modal.show();
 		},
 		updateTargetTimeLabel: function () {
+			if (!this.effectivePlanTime) return "";
 			const targetDate = new Date(this.effectivePlanTime);
 			this.targetTimeLabel = this.fmtAbsoluteDate(targetDate);
 		},