[BridgeCard] add example value to info hint and allow using it by right click (RSS-Bridge#3726)

Author: User123698745

lib/BridgeCard.php

@@ -177,9 +177,18 @@ private static function getForm(
                     $form .= self::getCheckboxInput($inputEntry, $idArg, $id);
                 }
 
+                $infoText = [];
+                $infoTextScript = '';
                 if (isset($inputEntry['title'])) {
-                    $title_filtered = filter_var($inputEntry['title'], FILTER_SANITIZE_FULL_SPECIAL_CHARS);
-                    $form .= '<i class="info" title="' . $title_filtered . '">i</i>';
+                    $infoText[] = filter_var($inputEntry['title'], FILTER_SANITIZE_FULL_SPECIAL_CHARS);
+                }
+                if ($inputEntry['exampleValue'] !== '') {
+                    $infoText[] = "Example (right click to use):\n" . filter_var($inputEntry['exampleValue'], FILTER_SANITIZE_FULL_SPECIAL_CHARS);
+                    $infoTextScript = 'rssbridge_use_placeholder_value(this);';
+                }
+
+                if (count($infoText) > 0) {
+                    $form .= '<i class="info" data-for="' . $idArg . '" title="' . implode("\n\n", $infoText) . '" oncontextmenu="' . $infoTextScript . 'return false">i</i>';
                 } else {
                     $form .= '<i class="no-info"></i>';
                 }

static/rss-bridge.js

@@ -48,6 +48,12 @@ function rssbridge_toggle_bridge(){
     }
 }
 
+function rssbridge_use_placeholder_value(sender) {
+    let inputId = sender.getAttribute('data-for');
+    let inputElement = document.getElementById(inputId);
+    inputElement.value = inputElement.getAttribute("placeholder");
+}
+
 var rssbridge_feed_finder = (function() {
     /*
      * Code for "Find feed by URL" feature