fixes (openWB#785)

* add missing help texts in mqtt bridge configuration

* fix reference to installAssistentActive in IdentificationConfig

* modify padding of range in put label

* optimize button group layout

Author: benderl

src/components/OpenwbBaseButtonGroupInput.vue

@@ -16,23 +16,26 @@
         <label
           v-for="button in buttons"
           :key="button.value"
-          class="btn"
+          class="btn btn-same-size btn-centered"
           :class="[value == button.buttonValue ? 'active' : '', button.class ? button.class : 'btn-outline-info']"
         >
-          <input
-            v-model="value"
-            type="radio"
-            :value="button.buttonValue"
-            v-bind="$attrs"
-            @click="$emit('button-click', button.buttonValue)"
-          />
-          <slot :name="'label-' + button.buttonValue">
-            {{ button.text }}
-          </slot>
-          <font-awesome-icon
-            :icon="['fas', 'check']"
-            :style="[value == button.buttonValue ? 'visibility: visible' : 'visibility: hidden']"
-          />
+          <span>
+            <input
+              v-model="value"
+              type="radio"
+              :value="button.buttonValue"
+              v-bind="$attrs"
+              @click="$emit('button-click', button.buttonValue)"
+            />
+            <slot :name="'label-' + button.buttonValue">
+              {{ button.text }}
+            </slot>
+            <span>&nbsp;</span>
+            <font-awesome-icon
+              :icon="['fas', 'check']"
+              :style="[value == button.buttonValue ? 'visibility: visible' : 'visibility: hidden']"
+            />
+          </span>
         </label>
       </div>
     </template>
@@ -73,3 +76,15 @@ export default {
   },
 };
 </script>
+
+<style scoped>
+.btn.btn-centered {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+}
+
+.btn.btn-same-size {
+  flex-basis: 10px !important; /* make buttons the same size */
+}
+</style>

src/components/OpenwbBaseRangeInput.vue

@@ -16,7 +16,7 @@
         <div class="vaRow mb-1 w-100">
           <label
             v-if="label"
-            class="col-2 col-form-label valueLabel"
+            class="col-2 pl-0 col-form-label valueLabel"
           >
             {{ label }}
           </label>

src/views/IdentificationConfig.vue

@@ -89,7 +89,7 @@
               <openwb-base-heading class="mt-0">
                 {{ chargePointTemplate.name }}
               </openwb-base-heading>
-              <div v-if="$store.state.mqtt['openWB/optional/rfid/active'] === true && !installAssistantActive">
+              <div v-if="$store.state.mqtt['openWB/optional/rfid/active'] === true">
                 <openwb-base-array-input
                   title="Zugeordnete ID-Tags"
                   :no-elements-message="'&quot;' + chargePointTemplate.name + '&quot; sind keine ID-Tags zugeordnet.'"
@@ -167,7 +167,7 @@
               <openwb-base-heading class="mt-0">
                 {{ $store.state.mqtt["openWB/vehicle/" + vehicleId + "/name"] }}
               </openwb-base-heading>
-              <div v-if="$store.state.mqtt['openWB/optional/rfid/active'] === true && !installAssistantActive">
+              <div v-if="$store.state.mqtt['openWB/optional/rfid/active'] === true">
                 <openwb-base-array-input
                   title="Zugeordnete ID-Tags"
                   :no-elements-message="

src/views/MqttBridgeConfig.vue

@@ -235,7 +235,10 @@
               :model-value="mqttBridge.data_transfer.status"
               @update:model-value="updateState(mqttBridgeKey, $event, 'data_transfer.status')"
             >
-              <template #help> ToDo... </template>
+              <template #help>
+                Wenn aktiviert, werden alle Statusdaten (z.B. Ladezustand, Leistung, Spannungen, Ströme, etc.) der
+                angeschlossenen Komponenten und Ladepunkte übertragen.
+              </template>
             </openwb-base-button-group-input>
             <openwb-base-button-group-input
               title="Datenserien für Diagramme"
@@ -254,7 +257,13 @@
               :model-value="mqttBridge.data_transfer.graph"
               @update:model-value="updateState(mqttBridgeKey, $event, 'data_transfer.graph')"
             >
-              <template #help> ToDo... </template>
+              <template #help>
+                Wenn aktiviert, werden alle Datenserien für die Diagramme (z.B. Leistung über Zeit) der angeschlossenen
+                Komponenten und Ladepunkte übertragen. Dies sind deutlich mehr Daten als bei den Statusdaten allein.<br />
+                Diese Einstellung sollte nur aktiviert werden, wenn die Daten auch tatsächlich benötigt und
+                interpretiert werden können. In der Regel werden die Daten nur für die Web- und Display-Themes benötigt
+                und können daher bei einer MQTT-Brücke deaktiviert bleiben.
+              </template>
             </openwb-base-button-group-input>
             <openwb-base-button-group-input
               title="Fernkonfiguration ermöglichen"
@@ -273,7 +282,13 @@
               :model-value="mqttBridge.data_transfer.configuration"
               @update:model-value="updateState(mqttBridgeKey, $event, 'data_transfer.configuration')"
             >
-              <template #help> ToDo... </template>
+              <template #help>
+                Wenn aktiviert, können über die MQTT-Brücke auch Konfigurationsänderungen (z.B. Ladeleistung,
+                Zeitsteuerungen, etc.) an die openWB über die Topics "openWB/set/*" gesendet werden. Dies sollte nur
+                aktiviert werden, wenn der entfernte MQTT-Server und alle Nutzer, welche darauf Zugriff haben, absolut
+                vertrauenswürdig sind. Ansonsten besteht die Gefahr, dass unbefugte Nutzer die Konfiguration der openWB
+                verändern und z.B. den Ladevorgang manipulieren.
+              </template>
             </openwb-base-button-group-input>
             <template #footer>
               <openwb-base-submit-buttons