Media Grid: No-JS fallback

[helen]

Right now you get a blank screen, which is not acceptable. We need the header with Add New link and a link back to the list mode at the very least. Mode is sticky, so it should only happen once.

See #24716

[michalzuber]

<noscript> solution

[michalzuber]

ocean90 fixed the button in [29136]
Added simple <noscript> solution.

[ocean90]

Or:

<div class="error hide-if-js">
	<p><?php _e( 'Media Grid requires enabled JavaScript. Switch to <a href="upload.php?mode=list">table listing</a>.' ); ?></p>
</div>

[ericlewis]

Re: the exact wording, "Media Grid" will read jargony to the typical user. How about "The media grid view" instead?

[kpdesign]

Replying to ericlewis:

Re: the exact wording, "Media Grid" will read jargony to the typical user. How about "The media grid view" instead?

I agree. Perhaps something like this?

The media grid view requires JavaScript to be enabled. Switch to the table listing.

[michalzuber]

.hide-if-js solution

[michalzuber]

Thank you for the ideas, much better.

[michalzuber]

To minimize support questions on enabling JavaScript it could be like this

<div class="error hide-if-js">
    <p><?php _e( 'The media grid view requires JavaScript to be enabled.' ); ?></p>
    <ol>
        <li><a href="upload.php?mode=list"><?php _e( 'Switch to the table listing.' ); ?></a></li>
        <li><a href="http://www.enable-javascript.com/" target="_blank"><?php _e( 'Enable JavaScript
in your web browser.' ); ?></a></li>
    </ol>
</div>

[wonderboymusic]

We could drop a meta refresh tag that will kick them over to the list view

[michalzuber]

Yes good one, I thought about it too, but if he has disabled JavaScript he should be noticed that the usage experience would degrade without JS. That's why I added the second link. Educate the visitor a bit :)
But meta http redirect can be timed, so should we add that with a 3 sec timeout? But in this scenario we might confuse the visitor with error message and then redirecting him.

[kpdesign]

I would not add a timed redirect. The user needs time to read the error message and decide what they want to do.

[michalzuber]

Changed text to be more human friendly.

[helen]

In 29175:

No-JS fallback for the Media Library grid view. props michalzuber. fixes #28830, see #24716.