From fb5e3a3371ebeb9f793f477d806cb28304ed30a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Melan=C3=A7on?= <ben@agaric.com>
Date: Sat, 31 Aug 2019 08:41:51 -0400
Subject: [PATCH] Commit 'compiled' (moved) JS

---
 .../geofresco/dist/js/responsive-iframes.js   | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 web/themes/custom/geofresco/dist/js/responsive-iframes.js

diff --git a/web/themes/custom/geofresco/dist/js/responsive-iframes.js b/web/themes/custom/geofresco/dist/js/responsive-iframes.js
new file mode 100644
index 0000000..6443dca
--- /dev/null
+++ b/web/themes/custom/geofresco/dist/js/responsive-iframes.js
@@ -0,0 +1,27 @@
+// From https://benmarshall.me/responsive-iframes/
+// Note that the JavaScript approach does not combine with his recommended CSS
+// approach, and it would probably be better/smoother to combine them.
+// @TODO Or, best, write a text formatter that does the below and assigns the
+// appropriate class, for example .embed-responsive-4by3
+
+// Find all iframes
+var $iframes = $( "iframe" );
+
+// Find and save the aspect ratio for all iframes
+$iframes.each(function () {
+  $( this ).data( "ratio", this.height / this.width )
+    // Remove the hardcoded width &amp;amp;#x26; height attributes
+    .removeAttr( "width" )
+    .removeAttr( "height" );
+});
+
+// Resize the iframes when the window is resized
+$( window ).resize( function () {
+  $iframes.each( function() {
+    // Get the parent container&amp;amp;#x27;s width
+    var width = $( this ).parent().width();
+    $( this ).width( width )
+      .height( width * $( this ).data( "ratio" ) );
+  });
+// Resize to fix all iframes on page load.
+}).resize();