Task Groups: "Folders" Top Panel#

The "Folders" option is a view mode for the "Task Groups" page that switches the table to a display of folder tiles and task group cards. It allows you to create folders, organize task groups into a structure, choose folder colors, and perform bulk actions on selected groups.

Location: The option is accessed via the "Automation" section, "Task Groups" subsection, top mode-switching panel.

Available actions:

• Toggle the display between "Table" and "Folders" modes
• Search for task groups by name via the search field
• Create new folders for organizing task groups
• Edit the name and parent folder of existing folders
• Assign a color accent for visual folder highlighting
• Delete folders via confirmation
• Start and stop selected task groups
• Pin selected task groups to a folder
• Delete selected task groups

"Folders" Toggle#

The "Folders" toggle is used to activate the folder view mode on the "Task Groups" page. It is located at the top of the page next to the "Table" toggle and allows you to change the task group display method.

After clicking Folders, the page rebuilds: a block of folder tiles appears instead of the table, and task group cards are displayed below. The top action panel remains available for bulk operations.

Search field#

The Search field is designed to filter task groups by name within the current view mode. It is located at the top of the "Task Groups" page and contains the placeholder "Search by group name".

After entering text, the task group list filters automatically, displaying only groups whose names contain the entered text.

"Add folder" button#

The "Add folder" button is intended to initiate the creation of a new folder for structuring task groups. It is located at the top of the folder block and is only available in "Folders" mode.

After clicking Add folder, the "Create folder" modal window opens, where you can set the name and select a parent folder from the list or leave it at the top level.

Folder tile#

The Folder tile provides a visual representation of a folder in "Folders" mode. It contains a folder icon, the name, and counters in the format "0/0/0", showing task group statistics inside the folder.

An additional actions menu icon (vertical three dots) is located on the right side of the tile, opening a list of available operations for the selected folder. If no folders have been created yet, the block displays the status "No folders".

"Create folder" window#

The "Create folder" window is used to set the parameters of a new folder before saving it. It contains a "Name" field with the placeholder "Folder name", a "Parent folder" dropdown with the default value "No folder", and "Save" and "Cancel" buttons.

How to create a folder:

1. Click Add folder at the top of the folder block.
2. Enter the name in the "Name" field.
3. If necessary, expand the "Parent folder" list and select a parent folder or leave it as "No folder".
4. Click Save to confirm.

After saving, the window closes, the new folder appears in the tile block, and a "Folder created successfully" toast notification is displayed.

"Edit folder" window#

The "Edit folder" window is used to change a folder's name or its parent folder after creation. It is opened via the Edit option in the folder tile actions menu and contains the same fields as the creation window but with current values.

How to edit a folder:

1. Click the additional actions menu icon on the desired folder tile.
2. Select Edit.
3. Change the value in the "Name" field or select a different "Parent folder".
4. Click Save.

After saving, the changes are reflected on the folder tile, and a "Folder updated successfully" toast notification is displayed.

"Select color" panel#

The "Select color" panel is designed to assign a color accent to a folder for visual highlighting in the list. It is opened via the Select color option in the folder tile actions menu.

The panel contains the heading "Select color" and a set of color markers. After selecting a color, it is immediately applied to the folder tile, and the folder is displayed with the corresponding color accent.

"Delete folder" window#

The "Delete folder" window is used to confirm folder deletion before the action is executed. It is opened via the Delete folder option in the tile menu and contains Confirm and Cancel buttons.

After clicking Confirm, the folder is removed from the list, and a "Folder deleted successfully" toast notification is displayed. Clicking Cancel or the × icon closes the window without changes.

Top actions panel#

The Top actions panel is used to perform bulk operations on selected task groups in "Folders" mode. It is located at the top of the "Task Groups" page and becomes active after one or more group cards are selected.

Available panel actions:

1. Launch icon — starts the selected task groups.
2. Stop icon — stops the selected task groups.
3. Three dots menu — opens additional options: Pin to folder, Delete task group.
4. Refresh icon — updates the task group list.

After an action is performed, a toast notification appears on the screen confirming the operation.

"Pin to folder" window#

The "Pin to folder" window is used to assign a folder to selected task groups. It is opened via the Pin to folder option in the three dots menu on the top panel and contains the "Folder" heading, a list of available folders, and Pin to folder and Cancel buttons.

How to pin groups to a folder:

1. Select one or more task group cards via the checkbox.
2. Open the three dots menu on the top panel.
3. Select Pin to folder.
4. In the window, select the desired folder from the list.
5. Click Pin to folder to confirm.

After confirmation, the selected task groups are moved to the chosen folder, and a "Task group(s) successfully pinned to folder" toast notification is displayed.

Workflow Scenario#