From 6a66af8ec699ec9c31315b0a11c59823eb2b1147 Mon Sep 17 00:00:00 2001
From: Binary-Vanguard-12138
 <103393933+Binary-Vanguard-12138@users.noreply.github.com>
Date: Wed, 15 May 2024 13:52:44 -0400
Subject: [PATCH] #1559 Added animation widget preset buttons in Web API test
 page

---
 webaccess/res/Test_Web_API.html | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/webaccess/res/Test_Web_API.html b/webaccess/res/Test_Web_API.html
index bba18ebb2e..fe2e866628 100644
--- a/webaccess/res/Test_Web_API.html
+++ b/webaccess/res/Test_Web_API.html
@@ -122,6 +122,22 @@
   }
 }
 
+function vcAnimationWidgetControl(animIDObjName, controlIDObjName)
+{
+  var animObj = document.getElementById(animIDObjName);
+  var controlIDObj = document.getElementById(controlIDObjName);
+
+  if (animObj && controlIDObj)
+  {
+    if (isConnected === true)
+    {
+        websocket.send(animObj.value + "|MATRIX_PUSHBUTTON|" + controlIDObj.value);
+    }
+    else
+      alert("You must connect to QLC+ WebSocket first!");
+  }
+}
+
 function connectToWebSocket(host) {
   var url = 'ws://' + host + '/qlcplusWS';
   websocket = new WebSocket(url);
@@ -496,6 +512,20 @@ <h2>Q Light Controller+ Web API test page</h2>
   </td>
  </tr>
 
+ <tr>
+  <td>
+   <div class="apiButton" onclick="javascript:vcAnimationWidgetControl('animWidgetID', 'animControlID');">Animation widget control</div><br>
+   Animation widget ID: <input id="animWidgetID" type="text" value="0" size="6"><br>
+   Control ID: <input id="animControlID" type="text" value="0" size="6">
+  </td>
+  <td colspan="2">
+    This API demonstrates how to control Virtual Console Animation widget.
+    The parameters to be used are:<br>
+    <b>Animation widget ID</b>: The Animation widget ID as retrieved with the 'getWidgetsList' API<br>
+    <b>Control ID</b>: The Animation control ID of preset buttons.
+  </td>
+ </tr>
+
 </table>
 
 </body>