diff --git a/front/src/assets/integrations/logos/logo_zigbee2mqtt.png b/front/src/assets/integrations/logos/logo_zigbee2mqtt.png index 795a2d4fd7..74a5f21fa7 100644 Binary files a/front/src/assets/integrations/logos/logo_zigbee2mqtt.png and b/front/src/assets/integrations/logos/logo_zigbee2mqtt.png differ diff --git a/front/src/config/i18n/de.json b/front/src/config/i18n/de.json index 85554c0613..1d3d80beb5 100644 --- a/front/src/config/i18n/de.json +++ b/front/src/config/i18n/de.json @@ -984,6 +984,8 @@ "mqtt": "MQTT", "status": "Status", "connectionUrl": "URL der Zigbee2mqtt-Schnittstelle: {{url}}", + "z2mFrontendUrlLabel": "URL der Zigbee2mqtt-Schnittstelle", + "z2mFrontendUrlPlaceholder": "http://192.168.1.x:8080", "reset": { "title": "Integration zurücksetzen", "description": "Verwenden Sie diese Option, wenn Sie mit Zigbee2mqtt von vorne beginnen möchten. Dies kann nützlich sein, wenn Ihre Konfiguration beschädigt ist oder wenn Sie Ihren Zigbee-Koordinator wechseln möchten.", @@ -1012,6 +1014,8 @@ "nameLabel": "Gerätename", "namePlaceholder": "Gib den Namen deines Geräts ein", "roomLabel": "Zimmer", + "ieeeAddressLabel": "IEEE-Adresse", + "openInZ2mButton": "In Zigbee2mqtt öffnen", "topicLabel": "Topic", "topicPlaceholder": "%topic% Zigbee2MQTT-MQTT-Wert", "featuresLabel": "Funktionen", diff --git a/front/src/config/i18n/en.json b/front/src/config/i18n/en.json index ab930030f8..146237cfd3 100644 --- a/front/src/config/i18n/en.json +++ b/front/src/config/i18n/en.json @@ -879,6 +879,8 @@ "mqtt": "MQTT", "status": "Status", "connectionUrl": "Zigbee2mqtt Interface URL: {{url}}", + "z2mFrontendUrlLabel": "Zigbee2mqtt Interface URL", + "z2mFrontendUrlPlaceholder": "http://192.168.1.x:8080", "reset": { "title": "Reset Integration", "description": "Use this option if you want to start from scratch with Zigbee2mqtt. This can be useful if your configuration is corrupted or if you want to change your Zigbee coordinator.", @@ -907,6 +909,8 @@ "nameLabel": "Device Name", "namePlaceholder": "Enter the name of your device", "roomLabel": "Room", + "ieeeAddressLabel": "IEEE Address", + "openInZ2mButton": "Open in Zigbee2mqtt", "topicLabel": "Topic", "topicPlaceholder": "%topic% Zigbee2mqtt MQTT value", "featuresLabel": "Features", diff --git a/front/src/config/i18n/fr.json b/front/src/config/i18n/fr.json index bfa52ce8ab..75a0854c5d 100644 --- a/front/src/config/i18n/fr.json +++ b/front/src/config/i18n/fr.json @@ -1117,6 +1117,8 @@ "mqtt": "MQTT", "status": "Statut", "connectionUrl": "URL de l'interface Zigbee2mqtt : {{url}}", + "z2mFrontendUrlLabel": "URL de l'interface Zigbee2mqtt", + "z2mFrontendUrlPlaceholder": "http://192.168.1.x:8080", "reset": { "title": "Réinitialiser l'intégration", "description": "Utilisez cette option si vous souhaitez repartir de zéro avec Zigbee2mqtt. Cela peut être utile si votre configuration est corrompue ou si vous souhaitez changer de coordinateur Zigbee.", @@ -1145,6 +1147,8 @@ "nameLabel": "Nom", "namePlaceholder": "Donner un nom à l'appareil", "roomLabel": "Pièce", + "ieeeAddressLabel": "Adresse IEEE", + "openInZ2mButton": "Ouvrir dans Zigbee2mqtt", "topicLabel": "Sujet MQTT", "topicPlaceholder": "%topic% zigbee2mqtt MQTT value", "featuresLabel": "Fonctionnalités", diff --git a/front/src/routes/integration/all/zigbee2mqtt/device-page/Zigbee2mqttBox.jsx b/front/src/routes/integration/all/zigbee2mqtt/device-page/Zigbee2mqttBox.jsx index 92d8dcf5c1..9370b1fac0 100644 --- a/front/src/routes/integration/all/zigbee2mqtt/device-page/Zigbee2mqttBox.jsx +++ b/front/src/routes/integration/all/zigbee2mqtt/device-page/Zigbee2mqttBox.jsx @@ -9,6 +9,7 @@ import style from './style.css'; import { DEVICE_FEATURE_CATEGORIES } from '../../../../../../../server/utils/constants'; import DeviceFeatures from '../../../../../components/device/view/DeviceFeatures'; import BatteryLevelFeature from '../../../../../components/device/view/BatteryLevelFeature'; +import logoZigbee2mqtt from '../../../../../assets/integrations/logos/logo_zigbee2mqtt.png'; class Zigbee2mqttBox extends Component { updateName = e => { @@ -164,6 +165,26 @@ class Zigbee2mqttBox extends Component { + {props.device.ieee_address && ( +
+ + + {props.z2mUrl && ( + + Zigbee2mqtt + + + )} +
+ )} +
+ {ieee_address && ( +
+ + + {z2mUrl && ( + + Zigbee2mqtt + + + )} +
+ )} +