Looks like Ubooquity needed a restart. Nothing to do with your app.

I've finally had a chance to check it all out, it looks awesome! Great work!

So that I could test out the app I've temporarily disabled my auth.

I can load the "Browse Library" screen, but it won't load any of the items.. I am simply faced with "Server Not Available". The connection to my server is often a bit slow, do you think this could be the cause?

Thanks,

Oh fantastic! I'll check out the beta.

EDIT:

Yeah looks like it still doesn't work. I guess it must be the additional request that occurs to ensure you are authenticated. It worked with your original version.

Thanks for taking a look at it! :)

Has anyone had luck getting this working with a reverse proxy and SSL?

I have a bit of a strange setup so it's difficult to diagnose where the issue is...

I've disabled Ubooquity authentication and built my own auth using cookies and php. I have a feeling that's where my issue is coming from.

Seth Chhim, any chance you could allow me to pass a cookie along with the connection to provide auth?

for more info on my auth: https://github.com/hjone72/PlexAuth

Fair enough. Thanks for the info.

My issue actually turned out to be with CloudFlare.

How long does Ubooquity try before timing out when trying to access a comic? I have my comics stored on a NAS that has wake on LAN, I thought the issue might be Ubooquity not being able to load the comic fast enough. All web interfaces work perfectly, I just get an infinite loading icon when pressing on the "Read" button.

I can confirm HTTPS is working fine.

Really good work on the app! I wanted to leave some feedback via Google Play but the option isn't there.

Would be nice to have the option to keep screen always on. It would also be nice to see some sort of loading icon appear after clicking a link. Really good work!

Adding this to the CSS file once the viewport has been added sort of fixes the scaling issues. A few more things need to be fixed but unfortunately without access to the HTML pages themselves this is diffifult.

@media (max-width: 810px) {

#toppagebar
{
position:fixed;
z-index:10;
top:0px;
left:0px;
width:100%;
background-color:black;
border-bottom: solid grey 1px;
}

#topbarcenter
{
margin-left: auto;
margin-right: auto;
/* width: 500px; */
width: 100%;
}

#topbarcenter #pagelabel
{
float: left;
/* width: 120px; */
margin-top: 10px;
font-weight: bold;
font-family: "Arial";
font-size: 22px;
color: #CCC;
}

#group
{
/* margin-top:150px; */
margin-top:100px;
margin-left:10px;
margin-right:10px;
}

#topbarleft
{
position:absolute;
top:70px;
left:0px;
}

#topbarright
{
position:absolute;
top:70px;
right:0px;

}
}

Cheers for the suggestions. :)