From 86bc51d6daaa8be2a08e44321694eea8d928e735 Mon Sep 17 00:00:00 2001
From: Daniel Neto <me@danielneto.com>
Date: Wed, 2 Oct 2024 12:12:18 -0300
Subject: [PATCH] Update Live Help

---
 plugin/Live/tabs/tabStreamSettings.php        |  6 +--
 .../Live/view/Live_restreams/getLiveKey.php   |  2 +-
 plugin/Live/view/Live_restreams/help.json     | 50 +++++++++++++++++++
 plugin/Live/view/Live_restreams/livePanel.php | 13 +++--
 .../view/Live_restreams/livePanelForm.php     | 12 ++---
 .../Live_restreams/testRestreamer.json.php    |  2 +-
 6 files changed, 69 insertions(+), 16 deletions(-)
 create mode 100644 plugin/Live/view/Live_restreams/help.json

diff --git a/plugin/Live/tabs/tabStreamSettings.php b/plugin/Live/tabs/tabStreamSettings.php
index 9b5b2fe8cd..56f604ed33 100644
--- a/plugin/Live/tabs/tabStreamSettings.php
+++ b/plugin/Live/tabs/tabStreamSettings.php
@@ -41,9 +41,9 @@ if (AVideoPlugin::isEnabledByName('Rebroadcaster')) {
     <div class="panel-heading">
         <i class="fas fa-hdd"></i> <?php echo __("RTMP Settings"); ?> (<?php echo $channelName; ?>)
         <div class="pull-right">
-        <?php
-        echo getTourHelpButton('plugin/Live/tabs/help.json', 'btn btn-default btn-xs', 'Live Configuration Help');
-        ?>
+            <?php
+            echo getTourHelpButton('plugin/Live/tabs/help.json', 'btn btn-default btn-xs', 'Live Configuration Help');
+            ?>
         </div>
     </div>
     <div class="panel-body" style="overflow: hidden;">
diff --git a/plugin/Live/view/Live_restreams/getLiveKey.php b/plugin/Live/view/Live_restreams/getLiveKey.php
index 397c7bca17..de5f1c6e91 100644
--- a/plugin/Live/view/Live_restreams/getLiveKey.php
+++ b/plugin/Live/view/Live_restreams/getLiveKey.php
@@ -9,7 +9,7 @@ if (!Live::canRestream()) {
     return false;
 }
 ?>
-<div class="social-network">
+<div class="social-network" id="LiveKeysDivs">
     <button type="button" class="btn btn-default icoFacebook" onclick="openRestream('facebook')">
         <i class="fab fa-facebook-f mediumSocialIcon"></i><br>
         Facebook
diff --git a/plugin/Live/view/Live_restreams/help.json b/plugin/Live/view/Live_restreams/help.json
new file mode 100644
index 0000000000..6c8d0d6a07
--- /dev/null
+++ b/plugin/Live/view/Live_restreams/help.json
@@ -0,0 +1,50 @@
+[
+    {
+        "element": "#LiveRestreamPanel",
+        "intro": "It allows users to simultaneously stream video content to multiple platforms and social networks"
+    },
+    {
+        "element": "#panelLive_restreamsForm",
+        "intro": "This form allows you to set up a new restreaming configuration. You can add details like name, stream URL, and stream key."
+    },
+    {
+        "element": "#Live_restreamsnameDiv",
+        "intro": "Enter the name for this restream. This can be any name that helps you identify the restream destination."
+    },
+    {
+        "element": "#Live_restreamsstatusDiv",
+        "intro": "Select whether this restream configuration is active or inactive."
+    },
+    {
+        "element": "#Live_restreamsstream_urlDiv",
+        "intro": "Enter the stream URL where your stream will be sent. This is provided by the platform you want to restream to, like YouTube or Facebook."
+    },
+    {
+        "element": "#Live_restreamsstream_keyDiv",
+        "intro": "Enter the stream key provided by the platform to authenticate your stream. Make sure it matches the platform you're restreaming to."
+    },
+    {
+        "element": "#newLive_restreamsLink",
+        "intro": "Click here to create a new restream configuration."
+    },
+    {
+        "element": "#saveLive_restreamsLink",
+        "intro": "Click here to save restream configuration."
+    },
+    {
+        "element": "#Live_restreamsTable",
+        "intro": "This table lists all of your existing restream configurations. You can view, edit, or delete them from here."
+    },
+    {
+        "element": "#LiveKeysDivs",
+        "intro": "Use these buttons to quickly set up a restream to popular platforms like Facebook, YouTube, or Twitch."
+    },
+    {
+        "element": "#livePanelTest",
+        "intro": "Click this button to test your restream setup and ensure everything is working correctly."
+    },
+    {
+        "element": "#livePanelActiveLives",
+        "intro": "Click here to view the currently active live streams."
+    }
+]
diff --git a/plugin/Live/view/Live_restreams/livePanel.php b/plugin/Live/view/Live_restreams/livePanel.php
index a68e181ee7..bdc117e9ca 100644
--- a/plugin/Live/view/Live_restreams/livePanel.php
+++ b/plugin/Live/view/Live_restreams/livePanel.php
@@ -7,8 +7,13 @@ if (!Live::canRestream()) {
     return false;
 }
 ?>
-<div class="panel panel-default">
-    <div class="panel-heading tabbable-line">
+<div class="panel panel-default" id="LiveRestreamPanel">
+    <div class="panel-heading clearfix">
+        <div class="pull-right">
+            <?php
+            echo getTourHelpButton('plugin/Live/view/Live_restreams/help.json', 'btn btn-default btn-xs', 'Restream Help');
+            ?>
+        </div>
     </div>
     <div class="panel-body">
         <?php
@@ -20,11 +25,11 @@ if (!Live::canRestream()) {
         include $global['systemRootPath'] . 'plugin/Live/view/Live_restreams/getLiveKey.php';
         ?>
         <div class="btn-group pull-right">
-            <button type="button" class="btn btn-primary" onclick="testRestreamer();">
+            <button type="button" class="btn btn-primary" id="livePanelTest" onclick="testRestreamer();">
                 <i class="fas fa-check"></i>
                 <?php echo __('Test'); ?>
             </button>
-            <button type="button" class="btn btn-success" onclick="avideoModalIframe(webSiteRootURL+'plugin/Live/view/Live_restreams/activeLives.php');">
+            <button type="button" class="btn btn-success" id="livePanelActiveLives" onclick="avideoModalIframe(webSiteRootURL+'plugin/Live/view/Live_restreams/activeLives.php');">
                 <i class="fas fa-wifi"></i>
                 <?php echo __('Active Lives'); ?>
             </button>
diff --git a/plugin/Live/view/Live_restreams/livePanelForm.php b/plugin/Live/view/Live_restreams/livePanelForm.php
index a70d18f0d3..ecd89c9ca3 100644
--- a/plugin/Live/view/Live_restreams/livePanelForm.php
+++ b/plugin/Live/view/Live_restreams/livePanelForm.php
@@ -8,29 +8,27 @@ if (!Live::canRestream()) {
 }
 ?>
 <link rel="stylesheet" type="text/css" href="<?php echo getURL('view/css/DataTables/datatables.min.css'); ?>"/>
-<i class="fas fa-question-circle pull-right" data-toggle="tooltip" data-placement="left" title="<?php echo __("It allows users to simultaneously stream video content to multiple platforms and social networks"); ?>"></i>
 <div class="row">
     <div class="col-sm-12  <?php echo getCSSAnimationClassAndStyle('animate__flipInX', 'restream', 0.1); ?>">
         <form id="panelLive_restreamsForm">
             <div class="row">
                 <input type="hidden" name="id" id="Live_restreamsid" value="" >
-
-                <div class="form-group col-sm-6">
+                <div class="form-group col-sm-6" id="Live_restreamsnameDiv">
                     <label for="Live_restreamsname"><?php echo __("Name"); ?>:</label>
                     <input type="text" id="Live_restreamsname" name="name" class="form-control input-sm" placeholder="<?php echo __("Name"); ?>" required="true">
                 </div>
-                <div class="form-group col-sm-6">
+                <div class="form-group col-sm-6" id="Live_restreamsstatusDiv">
                     <label for="status"><?php echo __("Status"); ?>:</label>
                     <select class="form-control input-sm" name="status" id="Live_restreamsstatus">
                         <option value="a"><?php echo __("Active"); ?></option>
                         <option value="i"><?php echo __("Inactive"); ?></option>
                     </select>
                 </div>
-                <div class="form-group col-sm-6">
+                <div class="form-group col-sm-6" id="Live_restreamsstream_urlDiv">
                     <label for="Live_restreamsstream_url"><?php echo __("Stream Url"); ?>:</label>
                     <input type="text" id="Live_restreamsstream_url" name="stream_url" class="form-control input-sm" placeholder="<?php echo __("Stream Url"); ?>" required="true">
                 </div>
-                <div class="form-group col-sm-6">
+                <div class="form-group col-sm-6" id="Live_restreamsstream_keyDiv">
                     <label for="Live_restreamsstream_key"><?php echo __("Stream Key"); ?>:</label>
                     <input type="text" id="Live_restreamsstream_key" name="stream_key" class="form-control input-sm" placeholder="<?php echo __("Stream Key"); ?>" required="true">
                 </div>
@@ -42,7 +40,7 @@ if (!Live::canRestream()) {
                 <div class="form-group col-sm-12 ">
                     <div class="btn-group pull-right">
                         <span class="btn btn-success" id="newLive_restreamsLink" onclick="clearLive_restreamsForm()"><i class="fas fa-plus"></i> <?php echo __("New"); ?></span>
-                        <button class="btn btn-primary" type="submit"><i class="fas fa-save"></i> <?php echo __("Save"); ?></button>
+                        <button class="btn btn-primary" type="submit" id="saveLive_restreamsLink" ><i class="fas fa-save"></i> <?php echo __("Save"); ?></button>
                     </div>
                 </div>
             </div>
diff --git a/plugin/Live/view/Live_restreams/testRestreamer.json.php b/plugin/Live/view/Live_restreams/testRestreamer.json.php
index 5eb21537d3..6c0d68cfee 100644
--- a/plugin/Live/view/Live_restreams/testRestreamer.json.php
+++ b/plugin/Live/view/Live_restreams/testRestreamer.json.php
@@ -16,7 +16,7 @@ if(!User::canStream()){
     forbiddenPage('You cannot stream');
 }
 
-_error_log('Testing reestream users_id=['.User::getId().'] '.json_error(debug_backtrace()));
+_error_log('Testing reestream users_id=['.User::getId().'] '.json_encode(debug_backtrace()));
 
 $lth = new LiveTransmitionHistory();
 $lth->setTitle('Restream test '.date('Y-m-d H:i:s'));