I made a better remote-live-view page [OLD]

- Eliminated the message "A clip list is already loading".
I always thought this was a bug with edge since it's the only browser that does this to me but... this secretly drove me nuts so.. :D

+ Mousing over a clip or alert now causes a looping 8-frame preview of the clip to be shown in the thumbnail.
Not a big deal at all but for say.... if my clip list is below a certain width, the looping preview gets smaller with each frame until it disappears and cycles that. Kind of comical really. If it's above a certain size though it works great.

Good work Sir!
 
Patch uploaded.

v0.12.1 - 2016-03-01
+ Clicking the Server Name button in the upper left corner now creates a dropdown box listing "About UI2" along with quick links to any external servers you have configured.
+ Added paypal link to "About UI2" dialog.
+ Added another clip list zoom modifier setting to allow more customizable clip list sizing.
* Fixed the broken clip list zoom scaling setting.
* Made more of the text selectable in the server list.
 
Patch uploaded.

v0.12.1 - 2016-03-01
+ Clicking the Server Name button in the upper left corner now creates a dropdown box listing "About UI2" along with quick links to any external servers you have configured.
+ Added paypal link to "About UI2" dialog.
+ Added another clip list zoom modifier setting to allow more customizable clip list sizing.
* Fixed the broken clip list zoom scaling setting.
* Made more of the text selectable in the server list.

You sir are on fire today. All the work is much appreciated.
 
I always thought this was a bug with edge since it's the only browser that does this to me but... this secretly drove me nuts so.. :D

LOL. The cause for me was that somewhere in the startup logic if I had this icon
uOvmCCE.png
selected then it would try to load the clip list twice. Now if another request to load the clip list gets started while another is still active, the new request runs right after the old one finishes, and no message is shown :)

Not a big deal at all but for say.... if my clip list is below a certain width, the looping preview gets smaller with each frame until it disappears and cycles that. Kind of comical really. If it's above a certain size though it works great.

Good work Sir!

Hah I had not seen this happen but sure enough it does. I will fix it along with another minor bug I noticed, and patch again in a few minutes.
 
I LOVE IT!!

Only thing I found a bit weird is if one of the servers is offline, and you click on it - it says it fails to connect and then doesn't let you click anywhere (switch back to previous server, etc...) Clicking the back button works, but I'm aiming to use this as a full screen kiosk mode type situation so it looks like an app, rather than a browser. If that makes any sense?

MAN I LOVE THIS.

PS thanks for the paypal link. :)
 
Last edited by a moderator:
v0.12.2 - 2016-03-01
* The clip thumbnail preview no longer shrinks with each frame if your clip list is smaller than default.
* There is no longer a 5 pixel dead zone around each external server link in the Server Name button's dropdown menu.
 
  • Like
Reactions: Jaceon
I LOVE IT!!

Only thing I found a bit weird is if one of the servers is offline, and you click on it - it says it fails to connect and then doesn't let you click anywhere (switch back to previous server, etc...) Clicking the back button works, but I'm aiming to use this as a full screen kiosk mode type situation so it looks like an app, rather than a browser. If that makes any sense?

MAN I LOVE THIS.

PS thanks for the paypal link. :)

Thanks. I've put it on my todo list "Improve user experience when an external server is offline." Probably not going to happen until later this week though!
 
  • Like
Reactions: gleep52
Had some time before dinner.

Many small changes here.

v0.12.3 - 2016-03-01
+ Added a "Manage Servers" button to the bottom of the server list dropdown that you get when clicking the button in the top left corner.
* The currently active server is highlighted in dark blue in the "Blue Iris Server Selection" dialog.
* Server names are now linked in the "Blue Iris Server Selection" dialog.
* The "Blue Iris Server Selection" dialog is now the only thing visible on the page when it is opened with the "serverlist=1" URL parameter.
* UI2 will now gracefully recover when it fails to load an unreachable server from the server list.
* Clip playback controls are no longer able to appear on top of modal dialog boxes.
- Removed the loading animation from the clip list during initial startup when the clip list hasn't yet started loading.
 
Hey bp2008,

Sorry for the barrage of requests lately but since I'm probably the only person who needs this particular addition, no worries if it can't be done. Currently, whenever a new ui2 update comes out, I extract the files to overwrite those in my www folder and then I edit the ui2.htm file to include a META tag that "times out" the ui2 page after 10 minutes if watching outside my LAN, and times it out 60 minutes if watching inside the LAN. So I add a line like this right after the </HEAD> tag:

For INSIDE the LAN
<meta http-equiv="refresh" content="3600; URL=http://192.xxx.x.x:xxxx/timeout_inside.htm"/>


For OUTSIDE the LAN
<meta http-equiv="refresh" content="600; URL=http://mydomain.com/timeout_outside.htm"/>


Then I save those files as ui2_in.htm and ui2_out.htm, respectively. Is there a way for you to show me how to add something to the ui2-local-overrides.js file so that I don't have to add those line in each time there is an update?

Like I said, no worries if it is a hassle.
 
Hey bp2008,

Sorry for the barrage of requests lately but since I'm probably the only person who needs this particular addition, no worries if it can't be done. Currently, whenever a new ui2 update comes out, I extract the files to overwrite those in my www folder and then I edit the ui2.htm file to include a META tag that "times out" the ui2 page after 10 minutes if watching outside my LAN, and times it out 60 minutes if watching inside the LAN. So I add a line like this right after the </HEAD> tag:

For INSIDE the LAN
<meta http-equiv="refresh" content="3600; URL=http://192.xxx.x.x:xxxx/timeout_inside.htm"/>


For OUTSIDE the LAN
<meta http-equiv="refresh" content="600; URL=http://mydomain.com/timeout_outside.htm"/>


Then I save those files as ui2_in.htm and ui2_out.htm, respectively. Is there a way for you to show me how to add something to the ui2-local-overrides.js file so that I don't have to add those line in each time there is an update?

Like I said, no worries if it is a hassle.

Absolutely. Try this. Just paste it at the bottom of ui2-local-overrides.js. The condition it is checking is whether or not the last character of the host name is a number. If it is a number, the code assumes you are "inside". If it is not a number, it assumes you are "outside".

Code:
var timeoutMinutes_Outside = 10;
var timeoutMinutes_Inside = 60;
if (isNaN(location.hostname.charAt(location.hostname.length - 1)))
{
	setTimeout(function () { location.href = "/timeout_outside.htm"; }, timeoutMinutes_Outside * 60000);
}
else
{
	setTimeout(function () { location.href = "/timeout_inside.htm"; }, timeoutMinutes_Inside * 60000);
}
 
Had some time before dinner.

Many small changes here.

v0.12.3 - 2016-03-01
+ Added a "Manage Servers" button to the bottom of the server list dropdown that you get when clicking the button in the top left corner.
* The currently active server is highlighted in dark blue in the "Blue Iris Server Selection" dialog.
* Server names are now linked in the "Blue Iris Server Selection" dialog.
* The "Blue Iris Server Selection" dialog is now the only thing visible on the page when it is opened with the "serverlist=1" URL parameter.
* UI2 will now gracefully recover when it fails to load an unreachable server from the server list.
* Clip playback controls are no longer able to appear on top of modal dialog boxes.
- Removed the loading animation from the clip list during initial startup when the clip list hasn't yet started loading.


Two small things... 1) manage servers doesn't show up if you don't already have multiple servers configured. And 2) when you switch to a different server, the original (main) server says "local server" instead of the name that shows up in the upper left button... Is there a way to change that to what we want, or at least what Blue Iris hands out as the server name?

Thanks!!
 
Two small things... 1) manage servers doesn't show up if you don't already have multiple servers configured. And 2) when you switch to a different server, the original (main) server says "local server" instead of the name that shows up in the upper left button... Is there a way to change that to what we want, or at least what Blue Iris hands out as the server name?

Thanks!!

For 1) I figured the Manage Servers button would be unwanted by most BI users (since they don't have more than one server). But then again there is no reason not to have it in that menu since it doesn't take up any screen space. So I will add it to the menu regardless in the next version.

For 2) this was by design but I'm strongly leaning toward doing as you suggest and naming it the same as your current Blue Iris server. The ONLY downside is that you couldn't name another server in UI2 the same as your local server. But that isn't really a big deal since why would you want to do that anyway? LOL. Consider it done as well.
 
  • Like
Reactions: gleep52
I let BI Tools update my UI2 and now it's busted:

after what appears to be normal login, i see this forever:
busted_ui2.PNG

Firefox on windows 10.
tried shift-reload.
tried clearing browser cache.

what did i do wrong? and why did it let me?

thanx, Paul.
 
If CTRL + F5 in the browser does not fix it, then I suggest you install it manually from the download link in the first post of this thread. Could be there is a file permission problem with BI Tools or something.
 
Absolutely. Try this. Just paste it at the bottom of ui2-local-overrides.js. The condition it is checking is whether or not the last character of the host name is a number. If it is a number, the code assumes you are "inside". If it is not a number, it assumes you are "outside".

Code:
var timeoutMinutes_Outside = 10;
var timeoutMinutes_Inside = 60;
if (isNaN(location.hostname.charAt(location.hostname.length - 1)))
{
    setTimeout(function () { location.href = "/timeout_outside.htm"; }, timeoutMinutes_Outside * 60000);
}
else
{
    setTimeout(function () { location.href = "/timeout_inside.htm"; }, timeoutMinutes_Inside * 60000);
}

Thanks! That works perfectly. Not being a programmer, it took me a couple seconds a few minutes to realize that your edit means that I don't have to use separate ui2in.htm and ui2out.htm files anymore and that I can just load the ui2.htm file from either inside or outside the LAN and it always works! This is an even better solution than I was envisioning.

As always, thank you kind sir.

Scott from Austin
 
OK... so here's an impossible request just to spin your brain @bp2000... now that we have multiple servers - is there a way we can pick and choose server groups from different servers and have it display on one page? For example: We have 7 servers (maybe 8 soon) for each of our buildings. Each one has an "outdoors" group with all our outdoor cameras. Is there a way to display all of these "outdoor" groups from all the servers on one page? I figured I'd ask now since it's fresh in your brain :)