moOde 5 Release Candidate RC0

[franz159]

Good evening everybody,
   on Sunday I decided to install RC0 on the raspberry in my main system.
The trigger of the decision was to fix the 5 "Audiophile Radios" whose stream URL has changed and for the very nice new logos...  Bad decision!  After leaving for the week of work (going back home on Thursday) I got a phone call from a very angry wife that Moode is not loading properly, neither on the iPad (old iPad3) or on her iPhone 5c.
The bottom line is that she is without her favourite radios until I go back and install again last known working version 4.4.
So I replicated the issue on my other iPad3 I have with me.
Main interface (CSS issue?)


Any "config UI" is instead working:



I already tried all sort of reload/refresh/cache cleaning.
Same behaviour in Safari and Chrome!

Anything else I can try to fix? Otherwise, I will have to go back to 4.4....

Thanks!

[Tim Curtis]

Only Access Point mode uses ip address 172.24.1.1 and this does not provide an Internet connection or access to your Home network.

moOde will boot up in access point mode under the following conditions.

No ethernet connection and either the WiFi SSID is explicitly set to "blank (activates AP mode)" in Network Config or if there is a valid WIFI SSID specified but the attempt to associate (connect) to that WiFi network failed or the association succeeded but an IP address was not assigned but the WiFi Router.

[franz159]

The point I'm making is different.
The UI does not show up properly when using either Safari or Chrome on iPhone 5c or old iPad3, irrespective of using AP mode or wired ethernet.
In the screenshot above I demonstrated the issue when booting in AP mode.
UI is working as expected on my MacBook

[TheOldPresbyope]

Ummm. 

"themename=Standard" seems bogus. 

Shouldn't it be "themename=Default"? (This applies to both the default moode-sqlite3.db/cfg_system table and the example moodecfg.txt contents in the setup.txt file.

Alternatively, change "Default" to "Standard" in the the first row of the moode-sqlite3.db/cfg_theme table.

Or am I off in left field again?

Regards,
Kent

[Tim Curtis]

If it's ok on your MacBook but not on your mobiles then plug your iPad or iPhone into your MacBook USB port and open a Javascript console via the Safari Develop menu and see if there are any error messages.

I have an old iPhone SE and an old iPad Mini and no issues.

[franz159]

If it's ok on your MacBook but not on your mobiles then plug your iPad or iPhone into your MacBook USB port and open a Javascript console via the Safari Develop menu and see if there are any error messages.

I have an old iPhone SE and an old iPad Mini and no issues.

These are the 4 errors  I was able to find when clicking on the "Radio view" button on my ipad3, not sure if you can make any use of this info.....

[Error] Viewport argument key "viewport-fit" not recognized and ignored. (172.20.10.3, line 33)
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=no">

[Error] SyntaxError: Unexpected token '>'
(anonymous function) (playerlib.js:3643)


[Error] Viewport argument key "viewport-fit" not recognized and ignored.
attr (jquery-1.8.2.min.js:2:30194)
access (jquery-1.8.2.min.js:2:15975)
attr (jquery-1.8.2.min.js:2:26748)
(anonymous function) (scripts-panels.js:31)
k (jquery-1.8.2.min.js:2:16926)
fireWith (jquery-1.8.2.min.js:2:17709)
ready (jquery-1.8.2.min.js:2:12450)
D (jquery-1.8.2.min.js:2:9849)

[Error] ReferenceError: Can't find variable: sendMoodeCmd
(anonymous function) (scripts-panels.js:33)
var result = sendMoodeCmd('POST', 'updcfgsystem', {'library_pixelratio': window.devicePixelRatio});
k (jquery-1.8.2.min.js:2:16926)
fireWith (jquery-1.8.2.min.js:2:17709)
ready (jquery-1.8.2.min.js:2:12450)
D (jquery-1.8.2.min.js:2:9849)

[franz159]

The unexpected token ">" error is in this function


function getCSSRule(ruleName) {
   ruleName = ruleName.toLowerCase();
   var result = null;
   var find = Array.prototype.find;

   find.call(document.styleSheets, styleSheet => {
       result = find.call(styleSheet.cssRules, cssRule => {
           return cssRule instanceof CSSStyleRule
               && cssRule.selectorText.toLowerCase() == ruleName;
       });
       return result != null;
   });
   return result;
}

[swizzle]

The unexpected token ">" error is in this function


function getCSSRule(ruleName) {
   ruleName = ruleName.toLowerCase();
   var result = null;
   var find = Array.prototype.find;

   find.call(document.styleSheets, styleSheet => {
       result = find.call(styleSheet.cssRules, cssRule => {
           return cssRule instanceof CSSStyleRule
               && cssRule.selectorText.toLowerCase() == ruleName;
       });
       return result != null;
   });
   return result;
}

What browser / iOS version is that franz?

[Tim Curtis]

Try commenting out lines 3152/3153 in playerlib.js

var test = getCSSRule('.toggle .toggle-radio');
test.style.backgroundImage='url("' + radio1 + '")';

Could be some sort of incompatibility with older versions of IOS ?? I'm running 12.1.2 on my iPhone SE and 12.1.1 on my iPad Mini.

[swizzle]

Try commenting out lines 3152/3153 in playerlib.js

var test = getCSSRule('.toggle .toggle-radio');
test.style.backgroundImage='url("' + radio1 + '")';

Could be some sort of incompatibility with older versions of IOS ?? I'm running 12.1.2 on my iPhone SE and 12.1.1 on my iPad Mini.

It’s an incompatibility with older mobile Safari, fix sent.