4958: Detect old browsers and recommend upgrading.

We use a plain .js file in /public instead of the asset pipeline, and
don't rely on any JS libraries. This gives the error alert a much
better chance of working in a browser that can't even parse our
compiled/minified application.js.

diff --git a/apps/workbench/app/views/application/_browser_unsupported.html b/apps/workbench/app/views/application/_browser_unsupported.html
new file mode 100644 (file)
index 0000000..7f180f4
--- /dev/null
+++ b/apps/workbench/app/views/application/_browser_unsupported.html
@@ -0,0 +1,16 @@
+<!-- googleoff: all -->
+<div id="browser-unsupported" class="hidden">
+  <div class="alert alert-danger">
+    <p>
+      <b>Hey!</b> Your web browser is missing some of the features we
+      rely on.  Usually this means you're running an old version.
+      Updating your system, or switching to a current version
+      of <a class="alert-link"
+      href="//google.com/search?q=download+Mozilla+Firefox">Firefox</a>
+      or <a class="alert-link"
+      href="//google.com/search?q=download+Google+Chrome">Chrome</a>,
+      should fix this.
+    </p>
+  </div>
+</div>
+<!-- googleon: all -->

diff --git a/apps/workbench/app/views/layouts/body.html.erb b/apps/workbench/app/views/layouts/body.html.erb
index fb28efe1d40cb8cdf14b48f926b318c7bc016674..67eba944508df47839bb3fafb0ac4524e7f2e082 100644 (file)
--- a/apps/workbench/app/views/layouts/body.html.erb
+++ b/apps/workbench/app/views/layouts/body.html.erb
@@ -185,6 +185,8 @@
       </nav>
     <% end %>
 
+    <%= render partial: 'browser_unsupported' %><%# requires JS support below %>
+
     <div id="page-wrapper">
       <%= yield %>
     </div>
@@ -194,3 +196,4 @@
 
 <div class="modal-container"></div>
 <div id="report-issue-modal-window"></div>
+<script src="/browser_unsupported.js"></script>

diff --git a/apps/workbench/public/browser_unsupported.js b/apps/workbench/public/browser_unsupported.js
new file mode 100644 (file)
index 0000000..77d641c
--- /dev/null
+++ b/apps/workbench/public/browser_unsupported.js
@@ -0,0 +1,13 @@
+(function() {
+    var ok = false;
+    try {
+        if (window.Blob &&
+            window.File &&
+            window.FileReader) {
+            ok = true;
+        }
+    } catch(err) {}
+    if (!ok) {
+        document.getElementById('browser-unsupported').className='';
+    }
+})();