Page 5 of 7

Re: ALERT - Major UI Changes - Work in Progress

Posted: Sun Oct 18, 2020 6:07 pm
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

Re: ALERT - Major UI Changes - Work in Progress

Posted: Sun Oct 25, 2020 5:16 pm
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.

Re: ALERT - Major UI Changes - Work in Progress

Posted: Mon Oct 26, 2020 12:33 pm
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.

Re: ALERT - Major UI Changes - Work in Progress

Posted: Sat Oct 31, 2020 1:03 am
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

Re: ALERT - Major UI Changes - Work in Progress

Posted: Sun Nov 15, 2020 9:03 pm
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.

Re: ALERT - Major UI Changes - Work in Progress

Posted: Wed Nov 25, 2020 7:58 pm
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.

Re: ALERT - Major UI Changes - Work in Progress

Posted: Thu Nov 26, 2020 11:07 pm
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 24254 times

Re: ALERT - Major UI Changes - Work in Progress

Posted: Fri Nov 27, 2020 10:41 pm
by dougmccrary
This works nicely on desktop, but on iPhone with chrome and ff, ID, Name and part of start time is cut off.

Re: ALERT - Major UI Changes - Work in Progress

Posted: Sat Nov 28, 2020 1:37 pm
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.

Re: ALERT - Major UI Changes - Work in Progress

Posted: Sat Nov 28, 2020 1:52 pm
by knight-of-ni
@dougmccrary question for you. Does the table in Events view behave the same way on your mobile device?

Re: ALERT - Major UI Changes - Work in Progress

Posted: Sun Nov 29, 2020 11:19 pm
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.

Re: ALERT - Major UI Changes - Work in Progress

Posted: Mon Nov 30, 2020 8:43 pm
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

Re: ALERT - Major UI Changes - Work in Progress

Posted: Tue Dec 01, 2020 3:55 pm
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.

Re: ALERT - Major UI Changes - Work in Progress

Posted: Wed Dec 02, 2020 8:03 am
by dougmccrary
Yes, that works.
Thanks!

Re: ALERT - Major UI Changes - Work in Progress

Posted: Wed Dec 09, 2020 6:29 pm
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.