own section for Identification (openWB#745)

* own page for rfid

* own page for rfid

* fix

* remove unused functions

* add vehicle list

* adjust vehicle layout

* remove unused functions; remove disable_after_unplug Buttons

* improve UI

* improve helptexts

* deactivate CP identification

* Add helptexts and cleanup code

* adjust helptexts; rename page

* change export name

* fix errors

* unterminated string

* fix

* fix

* fix

* improve helptext

* remove IDs

* add comment

* package

* remove openwb-base-array

* remove unused import

Author: ndrsnhs

src/components/OpenwbBaseArrayInput.vue

@@ -12,7 +12,10 @@
       <slot name="help" />
     </template>
     <template #default>
-      <div class="w-100">
+      <div
+        v-if="!noInput"
+        class="w-100"
+      >
         <div class="input-group">
           <div class="input-group-prepend">
             <div class="input-group-text">
@@ -60,6 +63,7 @@
           </slot>
           {{ tag }}
           <font-awesome-icon
+            v-if="!noInput"
             class="clickable remove-element"
             :icon="['fas', 'times-circle']"
             @click="removeTag(index)"
@@ -105,6 +109,12 @@ export default {
         return "Keine Elemente zugeordnet.";
       },
     },
+    noInput: {
+      type: Boolean,
+      default: () => {
+        return false;
+      },
+    },
   },
   emits: ["update:modelValue"],
   data() {

src/components/OpenwbPageNavbar.vue

@@ -86,7 +86,14 @@
               class="dropdown-item"
               active-class="active disabled"
             >
-              Optionale Hardware
+              Display
+            </router-link>
+            <router-link
+              to="/IdentificationConfig"
+              class="dropdown-item"
+              active-class="active disabled"
+            >
+              Identifikation
             </router-link>
           </div>
         </li>

src/router/index.js

@@ -38,11 +38,19 @@ const routes = [
     },
     component: () => import("../views/GeneralConfig.vue"),
   },
+  {
+    path: "/IdentificationConfig",
+    name: "IdentificationConfig",
+    meta: {
+      heading: "Einstellungen - Identifikation",
+    },
+    component: () => import("../views/IdentificationConfig.vue"),
+  },
   {
     path: "/OptionalComponents",
     name: "OptionalComponents",
     meta: {
-      heading: "Einstellungen - Optionale Hardware",
+      heading: "Einstellungen - Display",
     },
     component: () => import("../views/OptionalComponents.vue"),
   },

src/views/ChargePointInstallation.vue

@@ -287,37 +287,35 @@
             />
             <hr />
             <openwb-base-heading> Zugangskontrolle </openwb-base-heading>
-            <openwb-base-button-group-input
-              title="Sperre nach Abstecken"
-              :buttons="[
-                {
-                  buttonValue: false,
-                  text: 'Nein',
-                  class: 'btn-outline-danger',
-                },
-                {
-                  buttonValue: true,
-                  text: 'Ja',
-                  class: 'btn-outline-success',
-                },
-              ]"
-              :model-value="chargePointTemplate.disable_after_unplug"
-              @update:model-value="updateState(chargePointTemplateKey, $event, 'disable_after_unplug')"
-            >
-              <template #help> Sperrt den Ladepunkt nach Abstecken eines Fahrzeuges. </template>
-            </openwb-base-button-group-input>
-            <div v-if="$store.state.mqtt['openWB/optional/rfid/active'] === true && !installAssistantActive">
+            <div v-if="chargePointTemplate.valid_tags.length > 0">
+              <openwb-base-alert subtype="info">
+                Einstellungen zur Zugangskontrolle finden sich unter
+                <router-link to="/IdentificationConfig"> Einstellungen - Identifikation </router-link>.
+                <div
+                  v-if="
+                    $store.state.mqtt['openWB/optional/rfid/active'] === true &&
+                    chargePointTemplate.disable_after_unplug
+                  "
+                >
+                  Die Option ist aktiv. Ladepunkte denen dieses Ladepunkt-Profil zugeordnet ist müssen per ID-Tag
+                  entsperrt werden.
+                </div>
+                <div v-else>Aktuell ist die Option in den Einstellungen deaktiviert.</div>
+                Dem Ladepunkt-Profil sind folgende ID-Tags zum Entsperren zugeordnet:
+              </openwb-base-alert>
               <openwb-base-array-input
-                v-if="chargePointTemplate.disable_after_unplug"
                 title="Zugeordnete ID-Tags"
-                no-elements-message="Keine ID-Tags zugeordnet."
+                no-elements-message="Keine keine ID-Tags zugeordnet."
+                no-input="true"
                 :model-value="chargePointTemplate.valid_tags"
-                @update:model-value="updateState(chargePointTemplateKey, $event, 'valid_tags')"
-              >
-                <template #help>
-                  Die hier eingetragenen ID-Tags dienen ausschließlich zum Entsperren des Ladepunktes.
-                </template>
-              </openwb-base-array-input>
+              />
+            </div>
+            <div v-else>
+              <openwb-base-alert subtype="info">
+                Einstellungen zur Zugangskontrolle finden sich unter
+                <router-link to="/IdentificationConfig"> Einstellungen - Identifikation </router-link>.<br />
+                Dem Ladepunkt-Profil sind aktuell keine ID-Tags zum Entsperren zugeordnet.
+              </openwb-base-alert>
             </div>
             <hr />
             <openwb-base-heading> Angaben zum konfigurierten Ladestrom der openWB </openwb-base-heading>