Rework Layouts _(dekstop and tablet only)_

[bdlukaa]

The devices screen is where users will be most of the time. Therefore, it is crucial to have a feature proof layout system.

Fullscreen

Ability to open the layout in fullscreen. When the mouse reaches the top, the navigator should be displayed. This is also useful for embedded devices, such as Raspberry PI, and could be enabled by default using command line arguments. (#32)

Static layouts

The current layout system is dynamic, meaning the devices will be adjusted to fit the available space. A static layout system defines a grid that the devices will need to operate in. Like in the current implementation, devices will be reorderable.

Dynamic layouts

Dynamic layouts will continue to exist but will be placed with some changes:

• 3 devices: a 1x3 grid;
• 4 devices: a 2x2 grid;
• 5 to 6 devices: a 2x3 grid;
• 7 to 9 devices: a 3x3 grid:
• 10 to 12 devices: 4x3 grid;
• 13 to 16 devices: 4x4 grid;

Each layout will have a maximum of 16 devices.

Compact layout

A compact layout can accept up to 16 devices at once, but they are displayed in a 2x2 grid with sub grids:

• 4 devices: no sub grids;
• 5 to 7 devices: 1 sub grid;
• 8 to 10 devices: 2 sub grids;
• 11 to 13 devices: 3 sub grids;
• 14 to 16 devices: 4 sub grids.

Layout editor

The layout editor is an interface in which the user will be able to create layouts as needed. This is useful for cases in which the existing dynamic and static layouts are not enough, or the user wants more control over the layout customization. As for the functionalities:

• add a new row;
• add a new column;
• compact grid tile;
• tile cycle (different cameras can be shown in each tile);

In each slot, one can decide whether to add a single camera tile or a "compact layout sub grid" tile.

Export and import

The layouts will be able to be exported to a .xml file and be imported.