ALERT - Major UI Changes - Work in Progress

Forum for questions and support relating to 1.35.x development only.
User avatar
knight-of-ni
Posts: 2338
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni » Sun Oct 18, 2020 6:07 pm

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: 2338
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni » Sun Oct 25, 2020 5:16 pm

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: 2338
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni » 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.

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: 132
Joined: Thu Jan 01, 2015 5:12 pm
Location: Rhode Island

Re: ALERT - Major UI Changes - Work in Progress

Post by DVB Hardware » Sat Oct 31, 2020 1:03 am

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 20.04 Cinnamon Mariadb using Master

DVB stands for Digital VIdeo Broadcasting , retired satellite downlink supplier

User avatar
knight-of-ni
Posts: 2338
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni » Sun Nov 15, 2020 9:03 pm

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: 2338
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni » Wed Nov 25, 2020 7:58 pm

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: 2338
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni » Thu Nov 26, 2020 11:07 pm

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 191 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: 106
Joined: Sat Aug 31, 2019 7:35 am

Re: ALERT - Major UI Changes - Work in Progress

Post by dougmccrary » Fri Nov 27, 2020 10:41 pm

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: 2338
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni » Sat Nov 28, 2020 1:37 pm

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: 2338
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni » Sat Nov 28, 2020 1:52 pm

@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: 106
Joined: Sat Aug 31, 2019 7:35 am

Re: ALERT - Major UI Changes - Work in Progress

Post by dougmccrary » 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.

vajonam
Posts: 8
Joined: Mon Jan 07, 2019 2:46 pm

Re: ALERT - Major UI Changes - Work in Progress

Post by vajonam » Mon Nov 30, 2020 8:43 pm

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: 2338
Joined: Thu Oct 18, 2007 1:55 pm
Location: Shiloh, IL

Re: ALERT - Major UI Changes - Work in Progress

Post by knight-of-ni » Tue Dec 01, 2020 3:55 pm

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/

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest