Displaying Monitoring Screenshots in a DashboardBETA

Screenshots collected by the monitoring agent can be displayed in a dashboard in two ways:

• Using the Text widget
• Using click action configuration

Preparing Data for Screenshot Display

1. Enable screenshots monitoring to start screenshot collection by the monitoring agent.
2. Perform several work operations on the workstation where the monitoring agent is installed and screenshots monitoring is enabled.
3. Go to the Control Panel in the workspace, click Add, and select Script.
4. Specify a script name and confirm by clicking Add.
5. Add the Manual start trigger to the script.
6. To clear the table in the Data Model, add an SQL query block.
7. In the block parameters, specify an SQL query to truncate the table.
   truncate table if exists table_name
   

   
8. Add a Select rows by SQL query block, and specify an SQL query in the block parameters to select the required fields from the activity table:
   select employee_account_id, screenshot_id from !${global.activity_table}
   

   
9. Add an Insert rows block to write data from the activity table into a table in the Data Model.
10. Click the Table field, select + Add table from the dropdown menu, and choose Create from output data.
11. Select the block whose output data should populate the table and click Add.
12. Enter a table name and click Add.
13. Click Autocomplete fields with output data to map mapping fields to columns of the new table, then confirm by clicking Apply.
14. Test the block.
15. Publish and activate the script.
16. Go to the Control Panel in the workspace, click Add, and select Dashboard.
17. Specify a dashboard name and confirm creation by clicking Save.

Configuring Screenshot Display via the Text Widget

To display screenshots in the Text widget, follow these steps:

1. Go to the dashboard indicators tab and add a Dynamic list variable.
2. Specify a variable name and set the screenshot_id column in the list field.
3. Add a Parameter widget to the view and select the added variable in the widget settings.
4. Add a Text widget to the view and configure image rendering:
   <img src="https://{Operavix domain}/graphql?query=%7Bmonitoring_screenshot%7Bscreenshot(screenshot_uuid:%22{inputs.Dashboard variable}%22)%7D%7D" style="width: 100%; width: 40% object-fit: scale-down;"/>
   

   
5. Publish the dashboard.
6. Select a screenshot identifier in the parameter. The corresponding image appears in the Text widget.

Configuring Screenshot Display via Click Action

Screenshots can be displayed in a separate window when clicking a dimension value in a widget:

1. Add a Table widget to the dashboard and specify the required dimensions.
2. Create an additional view to display the screenshot.
3. Add an Input value variable to the additional view.
4. Specify a variable name, select a data type, and set the screenshot_id column as the Default value.
5. Add a Text widget to the view and configure screenshot display using the Input value variable:
   <img src="https://{Operavix domain}/graphql?query=%7Bmonitoring_screenshot%7Bscreenshot(screenshot_uuid:%22{inputs.Input value variable}%22)%7D%7D" style="width: 100%; width: 40% object-fit: scale-down;"/>
   

   
6. Go to the home view and add an Open view click action to the dimension that should trigger screenshot display.
7. Specify an action name, select the target view, and choose where it opens—current, new, or side window.
8. Configure parameter passing from the required table column to the opened view.
9. Publish the dashboard.
10. Click a screenshot identifier, open the context menu, and select Open view.
11. The user action screenshot appears in the opened side window.