RubyGems - j1m_scroll - Versions diffs - 0.0.1 - Mend

j1m_scroll 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (101) hide show

data/assets/themes/j1/iframe_resizer/test/resources/testLib.js ADDED Viewed

@@ -0,0 +1,9 @@
+function sendMessage(msg){
+    'use strict';
+    //var msgId = '[iFrameSizerTest]:';
+	//document.getElementsByTagName('iframe')[0].contentWindow.postMessage( msgId + msg, '*' );
+	//console.log('Sending '+msg);
+	document.getElementsByTagName('iframe')[0].iFrameResizer.sendMessage(msg);
+}

data/assets/themes/j1/iframe_resizer/test/scrolling.html ADDED Viewed

@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>QUnit LoadHide</title>
+  <link rel="stylesheet" href="resources/qunit.css">
+</head>
+<body>
+  <div id="qunit"></div>
+  <div id="qunit-fixture">
+    <div style="width:600px;">
+      <iframe src="resources/frame.content.html" width="100%" scrolling="no"></iframe>
+    </div>
+  </div>
+  <script src="resources/qunit.js"></script>
+  <script src="resources/jquery.js"></script>
+  <script src="../js/iframeResizer.min.js"></script>
+  <script>
+    'use strict';
+    var msgId = '[iFrameSizerTest]:';
+    asyncTest( "scrolling not set", function() {
+      $('iframe').iFrameResize({
+        //log:true,
+        resizedCallback:function(messageData){
+          ok( true, 'Receive message back from iFrame.' );
+          ok( 'hidden' === messageData.iframe.style.overflow, 'iFrame overflow = ' + messageData.iframe.style.overflow + '. Expected \'hidden\'.' );
+          ok( 'no' === messageData.iframe.scrolling, 'iFrame scrolling = ' + messageData.iframe.scrolling + '. Expected \'no\'.' );
+          start();
+        }
+      });
+    });
+    asyncTest( "scrolling = false", function() {
+      $('iframe').iFrameResize({
+        //log:true,
+        scrolling:false,
+        resizedCallback:function(messageData){
+          ok( true, 'Receive message back from iFrame.' );
+          ok( 'hidden' === messageData.iframe.style.overflow, 'iFrame overflow = ' + messageData.iframe.style.overflow + '. Expected \'hidden\'.' );
+          ok( 'no' === messageData.iframe.scrolling, 'iFrame scrolling = ' + messageData.iframe.scrolling + '. Expected \'no\'.' );
+          start();
+        }
+      });
+    });
+    asyncTest( "scrolling = true", function() {
+      $('iframe').iFrameResize({
+        //log:true,
+        scrolling:true,
+        resizedCallback:function(messageData){
+          ok( true, 'Receive message back from iFrame.' );
+          ok( 'auto' === messageData.iframe.style.overflow, 'iFrame overflow = ' + messageData.iframe.style.overflow + '. Expected \'auto\'.' );
+          ok( 'yes' === messageData.iframe.scrolling, 'iFrame scrolling = ' + messageData.iframe.scrolling + '. Expected \'yes\'.' );
+          start();
+        }
+      });
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/iframe_resizer/test/sendMessage.html ADDED Viewed

@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>QUnit LoadHide</title>
+  <link rel="stylesheet" href="resources/qunit.css">
+</head>
+<body>
+  <div id="qunit"></div>
+  <div id="qunit-fixture">
+    <div style="width:600px;">
+      <iframe src="resources/frame.content.html" width="100%" scrolling="no"></iframe>
+    </div>
+  </div>
+  <script src="resources/qunit.js"></script>
+  <script src="resources/jquery.js"></script>
+  <script src="resources/testLib.js"></script>
+  <script src="../js/ie8.polyfils.min.js"></script>
+  <script src="../js/iframeResizer.min.js"></script>
+  <script>
+    'use strict';
+    var
+        count = 0,
+        msgId = '[iFrameSizerTest]:';
+    asyncTest( "sendMessage (string)", function() {
+      iFrameResize({
+        //log:true,
+        resizedCallback:function(messageData){
+          ok( true, 'Receive init message back from iFrame.' );
+          sendMessage('chkSendMsg');
+        },
+        messageCallback:function(messageData){
+          ok( 'message: test string' === messageData.message, 'Receive string message back from iFrame via sendMessage function.' );
+          start();
+        }
+      });
+    });
+    asyncTest( "sendMessage (object)", function() {
+      iFrameResize({
+        //log:true,
+        resizedCallback:function(messageData){
+          ok( true, 'Receive init message back from iFrame.' );
+          sendMessage('chkSendObj');
+        },
+        messageCallback:function(messageData){
+          ok( 'test object' === messageData.message.message, 'Receive object message back from iFrame via sendMessage function.' );
+          start();
+        }
+      });
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/iframe_resizer/test/setHeightCalculationMethod.html ADDED Viewed

@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>QUnit LoadHide</title>
+  <link rel="stylesheet" href="resources/qunit.css">
+</head>
+<body>
+  <div id="qunit"></div>
+  <div id="qunit-fixture">
+    <div style="width:600px;">
+      <iframe src="resources/frame.content.html" width="100%" scrolling="no"></iframe>
+    </div>
+  </div>
+  <script src="resources/qunit.js"></script>
+  <script src="resources/jquery.js"></script>
+  <script src="resources/testLib.js"></script>
+  <script src="../js/ie8.polyfils.min.js"></script>
+  <script src="../js/iframeResizer.min.js"></script>
+  <script>
+    'use strict';
+    var msgId = '[iFrameSizerTest]:';
+		asyncTest( "setHeightCalculationMethod", function() {
+      var callbackCounter = 0;
+      iFrameResize({
+        //log:true,
+        interval:0,
+        resizedCallback:function(messageData){
+          switch  (''+(++callbackCounter)){
+            case '1':
+              sendMessage('setHeightCalculationMethod');
+              break;
+            default:
+              ok( true, 'iFrame detected content change');
+              start();
+          }
+        }
+      });
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/iframe_resizer/test/size.html ADDED Viewed

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>QUnit LoadHide</title>
+  <link rel="stylesheet" href="resources/qunit.css">
+</head>
+<body>
+  <div id="qunit"></div>
+  <div id="qunit-fixture">
+    <div style="width:400px;">
+      <iframe src="resources/frame.content.html" width="100%" scrolling="no"></iframe>
+    </div>
+  </div>
+  <script src="resources/qunit.js"></script>
+  <script src="resources/jquery.js"></script>
+  <script src="../js/ie8.polyfils.min.js"></script>
+  <script src="../js/iframeResizer.min.js"></script>
+  <script src="resources/testLib.js"></script>
+  <script>
+    'use strict';
+    var msgId = '[iFrameSizerTest]:';
+    asyncTest( "iFrame size Event", function() {
+      var callbackCounter = 0;
+      $('iframe').iFrameResize({
+        //log:true,
+        interval:0,
+        resizedCallback:function(messageData){
+          var msgType = 'size';
+          switch  (''+(++callbackCounter)){
+            case '1':
+              sendMessage( msgType);
+              break;
+            case '2':
+              ok( msgType === messageData.type, 'Received '+messageData.type+' message back from iFrame. Expected '+msgType);
+              sendMessage('size100');
+              break;
+            case '3':
+              ok( msgType === messageData.type, 'Received '+messageData.type+' message back from iFrame. Expected '+msgType);
+              ok( '100' === messageData.height, 'Height received = 100');
+              //ok( 100 === $('iframe').height(), 'IFrame height = 100'); Works in phaatomJS, but not chrome!
+              sendMessage('size200300');
+              break;
+            case '4':
+              ok( msgType === messageData.type, 'Received '+messageData.type+' message back from iFrame. Expected '+msgType);
+              ok( '200' === messageData.height, 'Height received = 200');
+              ok( '300' === messageData.width, 'Width received = 300');
+              start();
+          }
+        }
+      });
+    });
+  </script>
+</body>
+</html>

data/assets/themes/j1/iframe_resizer/test/v1.html ADDED Viewed

@@ -0,0 +1,189 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>QUnit LoadHide</title>
+  <link rel="stylesheet" href="resources/qunit.css">
+</head>
+<body>
+  <div id="qunit"></div>
+  <div id="qunit-fixture">
+    <div style="width:600px;">
+      <iframe src="resources/frame.content.html" width="100%" scrolling="no"></iframe>
+    </div>
+  </div>
+  <script src="resources/qunit.js"></script>
+  <script src="resources/jquery.js"></script>
+  <script>
+    /*
+     * File: jquery.iframeSizer.js
+     * Desc: Force cross domain iframes to size to content.
+     * Requires: iframeSizer.contentWindow.js to be loaded into the target frame.
+     * Author: David J. Bradshaw - dave@bradshaw.net
+     * Date: 2013-06-14
+     */
+    (function($) {
+      var
+        msgId    = '[iFrameSizer]', //Must match iframe msg ID
+        msgIdLen = msgId.length,
+        count    = 0,
+        settings,
+        defaults = {
+          log: false,
+          contentWindowBodyMargin:8,
+          doHeight:true,
+          doWidth:false,
+          interval:0,
+          enablePublicMethods:false,
+          callback:function(){}
+        };
+        function setupRAF(){
+        var
+          vendors = ['moz', 'webkit', 'o', 'ms'],
+          x;
+        // Remove vendor prefixing if prefixed and break early if not
+        for (x = 0; x < vendors.length && !window.requestAnimationFrame; x += 1) {
+          window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
+        }
+        // If not supported then just call callback
+        if (!window.requestAnimationFrame){
+          log(' RequestAnimationFrame not supported');
+          window.requestAnimationFrame = function(callback){
+            callback();
+          };
+        }
+        }
+      function log(msg){
+        if (window.console){
+          console.log(msgId + '[Host page]' + msg);
+        }
+      }
+        setupRAF();
+      $(window).on('message',function(event){
+        function receiver(msg) {
+          function resize(){
+            function setDimension(dimension){
+              window.requestAnimationFrame(function(){
+                messageData.iframe.style[dimension] = messageData[dimension] + 'px';
+                log( ' ' + messageData.iframe.id + ' ' + dimension + ' set to ' + messageData[dimension] + 'px');
+              });
+            }
+            if(settings.doHeight){
+              setDimension('height');
+            }
+            if(settings.doWidth){
+              setDimension('width');
+            }
+          }
+          function processMsg(){
+            var data  = msg.substr(msgIdLen).split(':');
+            messageData = {
+              iframe: document.getElementById(data[0]),
+              height: data[1],
+              width:  data[2]
+            };
+          }
+          var messageData = {};
+          //check message is for us.
+          if (msgId === msg.substr(0,msgIdLen)){
+            processMsg();
+            resize();
+            settings.callback(messageData,settings);
+          }
+        }
+        receiver(event.originalEvent.data);
+      });
+      $.fn.iFrameSizer = function(options){
+        settings = $.extend( {}, defaults, options );
+        return this.each(function(){
+          function isIframe(){
+            return iframe.contentWindow ? true : false;
+          }
+          //We have to call trigger twice, as we can not be sure if all
+          //iframes have completed loading when this code runs.
+          function init(){
+            iframe.style.overflow = 'hidden';
+            iframe.scrolling = 'no';
+            $(iframe).on('load',function(){
+              trigger('iFrame.onload');
+            });
+            trigger('init');
+          }
+          function trigger(calleeMsg){
+            function ensureHasId(){
+              if (''===iframe.id){
+                iframe.id = 'iFrameSizer' + count++;
+                log(' Added missing iframe ID: '+iframe.id);
+              }
+            }
+            function postMessageToIframe(){
+              var msg = iframe.id + ':' + settings.contentWindowBodyMargin + ':' + settings.doWidth + ':' +
+                  settings.log + ':' + settings.interval + ':' + settings.enablePublicMethods;
+              log('[' + calleeMsg + '] Sending init msg to iframe ('+msg+')');
+              iframe.contentWindow.postMessage( msgId + msg, '*' );
+            }
+            ensureHasId();
+            postMessageToIframe();
+          }
+          var iframe = this;
+          if (isIframe()){
+            init();
+          }
+        });
+      };
+    })( window.jQuery );
+  </script>
+  <script>
+   'use strict';
+    var msgId = '[iFrameSizerTest]:';
+    asyncTest( "postMessage Response", function() {
+      $('iframe').iFrameSizer({
+        callback:function(messageData){
+          //console.log('Receive message back from iFrame.')
+          ok( true, 'Receive message back from iFrame.' );
+          ok( '600' === messageData.width, 'iFrame width = 600.' );
+          start();
+        }
+      });
+    });
+ </script>
+</body>
+</html>

data/assets/themes/j1/j1/js/adapters/iframe_resizer.js ADDED Viewed

@@ -0,0 +1,105 @@
+---
+regenerate:             false
+---
+{% capture cache %}
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  J1: ~/assets/themes/j1/j1/js/adapters/iframe_resizer.js
+ #  Liquid JS template to create the J1 adapter for iFrameResizer
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #  http://davidjbradshaw.github.io/iframe-resizer/
+ #
+ #  Copyright (C) 2016 Juergen Adams
+ #  Copyright (C) 2013-15 David J. Bradshaw
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #  iFrameResizer is licensed under under the MIT License.
+ #  For details, see http://davidjbradshaw.github.io/iframe-resizer/
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+/*
+ # -----------------------------------------------------------------------------
+ #  J1: ~/assets/themes/j1/j1/js/adapters/simple_jekyll_search.js
+ #  J1 Adapter for iFrameResizer
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #  http://davidjbradshaw.github.io/iframe-resizer/
+ #
+ #  Copyright (C) 2016 Juergen Adams
+ #  Copyright (C) 2013-15 David J. Bradshaw
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #  iFrameResizer is licensed under under the MIT License.
+ #  For details, see http://davidjbradshaw.github.io/iframe-resizer/
+ #
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+{% if page.minHeight %}
+   {% assign minHeight = page.minHeight %}
+{% else %}
+   {% assign minHeight = site.data.modules.j1_iframe_resizer.minHeight %}
+{% endif %}
+{% if page.log %}
+   {% assign log = page.log %}
+{% else %}
+   {% assign log = site.data.modules.j1_iframe_resizer.log %}
+{% endif %}
+var iFrameResizer = function () {
+  return {
+    // Initialize
+    init: function ( options ) {
+      this.settings = $.extend({}, options);
+      if (this.settings.minHeight === undefined) {
+          this.settings.minHeight = {{minHeight}};
+      }
+      if (this.settings.log === undefined) {
+          this.settings.log = {{log}};
+      }
+      iFrameResize({
+        // Options
+        log:                      this.settings.log,
+        autoResize:               {{site.data.modules.j1_iframe_resizer.autoResize | json }},
+        bodyBackground:           {{site.data.modules.j1_iframe_resizer.bodyBackground | json }},
+        bodyMargin:               {{site.data.modules.j1_iframe_resizer.bodyMargin | json }},
+        checkOrigin:              {{site.data.modules.j1_iframe_resizer.checkOrigin | json }},
+        inPageLinks:              {{site.data.modules.j1_iframe_resizer.inPageLinks | json }},
+        interval:                 {{site.data.modules.j1_iframe_resizer.interval | json }},
+        heightCalculationMethod:  {{site.data.modules.j1_iframe_resizer.heightCalculationMethod | json }},
+        maxHeight:                {{site.data.modules.j1_iframe_resizer.maxHeight | json }},
+        minWidth:                 {{site.data.modules.j1_iframe_resizer.minWidth | json }},
+        maxWidth:                 {{site.data.modules.j1_iframe_resizer.maxWidth}},
+        minHeight:                this.settings.minHeight,
+        resizeFrom:               {{site.data.modules.j1_iframe_resizer.resizeFrom | json }},
+        scrolling:                {{site.data.modules.j1_iframe_resizer.scrolling | json }},
+        sizeHeight:               {{site.data.modules.j1_iframe_resizer.sizeHeight | json }},
+        sizeWidth:                {{site.data.modules.j1_iframe_resizer.sizeWidth | json }},
+        tolerance:                {{site.data.modules.j1_iframe_resizer.tolerance | json }},
+        widthCalculationMethod:   {{site.data.modules.j1_iframe_resizer.widthCalculationMethod | json }}
+//      targetOrigin:             {{site.protocol}}://{{site.host}}:{{site.port}}',
+      });
+    } // end init
+  }; // end return
+}();
+{% endcapture %}
+{{ cache | strip_empty_lines }}
+{% assign cache = nil %}