Evaluate iframe Integration

[p-a-s-c-a-l]

As alternative to #11 check if iframe integration would work better.

[p-a-s-c-a-l]

To be investigated:

• iFrame: ui-level integration, e.g. for just embedding a CLARITY Building Block as separate iframe (as it is done here, for example)
• seamless.js could be added to drupal's default html header to let CLARITY Building Block in iframes talk to each other via JavaScript

[p-a-s-c-a-l]

See also clarity-h2020/csis-theme#2 (comment) for problems related to embedding seamless.js into the drupal theme.

[p-a-s-c-a-l]

Integrate iFrame with:

<script type="text/javascript">
  window.onload = function() {
    window.seamless(document.getElementById('mcda'));
  };
</script>

<iframe id="mcda" src="/apps/scenario-analysis/target/dist/index.html"></iframe>

See also clarity-h2020/scenario-analysis#2

[p-a-s-c-a-l]

If JS Dependecies are available, the following code can be used:

<script type="text/javascript">
if (typeof $ == 'undefined') {
   var $ = jQuery;
}
if (typeof $ == 'undefined') {
   var $ = window.jQuery;
}
window.Drupal.behaviors.myBehavior = {
  attach: function (context, settings) {
    // Using once() to apply the mcdaIFrameBehavior effect when you want to run just one function.
    $(window, context).once('mcdaIFrameBehavior').each(function () {
		var mcdaApp = window.seamless(document.getElementById('mcda'));
                var currentNodeId = window.location.pathname.split("/").pop()
                mcdaApp .send({
                    nodeId: currentNodeId 
                });
    });
  }
};
</script>
<iframe id="mcda" src="/apps/scenario-analysis/app/index.html"></iframe>

[p-a-s-c-a-l]

Full Example: nodeConnector.js.