ALERT - Major UI Changes - Work in Progress

Previous development branch now released as 1.36
User avatar
knight-of-ni
Posts: 2404
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni »

Like I said before, I mean a camera with it's Source Type set to "Local", which yours is not.

See the documentation:
https://zoneminder.readthedocs.io/en/st ... onitor-tab
Visit my blog for ZoneMinder related projects using the Raspberry Pi, Orange Pi, Odroid, and the ESP8266
All of these can be found at https://zoneminder.blogspot.com/
User avatar
knight-of-ni
Posts: 2404
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni »

HEADS UP

I just pushed server side pagination for the events view to master. This required a rewrite of the view. Much of the PHP had to be rewritten in Javascript, and still other PHP had to be moved into an Ajax backend.

The appearance of the Events table should not change. Please test all the buttons and links again to make sure they have the desired effect.

This resolves the issue with the table size being limited to WEB_EVENTS_PER_PAGE, which defaults to 25 records.

Performance should also increase dramatically for large record sets as the table now only loads the records that are currently visible.
Visit my blog for ZoneMinder related projects using the Raspberry Pi, Orange Pi, Odroid, and the ESP8266
All of these can be found at https://zoneminder.blogspot.com/
User avatar
knight-of-ni
Posts: 2404
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni »

@DVB Hardware

Was it you that created your own skin recently? I keep thinking of this, then promptly I forget to respond.

Not sure how far you made it. What you need to do is create a new folder containing the modified css files. The folder goes here: https://github.com/ZoneMinder/zoneminde ... lassic/css

Follow the same directory structure as the other skins.

Do this in your own fork, then create a pull request for us to merge into master.
Visit my blog for ZoneMinder related projects using the Raspberry Pi, Orange Pi, Odroid, and the ESP8266
All of these can be found at https://zoneminder.blogspot.com/
DVB Hardware
Posts: 201
Joined: Thu Jan 01, 2015 5:12 pm
Location: Rhode Island

Re: ALERT - Major UI Changes - Work in Progress

Post by DVB Hardware »

knight-of-ni wrote: Mon Oct 26, 2020 12:33 pm @DVB Hardware

Was it you that created your own skin recently? I keep thinking of this, then promptly I forget to respond.
No not me, I wouldn't dare to put anything in Git ZM not experienced enough

I have modified some skins on my own local zm in different folders learning the css structure

Jimmy
Linux Mint 21 Cinnamon Mariadb 10.6.x using Master 1.37.x latest always

DVB stands for Digital VIdeo Broadcasting , retired satellite downlink supplier
User avatar
knight-of-ni
Posts: 2404
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni »

HEADS UP:
The frames view has been rewritten to support server side pagination. All buttons, links, etc should function the same. The page should load a lot faster now. Only the visible rows are being loaded, rather than the entire data set.
Visit my blog for ZoneMinder related projects using the Raspberry Pi, Orange Pi, Odroid, and the ESP8266
All of these can be found at https://zoneminder.blogspot.com/
User avatar
knight-of-ni
Posts: 2404
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni »

I added a new option today, ZM_WEB_ANIMATE_THUMBS, which allows the end user to toggle the thumbnail animation, independently of of WEB_LIST_THUMBS.
Visit my blog for ZoneMinder related projects using the Raspberry Pi, Orange Pi, Odroid, and the ESP8266
All of these can be found at https://zoneminder.blogspot.com/
User avatar
knight-of-ni
Posts: 2404
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni »

The event table at the bottom of watch view has been converted to a bootstrap table.
Here are the relevant changes:
  • auto refresh cane be paused by clicking the clock icon
  • table data can be manually refreshed by clicking the table refresh button (refreshes table data only. does not reload the page)
  • clicking the delete button presents a confirmation modal... no more accidental deletes
  • column names have been made consistent with the events view
Screenshot from 2020-11-26 17-03-05.png
Screenshot from 2020-11-26 17-03-05.png (434.35 KiB) Viewed 23985 times
Visit my blog for ZoneMinder related projects using the Raspberry Pi, Orange Pi, Odroid, and the ESP8266
All of these can be found at https://zoneminder.blogspot.com/
dougmccrary
Posts: 1150
Joined: Sat Aug 31, 2019 7:35 am
Location: San Diego

Re: ALERT - Major UI Changes - Work in Progress

Post by dougmccrary »

This works nicely on desktop, but on iPhone with chrome and ff, ID, Name and part of start time is cut off.
User avatar
knight-of-ni
Posts: 2404
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni »

Thanks for the feedback. I'll see what I can do.

As a workaround, you can hide columns of your choosing from the toolbar just above the table. Try turning off a couple of the frames or score columns. That should let table fit properly on the screen.
Visit my blog for ZoneMinder related projects using the Raspberry Pi, Orange Pi, Odroid, and the ESP8266
All of these can be found at https://zoneminder.blogspot.com/
User avatar
knight-of-ni
Posts: 2404
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni »

@dougmccrary question for you. Does the table in Events view behave the same way on your mobile device?
Visit my blog for ZoneMinder related projects using the Raspberry Pi, Orange Pi, Odroid, and the ESP8266
All of these can be found at https://zoneminder.blogspot.com/
dougmccrary
Posts: 1150
Joined: Sat Aug 31, 2019 7:35 am
Location: San Diego

Re: ALERT - Major UI Changes - Work in Progress

Post by dougmccrary »

Yes, either way it's cut off on the left - seems to think the view is wider than it is.
Removing columns helps, but still cuts off with just a few columns active.
vajonam
Posts: 8
Joined: Mon Jan 07, 2019 2:46 pm

Re: ALERT - Major UI Changes - Work in Progress

Post by vajonam »

I am suggesting that following dark skin changes as well as part of the revamp.

Image https://pasteboard.co/JCO0YBU.png

as well as

Image https://pasteboard.co/JCO1fFl.png

Code: Select all

/usr/share/zoneminder/www/skins/classic/css/dark/skin.css
Here are associated skin.css additions if you want to test

Code: Select all

.nav-pills.flex-column {
   background-color: #000000 !important;
}
.thead-highlight {
    background-color: #000000;
}
if folks here who have been using it "DVB Hardware" please comment if the colors works for you
User avatar
knight-of-ni
Posts: 2404
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni »

dougmccrary wrote: Sun Nov 29, 2020 11:19 pm Yes, either way it's cut off on the left - seems to think the view is wider than it is.
Removing columns helps, but still cuts off with just a few columns active.
I set the responsive table class with a small screen breakpoint for watch and events view:
https://github.com/ZoneMinder/zoneminde ... 6b39e7a283

This should let you scroll the table horizontally from your mobile device, when it is wider than your screen.
Please let me know if this fixes the issue, so I know to propagate these changes to the other bootstrap tables.
Visit my blog for ZoneMinder related projects using the Raspberry Pi, Orange Pi, Odroid, and the ESP8266
All of these can be found at https://zoneminder.blogspot.com/
dougmccrary
Posts: 1150
Joined: Sat Aug 31, 2019 7:35 am
Location: San Diego

Re: ALERT - Major UI Changes - Work in Progress

Post by dougmccrary »

Yes, that works.
Thanks!
User avatar
knight-of-ni
Posts: 2404
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni »

HEADS UP:

I just replaced the Ajax calls supporting the live Watch view with jQuery. It runs fine on my machine, but we really need to test this on as many different machines as possible.

What I'm asking is for others to load the watch view, and then test all buttons just below the navbar and above the event table.
Visit my blog for ZoneMinder related projects using the Raspberry Pi, Orange Pi, Odroid, and the ESP8266
All of these can be found at https://zoneminder.blogspot.com/
Locked