From 92ef93071faf0efb6075d70b6b27eb640e965aba Mon Sep 17 00:00:00 2001
From: christian1180 <126362145+christian1180@users.noreply.github.com>
Date: Sat, 21 Dec 2024 12:53:29 +0100
Subject: [PATCH] CUX2802 aufgenommen

CUX2802 aufgenommen
config/mapping.json
js/script.js.php
components/CUX2802.php
---
 components/CUX2802.php | 250 +++++++++++++++++++++++++++++++++++++++++
 config/mapping.json    |   8 ++
 js/script.js.php       |   1 +
 3 files changed, 259 insertions(+)
 create mode 100644 components/CUX2802.php

diff --git a/components/CUX2802.php b/components/CUX2802.php
new file mode 100644
index 0000000..fbc9145
--- /dev/null
+++ b/components/CUX2802.php
@@ -0,0 +1,250 @@
+<?php
+
+/*
+mit folgendem können die Schaltflächen beschriftet werden
+
+"label":"Text kurz,Text lang"
+
+ist der Text leer wird die Schaltfläche nicht angezeigt. (hier kurz)
+
+"label":",Text lang"
+
+*/
+
+
+function CUX2802($component) {
+    if ($component['parent_device_interface'] == 'CUxD' && $component['visible'] == 'true' && isset($component['PRESS_SHORT'])) {
+        if (!isset($component['color'])) $component['color'] = '#595959';
+					// ShowTime - Uhrzeit der letzten Änderung anzeigen
+		if(isset($component['showtime']))
+		{
+			if($component['showtime'] == "true") { $ShowTime = '<span class="info" data-id="' . $component['ise_id']  . 't" data-component="showtime" data-datapoint="showtime"></span>&nbsp;&nbsp;'		; }
+			else { $ShowTime = ''; }
+		}
+		else { $ShowTime = ''; }
+		if(isset($component['label']))
+		{
+			$Label = explode(",",$component['label']);
+			if($Label[0] <> "") { $LabelKurz = '<span class="set btn-text" data-set-id="' . $component['PRESS_SHORT'] . '" data-set-value="1">'.$Label[0].'</span>'; }
+			else { $LabelKurz = ''; }
+			if($Label[1] <> "") { $LabelLang = '<span class="set btn-text" data-set-id="' . $component['PRESS_LONG'] . '" data-set-value="1">'.$Label[1].'</span>'; }
+			else { $LabelLang = ''; }
+		}
+		else
+		{
+			$LabelKurz = '<span class="set btn-text" data-set-id="' . $component['PRESS_SHORT'] . '" data-set-value="1">Kurz</span>';
+			$LabelLang = '<span class="set btn-text" data-set-id="' . $component['PRESS_LONG'] . '" data-set-value="1">Lang</span>';
+		}
+			
+            return '<div class="hh" style=\'border-left-color: '.$component['color'].'; border-left-style: solid;\'>'
+            . '<div class="pull-left"><img src="icon/' . $component["icon"] . '" class="icon">' . $component['name'] . '</div>'
+            . '<div class="pull-right">'
+			. $ShowTime
+                . $LabelKurz
+                . $LabelLang
+            . '</div>'
+            . '<div class="clearfix"></div>'
+        . '</div>';
+    }
+    
+    if ($component['parent_device_interface'] == 'CUxD' && $component['visible'] == 'true' && isset($component['STATE'])) {
+        if (!isset($component['color'])) $component['color'] = '#595959';
+					// ShowTime - Uhrzeit der letzten Änderung anzeigen
+		if(isset($component['showtime']))
+		{
+			if($component['showtime'] == "true") { $ShowTime = '<span class="info" data-id="' . $component['ise_id']  . 't" data-component="showtime" data-datapoint="showtime"></span>&nbsp;&nbsp;'		; }
+			else { $ShowTime = ''; }
+		}
+		else { $ShowTime = ''; }
+            return '<div class="hh" style=\'border-left-color: '.$component['color'].'; border-left-style: solid;\'>'
+            . '<div class="pull-left"><img src="icon/' . $component["icon"] . '" class="icon">' . $component['name'] . '</div>'
+            . '<div class="pull-right">'
+			. $ShowTime
+                . '<span class="info set" data-id="' . $component['STATE'] . '" data-component="' . $component['component'] . '" data-datapoint="STATE" data-set-id="' . $component['STATE'] . '" data-set-value=""></span>'
+            . '</div>'
+            . '<div class="clearfix"></div>'
+        . '</div>';
+    }
+    
+    if ($component['parent_device_interface'] == 'CUxD' && $component['visible'] == 'true' && isset($component['LEVEL']) && isset($component['STOP'])) {
+        $modalId = mt_rand();
+        
+        if (!isset($component['color'])) $component['color'] = '#595959';
+					// ShowTime - Uhrzeit der letzten Änderung anzeigen
+		if(isset($component['showtime']))
+		{
+			if($component['showtime'] == "true") { $ShowTime = '<span class="info" data-id="' . $component['ise_id']  . 't" data-component="showtime" data-datapoint="showtime"></span>&nbsp;&nbsp;'		; }
+			else { $ShowTime = ''; }
+		}
+		else { $ShowTime = ''; }
+            return '<div class="hh" style=\'border-left-color: '.$component['color'].'; border-left-style: solid;\'>'
+            . '<div data-toggle="collapse" data-target="#' . $modalId . '">'
+                . '<div class="pull-left"><img src="icon/' . $component["icon"] . '" class="icon">' . $component['name'] . '</div>'
+                . '<div class="pull-right">'
+				. $ShowTime
+                    . '<span class="info" data-id="' . $component['LEVEL'] . '" data-component="' . $component['component'] . '" data-datapoint="BLIND_LEVEL"></span>'
+                . '</div>'
+                . '<div class="clearfix"></div>'
+            . '</div>'
+            . '<div class="hh2 collapse" id="' . $modalId . '">'
+                . '<div class="row text-center">'
+                    . '<div class="btn-group">'
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="1.0">'
+                            . '<img src="icon/fts_window_2w.png" />'
+                        . '</button>'
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.8">'
+                            . '<img src="icon/fts_shutter_20.png" />'
+                        . '</button>'
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.6">'
+                            . '<img src="icon/fts_shutter_40.png" />'
+                        . '</button>'
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.4">'
+                            . '<img src="icon/fts_shutter_60.png" />'
+                        . '</button>'
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.2">'
+                            . '<img src="icon/fts_shutter_80.png" />'
+                        . '</button>'
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.0">'
+                            . '<img src="icon/fts_shutter_100.png" />'
+                        . '</button>'
+                    . '</div>'
+                . '</div>'
+            . '</div>'
+        . '</div>';
+    }    
+    
+    if ($component['parent_device_interface'] == 'CUxD' && $component['visible'] == 'true' && isset($component['LEVEL']) && isset($component['OLD_LEVEL'])) {
+        $modalId = mt_rand();
+        
+        if (!isset($component['color'])) $component['color'] = '#595959';
+					// ShowTime - Uhrzeit der letzten Änderung anzeigen
+		if(isset($component['showtime']))
+		{
+			if($component['showtime'] == "true") { $ShowTime = '<span class="info" data-id="' . $component['ise_id']  . 't" data-component="showtime" data-datapoint="showtime"></span>&nbsp;&nbsp;'		; }
+			else { $ShowTime = ''; }
+		}
+		else { $ShowTime = ''; }
+            return '<div class="hh" style=\'border-left-color: '.$component['color'].'; border-left-style: solid;\'>'
+            . '<div data-toggle="collapse" data-target="#' . $modalId . '">'
+                . '<div class="pull-left"><img src="icon/' . $component["icon"] . '" class="icon">' . $component['name'] . '</div>'
+                . '<div class="pull-right">'
+				. $ShowTime
+                    . '<span class="info" data-id="' . $component['LEVEL'] . '" data-component="' . $component['component'] . '" data-datapoint="DIMMER_LEVEL"></span>'
+                . '</div>'
+                . '<div class="clearfix"></div>'
+            . '</div>'
+            . '<div class="hh2 collapse" id="' . $modalId . '">'
+                . '<div class="row text-center">'
+                    . '<div class="btn-group">'
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="1.0">'
+                            . '<img src="icon/light_light_dim_100.png" />'
+                        . '</button>'
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.8">'
+                            . '<img src="icon/light_light_dim_80.png" />'
+                        . '</button>'
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.6">'
+                            . '<img src="icon/light_light_dim_60.png" />'
+                        . '</button>'
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.4">'
+                            . '<img src="icon/light_light_dim_40.png" />'
+                        . '</button>'
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.2">'
+                            . '<img src="icon/light_light_dim_20.png" />'
+                        . '</button>'
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.0">'
+                            . '<img src="icon/light_light_dim_00.png" />'
+                        . '</button>'
+                    . '</div>'
+                . '</div>'
+                . '<div class="row text-center top15">'
+                    . '<div class="row text-center">'
+                        . '<div class="form-inline">'
+                            . '<div class="input-group">'
+                                . '<input type="number" name="' . $component['LEVEL'] . '" min="0" max="100" class="form-control" placeholder="Zahl eingeben">'
+                                . '<span class="input-group-btn">'
+                                    . '<button class="btn btn-primary set" data-datapoint="4" data-set-id="' . $component['LEVEL'] . '" data-set-value="">OK</button>'
+                                . '</span>'
+                            . '</div>'
+                            . '<div class="btn-group">'
+                                . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="1.0">'
+                                    . 'An'
+                                . '</button>'
+                                . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.0">'
+                                    . 'Aus'
+                                . '</button>'
+                            . '</div>'
+                        . '</div>'
+                    . '</div>'
+                . '</div>'
+            . '</div>'
+        . '</div>';
+    }
+	
+	// RGBW
+	if ($component['parent_device_interface'] == 'CUxD' && $component['visible'] == 'true' &&  isset($component['RGBW'])) {
+        $modalId = mt_rand();
+        
+        if (!isset($component['color'])) $component['color'] = '#595959';
+					// ShowTime - Uhrzeit der letzten Änderung anzeigen
+		if(isset($component['showtime']))
+		{
+			if($component['showtime'] == "true") { $ShowTime = '<span class="info" data-id="' . $component['ise_id']  . 't" data-component="showtime" data-datapoint="showtime"></span>&nbsp;&nbsp;'		; }
+			else { $ShowTime = ''; }
+		}
+		else { $ShowTime = ''; }
+            return '<div class="hh" style=\'border-left-color: '.$component['color'].'; border-left-style: solid;\'>'
+            . '<div data-toggle="collapse" data-target="#' . $modalId . '">'
+                . '<div class="pull-left"><img src="icon/' . $component["icon"] . '" class="icon">' . $component['name'] . '</div>'
+                . '<div class="pull-right">'
+				. $ShowTime
+                    . '<span class="info" data-id="' . $component['LEVEL'] . '" data-component="' . $component['component'] . '" data-datapoint="DIMMER_LEVEL"></span>'
+                . '</div>'
+                . '<div class="clearfix"></div>'
+            . '</div>'
+            . '<div class="hh2 collapse" id="' . $modalId . '">'
+                . '<div class="row text-center">'
+                    . '<div class="btn-group">'
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.0">'
+                            . '<img src="icon/light_light_dim_00.png" />'
+                        . '</button>'					
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.2">'
+                            . '<img src="icon/light_light_dim_20.png" />'
+                        . '</button>'						
+				        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.4">'
+                            . '<img src="icon/light_light_dim_40.png" />'
+                        . '</button>'
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.6">'
+                            . '<img src="icon/light_light_dim_60.png" />'
+                        . '</button>'	
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.8">'
+                            . '<img src="icon/light_light_dim_80.png" />'
+                        . '</button>'						
+                        . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="1.0">'
+                            . '<img src="icon/light_light_dim_100.png" />'
+                        . '</button>'
+                    . '</div>'
+                . '</div>'
+                . '<div class="row text-center top15">'
+                    . '<div class="row text-center">'
+                        . '<div class="form-inline">'
+                            . '<div class="input-group">'
+                                . '<input type="number" name="' . $component['LEVEL'] . '" min="0" max="100" class="form-control" placeholder="Zahl eingeben">'
+                                . '<span class="input-group-btn">'
+                                    . '<button class="btn btn-primary set" data-datapoint="4" data-set-id="' . $component['LEVEL'] . '" data-set-value="">OK</button>'
+                                . '</span>'
+                            . '</div>'
+                            . '<div class="btn-group">'
+                                . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="1.0">'
+                                    . 'An'
+                                . '</button>'
+                                . '<button type="button" class="btn btn-primary set" data-set-id="' . $component['LEVEL'] . '" data-set-value="0.0">'
+                                    . 'Aus'
+                                . '</button>'
+                            . '</div>'
+                        . '</div>'
+                    . '</div>'
+                . '</div>'
+            . '</div>'
+        . '</div>';
+    }	
+}
diff --git a/config/mapping.json b/config/mapping.json
index 3553a74..e29138c 100644
--- a/config/mapping.json
+++ b/config/mapping.json
@@ -248,6 +248,10 @@
             {
                 "name": "HmIPW-DRD3",
                 "icon": "light_light_dim_100.png"
+            },		
+			{
+                "name": "VIR-LG-RGBW-DIM",
+                "icon": "light_light_dim_100.png"
             }
         ],
         "CUxD": [
@@ -255,6 +259,10 @@
                 "name": "CUX2801",
                 "icon": "it_net.png"
             },     
+            {
+                "name": "CUX2802",
+                "icon": "it_net.png"
+            },     			
             {
                 "name": "CUX2803",
                 "icon": "it_internet.png"
diff --git a/js/script.js.php b/js/script.js.php
index 8821fe1..ab8fd91 100644
--- a/js/script.js.php
+++ b/js/script.js.php
@@ -2409,6 +2409,7 @@
                         $('[data-id="' + ise_id + '"]').html(value);
                         break;
                     case 'CUX2801':
+					case 'CUX2802':
 					case 'CUX2804':
                         switch (datapoint) {
 							   case 'CURRENT':