Global change grid layout on Montage page

ZoneMinder / zoneminder

ZoneMinder is a free, open source Closed-circuit television software application developed for Linux which supports IP, USB and Analog cameras.

http://www.zoneminder.com/

GNU General Public License v2.0

4.82k stars 1.19k forks source link

Global change grid layout on Montage page #3969

Closed IgorA100 closed 1 week ago

IgorA100 commented 1 month ago

Added support for GridStack (https://github.com/gridstack/gridstack.js) & PanZoom (https://github.com/timmywil/panzoom) on Montage page Innovations:

Fully adaptive grid (scaling, moving)
The image of each monitor separately can be Scale & Pan
Zoom and other buttons appear automatically when you hover the mouse over a specific monitor.
Ability to change the location of monitor statistics.

Note:

No compatibility with saved Layouts in previous versions of ZM. When you try to load such a Layout, a warning is displayed.
Supports only the following preset Layouts: "1 Wide", "2 Wide", "3 Wide", "4 Wide", "6 Wide", "8 Wide", "12 Wide" and "16 Wide". Custom Layouts are limited only by your imagination.
Removed the ability to set Width, Height and Scale through presets in "Select".

IgorA100 commented 1 week ago

@connortechnology I need your help. Will you be able to make changes to the database in the "MontageLayouts" table? You need to remove the pre-installed Layouts "5 Wide", "7 Wide", "9 Wide" and "10 Wide" Add "1 Wide" (not sure what is needed, it's up to you), "12 Wide", "16 Wide"

In DB I only need Name Layout. "Positions" is not used. I get the number of monitors in the grid line from the name Layout

IgorA100 commented 1 week ago

@connortechnology Please take the time to check my PR. You should like it.

connortechnology commented 1 week ago

Amazing work! Two things: When the status is inner, the font needs to change colour to something lighter. Because you removed the fixed height option, we are stuck with a layout mess if you have cameras with different aspect ratios. We need the height option to come back, or be replaced with a forced aspect ratio option.

IgorA100 commented 1 week ago

Amazing work!

I'm glad you liked it.

hange colour to something lighter

Unfortunately, I did not test it on a light theme. Of course I'll fix it.

or be replaced by a forced aspect ratio parameter.

I've thought about this, but I don't have a ready-made solution in my head yet. But I will think...

P. s. I have to think about how not to ruin the work of GridStack and take into account the moment when there are images in portrait and landscape orientation on the same Layout. This is not the easiest task, but I think I can do it.