dfm_web 5.0.0 → 5.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2915e59ecbf40841b8c365cfcb3b9576fdb11b8ae89f2aa29809295a0c855b9f
-  data.tar.gz: 31d451845ab180fb9041a3cac8e6b6bee96119dd2bba293f6af0b31a5ad512b6
+  metadata.gz: b17ffe796e23a13634c3e972f2f657146d101333d2a622de3ea84f95a2404e10
+  data.tar.gz: bd8e0ca6412f1ba5c403b7ebad2f54514847c67a32abd088a1da1cf15c8515f3
 SHA512:
-  metadata.gz: a7e71b2556f0a789000db9320a7bab82688c7c5056fc7254fdaa62418fa6a77ddbea2e72d1bf419f5c662c8e7dd147da82238f35a67d26a44103de98a0747f7c
-  data.tar.gz: 6651a20000210aa3cbc0486aa998d7d1aea2285609580db8866202fa62ba9cf9318bf70473f7826b3974e37b4f429f31788f1d10682c283b4657ae34ac27ecc5
+  metadata.gz: 0b90e352c7c5a6dcaf03672aa05ccf4a191ffa7831f78ffdc6053764452c8c80209fa747dda303da906544181af1c8529bab38de45b93346b89ae7ad454c388f
+  data.tar.gz: 78b5356ed2e5b259d2216f5571235c699914edea4867c526a8193dbf0e89406f3cb7ebe6ad338a803c5d58bdfa7a8c114d5ba67638029a9df67c1035eb0be0de

data/app/assets/javascripts/dfm_web/dfm_web.js

@@ -22,13 +22,13 @@ window.DfmWeb = {};
 
 DfmWeb.activate_dfm_web = function() {
   // Hide the #notice and #alert messages by clicking the [X] or pressing escape key
-  document.querySelectorAll('#notice, #alert').forEach((node) => {
-    node.addEventListener('click', () => {
+  document.querySelectorAll('#notice, #alert').forEach(function (node) {
+    node.addEventListener('click', function () {
       node.style.display = 'none';
     });
 
     // If either ID exists, close by pressing Escape
-    document.addEventListener('keyup', (key) => {
+    document.addEventListener('keyup', function (key) {
       if (key.code == 'Escape') {
         node.style.display = 'none';
       }
@@ -40,16 +40,16 @@ DfmWeb.activate_dfm_web = function() {
   // Insert the Hamburger if there are menu 2+ items
   // Add "has_hamburger" class to the ul so CSS can know which way to show it.
   if (document.querySelectorAll('#nav ul.right>li').length > 1) {
-    const hamburger = document.createElement('div');
+    var hamburger = document.createElement('div');
     hamburger.setAttribute('id', 'hamburger');
     document.querySelector('#nav ul.right').after(hamburger);
     document.querySelector('ul.right').classList.add('has_hamburger');
   }
 
   // Show the Mobile Menu on Hamburger Click
-  document.querySelectorAll('nav #hamburger').forEach((node) => {
-    node.addEventListener('click', () => {
-      document.querySelectorAll('nav #nav ul.has_hamburger').forEach((node) => {
+  document.querySelectorAll('nav #hamburger').forEach(function (node) {
+    node.addEventListener('click', function () {
+      document.querySelectorAll('nav #nav ul.has_hamburger').forEach(function (node) {
         node.style.display = node.style.display === 'inline-block' ? 'none' : 'inline-block';
       });
     });
@@ -59,21 +59,21 @@ DfmWeb.activate_dfm_web = function() {
   // If you've toggled the Mobile menu it breaks larger sizes.  Reset on resize.
   window.onresize = function() {
     if (window.innerWidth >= 1024) {
-      document.querySelectorAll('nav #nav ul.has_hamburger').forEach((node) => {
+      document.querySelectorAll('nav #nav ul.has_hamburger').forEach(function (node) {
         node.style.display = 'inline-block';
       });
     } else {
-      document.querySelectorAll('nav #nav ul.has_hamburger').forEach((node) => {
+      document.querySelectorAll('nav #nav ul.has_hamburger').forEach(function (node) {
         node.style.display = 'none';
       });
     }
   };
 
   // iPads don't have :hover, so hide the menu if the user clicks anything in <main>
-  document.querySelectorAll('main').forEach((node) => {
-    node.addEventListener('click', () => {
+  document.querySelectorAll('main').forEach(function (node) {
+    node.addEventListener('click', function () {
       if (window.innerWidth < 1024) {
-        document.querySelectorAll('nav #nav ul.has_hamburger').forEach((node) => {
+        document.querySelectorAll('nav #nav ul.has_hamburger').forEach(function (node) {
           node.style.display = 'none';
         });
       }
@@ -82,7 +82,7 @@ DfmWeb.activate_dfm_web = function() {
 
   // Deal with Really long menus
   // Add "crowded" class to make them more compact.
-  document.querySelectorAll('#nav > ul > li > ul').forEach((node) => {
+  document.querySelectorAll('#nav > ul > li > ul').forEach(function (node) {
     if (node.children.length > 10) {
       node.classList.add('crowded');
     }

data/app/assets/javascripts/dfm_web/internet_explorer.js

@@ -0,0 +1,72 @@
+/* Polyfill service v3.110.1
+ * For detailed credits and licence information see https://github.com/financial-times/polyfill-service.
+ *
+ * Features requested: Element.prototype.after,NodeList.prototype.forEach
+ *
+ * - _mutation, License: CC0 (required by "Element.prototype.after")
+ * - Element.prototype.after, License: CC0
+ * - NodeList.prototype.forEach, License: CC0 */
+
+(function(self, undefined) {
+
+// _mutation
+  var _mutation = (function () { // eslint-disable-line no-unused-vars
+
+    function isNode(object) {
+      // DOM, Level2
+      if (typeof Node === 'function') {
+        return object instanceof Node;
+      }
+      // Older browsers, check if it looks like a Node instance)
+      return object &&
+        typeof object === "object" &&
+        object.nodeName &&
+        object.nodeType >= 1 &&
+        object.nodeType <= 12;
+    }
+
+    // http://dom.spec.whatwg.org/#mutation-method-macro
+    return function mutation(nodes) {
+      if (nodes.length === 1) {
+        return isNode(nodes[0]) ? nodes[0] : document.createTextNode(nodes[0] + '');
+      }
+
+      var fragment = document.createDocumentFragment();
+      for (var i = 0; i < nodes.length; i++) {
+        fragment.appendChild(isNode(nodes[i]) ? nodes[i] : document.createTextNode(nodes[i] + ''));
+
+      }
+      return fragment;
+    };
+  }());
+
+// Element.prototype.after
+  /* global _mutation */
+  Document.prototype.after = Element.prototype.after = function after() {
+    if (this.parentNode) {
+      var args = Array.prototype.slice.call(arguments),
+        viableNextSibling = this.nextSibling,
+        idx = viableNextSibling ? args.indexOf(viableNextSibling) : -1;
+
+      while (idx !== -1) {
+        viableNextSibling = viableNextSibling.nextSibling;
+        if (!viableNextSibling) {
+          break;
+        }
+        idx = args.indexOf(viableNextSibling);
+      }
+
+      this.parentNode.insertBefore(_mutation(arguments), viableNextSibling);
+    }
+  };
+
+// Not all UAs support the Text constructor.  Polyfill on the Text constructor only where it exists
+// TODO: Add a polyfill for the Text constructor, and make it a dependency of this polyfill.
+  if ("Text" in self) {
+    Text.prototype.after = Element.prototype.after;
+  }
+
+// NodeList.prototype.forEach
+  NodeList.prototype.forEach = Array.prototype.forEach;
+})
+('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});

data/lib/dfm_web/version.rb

@@ -1,10 +1,11 @@
 module DfmWeb
-  VERSION = "5.0.0"
+  VERSION = "5.0.1"
 end
 
 
 # Version History
 
+# 5.0.1   Restore compatibility with Internet Explorer 11.
 # 5.0.0   Remove jQuery as a requirement and update README etc for Rails 7.
 # 4.1.3   Accessibility and Print media improvements. Added /print demo to Dummy app.
 # 4.1.2   Add example theme-colors to dummy & Update NAV CSS. Added a nav search box.

data/spec/dummy/app/assets/javascripts/application.js

@@ -10,6 +10,11 @@
 // Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
 // about supported directives.
 //
+// Note: The internet_explorer require below is optional.
+//       Add if you wish to support Internet Explorer 11.
+//       It adds two polyfills used by dfm_web
+//
+//= require dfm_web/internet_explorer
 //= require dfm_web/dfm_web
 //= require_self
 

data/spec/dummy/app/views/application/news.html.erb

@@ -15,7 +15,7 @@
 <h2>Headlines</h2>
 
 <div class="panel" id="sasuke">
-  <h2>Sasuke Flips Car</h2>
+  <h2>Local Events</h2>
   <% 2.times do %>
     <%= render 'lorem' %>
   <% end %>
@@ -23,7 +23,7 @@
 
 
 <div class="panel" id="ricky">
-  <h2>Ricky Faces Jail Time</h2>
+  <h2>School Closings</h2>
   <% 3.times do %>
     <%= render 'lorem' %>
   <% end %>

data/spec/dummy/app/views/layouts/_nav.html.erb

@@ -33,8 +33,8 @@
         <%= link_to "News", news_path %>
         <ul>
           <li><%= link_to("#{Date.today.strftime("%A")}'s Weather", news_path + "#weather") %></li>
-          <li><%= link_to('Sasuke Flips Car', news_path + "#sasuke") %></li>
-          <li><%= link_to('Ricky Faces Jail Time', news_path + "#ricky") %></li>
+          <li><%= link_to('Local Events', news_path + "#sasuke") %></li>
+          <li><%= link_to('School Closings', news_path + "#ricky") %></li>
         </ul>
       </li>