User interface description (Channel groups and rating)

Subscription section

Dashboard

In this section, a dashboard is embedded for each video section. The panel contains counters, a filter and a button to display an additional panel.

Counters include information:

1. About the selected items;
2. About found selected channels in all videos on the page;

Panel

On the subscription page, the panel contains a filter section and provides the ability to filter videos. Also, in the absence of created categories, the panel contains instructions for grouping YouTube subscriptions using the YouTube subscription manager.

Filter

The selected filter elements must be specified through the group tree or through the minimum rating.

A selection in the parent tree element results in all child elements being selected. This behavior is used only for filtering, and when editing in other parts of the system, this does not happen. The Selected button is located on the same panel and opens the modal window of the selected channels.

Modal window of selected channels

The window contains a table with the elements selected in the filter. Table fields

1. Channel name. Includes links to channels.
2. Groups. Number of groups.
3. Rating.
4. Found. Displays the fact that at least one video from the channel has been detected on the page.

Bulk operations editor

The editor is implemented in the form of a button that is responsible for selecting a group, a button for canceling changes and a button for saving changes. The editor also displays the selected group, which provides the ability to add and remove the selected group for subscription. Adding and removing is done in one click.

Group selection is implemented using the selection window. The main function of all changes on the YouTube subscription manager page is the bulk editing of categories for subscriptions.

Bulk editing

Bulk editing is implemented using the above-described bulk operations editor and buttons embedded on the YouTube subscription manager page. Embedded buttons

1. Button for adding to the selected category. It is hidden if the YouTube subscription is in a group.
2. Button to remove from the selected category. It is hidden if the item is not included in the selected category.
3. Edit button. This button allows you to add and remove a channel from the group, as well as change the rating using the window for editing groups and channel rating.

Group and rating editing window

This window can be called up on the video viewing page, on the channel home page, and in the YouTube subscription manager on the subscription management page. This window is implemented as a modal window. The content of the modal window can be visually divided into three sections.

1. Top section. It contains the title, the edit mode switch and the YouTube channel rating editor.
2. Middle section. There is a tree in it.
3. Bottom section. This section contains buttons.

YouTube channel rating editor

The rating editor is displayed only in advanced editing mode. YouTube channel ratings are limited to the interval from 0 to 5 inclusive, with a step of 0.5. A value of zero means no YouTube channel rating. Buttons for editing groups and ratings

1. Select. Depending on the edit mode, the select button can be hidden or displayed. Confirms the selection of the YouTube channel groups and the YouTube channel rating. Visible only in advanced editing mode.
2. Change. Opens the group editor window.
3. Close.

Advanced editing mode

This mode makes it possible to change the rating of YouTube channels, delete or add several groups for the YouTube channel. In this mode, you need to confirm the selection with a separate action. If the mode is not activated, then you can select with one click, but only one item. Automatically set if the rating is greater than zero, or if more than one item is selected. This mode can be switched using the aforementioned switch in the upper section.

Group editor window

The content of the editor can be visually divided into three sections.

1. Top section. It contains a title, a back button, and a tooltip.
2. Middle section. It contains a tree with elements.
3. Bottom section. This section contains buttons.

Group Editor Window Buttons

1. Accept. Accepts the change and closes the form.
2. Back.
3. Cancel. Cancels the change
4. Edit. Allows you to change the properties of an element.
5. Delete. Deletes the selected item with prior confirmation.
6. Create. Opens a window with the ability to create a new item.

Group window

The content of the editor can be visually divided into three sections.

1. Top section. It contains a title and a back button.
2. Middle section. It contains the name field, the name of the parent element and a table with a list of grouped YouTube channels. Items in the table can be deleted.
3. Bottom section. This section contains buttons.

Group window buttons

1. Back.
2. Change the parent. Allows you to change the parent element. Self and child selection is locked.
3. Remove the parent.

Video page

Embedded buttons

1. Edit. Opens a window for editing groups and ratings.
2. Comments. Opens a window with links to comments. Links include the first 100 characters of the comment content text at the time the link is created.
3. Add to channel. Adding a YouTube comment to the channel. Visible if the link to the comment is not added.
4. Remove from the channel. Removing YouTube comments from the channel. Visible if a link to a comment has been added.