Media Foundation/V4L2 grabber ... (#1119)

* - New Media Foundation grabber
- JsonAPI available grabber fix
- commented json config removed

* Added libjpeg-turbo to dependencies

* Fix OSX build
Removed Azure Pipelines from build scripts

* Remove Platform from Dashboard

* Correct Grabber Namings

* Grabber UI improvements, generic JSONEditor Selection Update

* Active grabber fix

* Stop Framebuffer grabber on failure

* - Image format NV12 and I420 added
- Flip mode
- Scaling factor for MJPEG
- VSCode (compile before run)
- CI (push) dependency libjpeg-turbo added

* Refactor MediaFoundation (Part 1)

* Remove QDebug output

* Added image flipping ability to MF Grabber

* fix issue 1160

* -Reload MF Grabber only once per WebUI update
- Cleanup

* Improvements

* - Set 'Software Frame Decimation' begin to 0
- Removed grabber specific device name from Log
- Keep pixel format when switching resolution
- Display 'Flip mode' correct in Log
- BGR24 images always flipped

* Refactor MediaFoundation (Part 2)

* Refactor V4L2 grabber (part 1) (#62)

* Media Foundation grabber adapted to V4L2 change

* Enable Media Foundation grabber on windows

* Have fps as int, fix height typo

* Added video standards to JsonAPI output

* Error handling in source reader improved

* Fix "Frame to small" error

* Discovery VideoSources and Dynamically Update Editor

* Hide all element when no video grabber discovered, upate naming

* Do not show unsupported grabbers

* Copy Log to Clipboard

* Update Grabber schema and Defaults

* Update access levels and validate crop ranges

* Height and width in Qt grabber corrected

* Correct formatting

* Untabify

* Global component states across instances

* Components divided on the dashboard

* refactor

* Fix Merge-issues

* Database migration aligning with updated grabber model

* Align Grabber.js with new utility functions

* Allow editor-validation for enum-lists

* Handle "Show Explainations scenario" correctly

* Grabber - Ensure save is only possible on valid content

* Dashboard update + fix GlobalSignal connection

* Ensure default database is populated with current release

* Correct grabber4L2 access level

* Display Signal detection area in preview

* Write Hyperion version into default config on compiling.

* Create defaultconfig.json dynamically

* WebUI changes

* Correct grabber config look-ups

* Refactor i18n language loading

* Fix en.json

* Split global capture from instance capture config

* Update grabber default values

* Standalone grabber: Add --debug switch

* Enhance showInputOptionsForKey for multiple keys

* Add grabber instance link to system grabber config

* Only show signal detection area, if grabber is enabled

* Always show Active element on grabber page

* Remote control - Only display gabber status, if global grabber is enabled

* WebUI optimization (thx to @mkcologne)
Start Grabber only when global settings are enabled
Fixed an issue in the WebUI preview

* V4L2/MF changes

* Jsoneditor, Correct translation for default values

* Refactor LED-Device handling in UI and make element naming consistent

* MF Discovery extended

* Fix LGTM finding

* Support Grabber Bri, Hue, Sat and Con in UI, plus their defaults

* Concider Access level for item filtering

* Concider Access level for item filtering

* Revert "Concider Access level for item filtering"

This reverts commit 5b0ce3c0f2.

* Disable fpsSoftwareDecimation for framegrabber, as not supported yet

* JSON-Editor- Add updated schema for validation on dynamic elements

* added V4L2 color IDs

* LGTM findings fix

* destroy SR callback only on exit

* Grabber.js - Hide elements not supported by platform

* Fixed freezing start effect

* Grabber UI - Hardware controls - Show current values and allow to reset to defaults

* Grabber - Discovery - Add current values to properties

* Small things

* Clean-up Effects and have ENDLESS consistently defined

* Fix on/off/on priority during startup, by initializing _prevVisComp in line with background priority

* Add missing translation mappings

* DirectX Grabber reactivated/ QT Grabber size decimation fixed

* typo in push-master workflow

* Use PreciseTimer for Grabber to ensure stable FPS timing

* Set default Screencapture rate consistently

* Fix libjpeg-turbo download

* Remove Zero character from file

* docker-compile Add PLATFORM parameter, only copy output file after successful compile

* Framebuffer, Dispmanx, OSX, AML Grabber discovery, various clean-up and consistencies across grabbers

* Fix merge problem - on docker-compile Add PLATFORM parameter, only copy output file after successful compile

* Fix definition

* OSXFRameGrabber - Revert cast

* Clean-ups nach Feedback

* Disable certain libraries when building armlogic via standard stretch image as developer

* Add CEC availability to ServerInfo to have it platform independent

* Grabber UI - Fix problem that crop values are not populated when refining editor rage

* Preserve value when updating json-editor range

* LEDVisualisation - Clear image when source changes

* Fix - Preserve value when updating json-editor range

* LEDVisualisation - Clear image when no component is active

* Allow to have password handled by Password-Manager (#1263)

* Update default signal detection area to green assuming rainbow grabber

* LED Visualisation - Handle empty priority update

* Fix yuv420 in v4l2 grabber

* V4L2-Grabber discovery - Only report grabbers with valid video input information

* Grabber - Update static variables to have them working in release build

* LED Visualisation - ClearImage when no priorities

* LED Visualisation - Fix Logo resizing issue

* LED Visualisation - Have nearly black background and negative logo

Co-authored-by: LordGrey <lordgrey.emmel@gmail.com>
Co-authored-by: LordGrey <48840279+Lord-Grey@users.noreply.github.com>

assets/webconfig/js/content_dashboard.js

@@ -13,7 +13,6 @@ $(document).ready(function () {
     instances_html += '</a><ul id="hyp_inst_listing" class="dropdown-menu dropdown-alerts" style="cursor:pointer;"></ul>'
     instances_html += '</div></div>';
 
-
     instances_html += '<div class="panel-body">';
     instances_html += '<table class="table borderless">';
     instances_html += '<thead><tr><th style="vertical-align:middle"><i class="mdi mdi-lightbulb-on fa-fw"></i>';
@@ -39,10 +38,13 @@ $(document).ready(function () {
     instances_html += '<i class="fa fa-info-circle fa-fw"></i>';
     instances_html += '<span>' + $.i18n('dashboard_infobox_label_title') + '</span>';
     instances_html += '</th></tr></thead>';
-    instances_html += '<tbody><tr><td></td>';
-    instances_html += '<td>' + $.i18n('conf_leds_contr_label_contrtype') + '</td>';
-    instances_html += '<td style="text-align:right">' + window.serverConfig.device.type + '</td>';
-    instances_html += '</tr><tr></tbody></table>';
+    instances_html += '<tbody>';
+    instances_html += '<tr><td></td><td>' + $.i18n('conf_leds_contr_label_contrtype') + '</td>';
+    instances_html += '<td style="text-align:right; padding-right:0">';
+    instances_html += '<span>' + window.serverConfig.device.type + '</span>';
+    instances_html += '<a class="fa fa-cog fa-fw" onclick="SwitchToMenuItem(\'MenuItemLeds\')" style="text-decoration:none;cursor:pointer"></a>';
+    instances_html += '</td></tr>';
+    instances_html += '</tbody></table>';
 
     instances_html += '<table class="table first_cell_borderless">';
     instances_html += '<thead><tr><th colspan="3">';
@@ -50,28 +52,35 @@ $(document).ready(function () {
     instances_html += '<span>' + $.i18n('dashboard_componentbox_label_title') + '</span>';
     instances_html += '</th></tr></thead>';
 
-    var tab_components = "";
+    var componentBtn = "";
+    var instance_components = "";
     for (var idx = 0; idx < components.length; idx++) {
       if (components[idx].name != "ALL") {
-        var comp_enabled = components[idx].enabled ? "checked" : "";
-        const general_comp = "general_comp_" + components[idx].name;
-        var componentBtn = '<input ' +
-          'id="' + general_comp + '" ' + comp_enabled +
-          ' type="checkbox" ' +
-          'data-toggle="toggle" ' +
-          'data-size="mini" ' +
-          'data-onstyle="success" ' +
-          'data-on="' + $.i18n('general_btn_on') + '" ' +
-          'data-off="' + $.i18n('general_btn_off') + '">';
+        if ((components[idx].name === "FORWARDER" && window.currentHyperionInstance != 0) ||
+          (components[idx].name === "GRABBER" && !window.serverConfig.framegrabber.enable) ||
+          (components[idx].name === "V4L" && !window.serverConfig.grabberV4L2.enable))
+            continue;
 
-        tab_components += '<tr><td></td><td>' + $.i18n('general_comp_' + components[idx].name) + '</td><td style="text-align:right">' + componentBtn + '</td></tr>';
+          var comp_enabled = components[idx].enabled ? "checked" : "";
+          const general_comp = "general_comp_" + components[idx].name;
+          componentBtn = '<input ' +
+            'id="' + general_comp + '" ' + comp_enabled +
+            ' type="checkbox" ' +
+            'data-toggle="toggle" ' +
+            'data-size="mini" ' +
+            'data-onstyle="success" ' +
+            'data-on="' + $.i18n('general_btn_on') + '" ' +
+            'data-off="' + $.i18n('general_btn_off') + '">';
+
+        instance_components += '<tr><td></td><td>' + $.i18n('general_comp_' + components[idx].name) + '</td><td style="text-align:right">' + componentBtn + '</td></tr>';
       }
     }
 
-    instances_html += '<tbody>' + tab_components + '</tbody></table>';
+    instances_html += '<tbody>' + instance_components + '</tbody></table>';
     instances_html += '</div></div></div>';
 
     $('.instances').prepend(instances_html);
+
     updateUiOnInstance(window.currentHyperionInstance);
     updateHyperionInstanceListing();
 
@@ -83,7 +92,7 @@ $(document).ready(function () {
     for (var idx = 0; idx < components.length; idx++) {
       if (components[idx].name != "ALL") {
         $("#general_comp_" + components[idx].name).bootstrapToggle();
-        $("#general_comp_" + components[idx].name).bootstrapToggle(hyperion_enabled ? "enable" : "disable")
+        $("#general_comp_" + components[idx].name).bootstrapToggle(hyperion_enabled ? "enable" : "disable");
         $("#general_comp_" + components[idx].name).change(e => {
           requestSetComponentState(e.currentTarget.id.split('_')[2], e.currentTarget.checked);
         });
@@ -92,6 +101,12 @@ $(document).ready(function () {
   }
 
   // add more info
+
+  var screenGrabber = window.serverConfig.framegrabber.enable ? $.i18n('general_enabled') : $.i18n('general_disabled');
+  $('#dash_screen_grabber').html(screenGrabber);
+  var videoGrabber = window.serverConfig.grabberV4L2.enable ? $.i18n('general_enabled') : $.i18n('general_disabled');
+  $('#dash_video_grabber').html(videoGrabber);
+
   var fbPort = window.serverConfig.flatbufServer.enable ? window.serverConfig.flatbufServer.port : $.i18n('general_disabled');
   $('#dash_fbPort').html(fbPort);
   var pbPort = window.serverConfig.protoServer.enable ? window.serverConfig.protoServer.port : $.i18n('general_disabled');