RubyGems - j1m_app - Versions diffs - 0.0.1 - Mend

j1m_app 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 (99) 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/exe/console ADDED Viewed

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+require "bundler/setup"
+require "j1m_nav"
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+require "irb"
+IRB.start(__FILE__)