Screenshots (Supervisor)

1. Description

It is designed to view screenshots of the agent screen.

The page consists of the following parts:

• Top bar (Fig. 1.(1));

• Records registry (Fig. 1.(2));

• Pagination (Fig. 1.(3)).

1.1. Top bar

The top bar contains the agent’s key indicators and control tools. For a detailed description of its elements and logic, refer to the dedicated documentation.

1.2. Records registry

The registry displays all screen captures created by the agent for the selected time period. By default, the records created on the current day are displayed.

It contains data management tools and a table with the list of captures.

It consists of the following parts:

• Expand/collapse filter panel tool (Fig. 2.(1));

• Refresh button (Fig. 2.(2));

• Records removal tool (Fig. 2.(3));

• Records registry table (Fig. 2.(4)).

1.2.1. Expand/collapse filter panel tool

Designed to expand and collapse the filter panel (Fig. 3).

1.2.1.1. Filter panel

Designed to filter the data displayed in the records registry.

It consists of the following parts:

• Filter fields (Fig. 3.(1));

• Reset filters button (Fig. 3.(2)).

1.2.1.1.1. Filter fields

Available fields:

• From — sets the start time of the period for which screen captures should be displayed;

• To — sets the end time of the period for which screen captures should be displayed.

1.2.1.1.2. Reset filters button

Represented as a button , all previously selected filters are reset when clicked.

1.2.2. Refresh button

Updating the register table is performed by clicking on the refresh button - .

1.2.3. Records registry table

The registry displays the list of all screen captures taken during the agent’s work for the selected period.

Each row of the registry contains the following columns:

• Checkbox;

• Screenshots;

• Name;

• Date & time of creation;

• Download tool;

• Deleting tool.

1.2.3.1. “Checkbox” column

Used to select one or more entries. An additional removal tool appears next to the search field after selecting one or more entries. Information about the number of entries chosen for deletion appears when you hover over this tool. When you click on it, a modal confirmation window appears.

It contains the Yes, No, and close ( ) buttons.

• Clicking the Yes button deletes the entries.

• Clicking the No button closes the modal window, and the entries are not deleted.

All records on the page will be selected if you select the checkbox in the header.

Fig. 4. “Confirm deletion” modal window

1.2.3.2. Screen captures

This column displays a thumbnail (preview) of the screen capture.

When hovering over the preview, the image view icon is displayed (Fig. 5).

By clicking it, a viewing window opens (Fig. 13), which contains the following control tools:

• “Back” button (Fig. 6.(1));

• “Forward” button (Fig. 6.(2));

• Screen captures thumbnail panel (Fig. 6.(3));

• Left scroll tool (Fig. 6.(4));

• Right scroll tool (Fig. 6.(5));

• Thumbnail panel expand/collapse tool (Fig. 6.(6));

• Download tool (Fig. 6.(7));

• Delete tool (Fig. 6.(8));

• Image expand tool (Fig. 6.(9));

• Close tool (Fig. 6.(10)).

1.2.3.2.1. “Back” button

Switches the view to the previous screen capture.

1.2.3.2.2. “Forward” button

Switches the view to the next screen capture.

1.2.3.2.3. Screen captures thumbnail panel

Displays a series of thumbnails of all screenshots that match the applied filters and pagination.

1.2.3.2.4. Left thumbnail scroll tool

Scrolls the thumbnail strip to the left.

1.2.3.2.5. Right thumbnail scroll tool

Scrolls the thumbnail strip to the right.

1.2.3.2.6. Thumbnail panel expand/collapse tool

Collapses the thumbnail panel to increase the image viewing area. After collapsing, the icon changes to the expand tool, which returns the thumbnail panel to its previous state.

1.2.3.2.7. Download tool

Downloads the current screen capture to the device in .png format.

1.2.3.2.8. Delete tool

When the icon is clicked, a deletion confirmation modal window opens (Fig. 4). After confirmation, the image is permanently deleted from the registry.

1.2.3.2.9. Image expand tool

Expands the image to full screen. After expanding, the icon changes to the collapse tool , which returns the viewing window to its previous size.

1.2.3.2.10. Close tool

Closes the viewing window and returns the user to the table.

1.2.3.3. Name

Displays the file name of the screen capture.

1.2.3.4. Date and time

Displays the date and exact time when the capture was created.
Format: DD.MM.YYYY, hh:mm:ss.

1.2.3.5. Download tool

When the icon is clicked, the corresponding screen capture file is downloaded in .png format.

1.2.3.6. Delete tool

When the icon is clicked, a deletion confirmation modal window opens (Fig. 4). After confirmation, the screen capture is permanently deleted from the registry.

1.3. Pagination

It consists of the Rows per page field, which indicates the number of entries (it is possible to set from 1 to 1000) per page, and forward and backward buttons for switching pages.