-
-
Save lunalium/f647945fe52f4fdbcc1e to your computer and use it in GitHub Desktop.
Wormhole for ember 1.6
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| SDC.WormholeView = Ember.View.extend({ | |
| to: Ember.computed.alias('destinationElementId'), | |
| destinationElementId: null, | |
| destinationElement: Ember.computed('destinationElementId', 'renderInPlace', function() { | |
| return this.get('renderInPlace') ? this.get('element') : document.getElementById(this.get('destinationElementId')); | |
| }), | |
| renderInPlace: false, | |
| didInsertElement: function() { | |
| this._super.call(this, arguments); | |
| this._firstNode = this.get('element').firstChild; | |
| this._lastNode = this.get('element').lastChild; | |
| this.appendToDestination(); | |
| }, | |
| willDestroyElement: function() { | |
| this._super.call(this, arguments); | |
| var firstNode = this._firstNode; | |
| var lastNode = this._lastNode; | |
| Ember.run.schedule('render', () => { | |
| this.removeRange(firstNode, lastNode); | |
| }); | |
| }, | |
| destinationDidChange: Ember.observer('destinationElement', function() { | |
| var destinationElement = this.get('destinationElement'); | |
| if (destinationElement !== this._firstNode.parentNode) { | |
| Ember.run.schedule('render', this, 'appendToDestination'); | |
| } | |
| }), | |
| appendToDestination: function() { | |
| var destinationElement = this.get('destinationElement'); | |
| var currentActiveElement = document.activeElement; | |
| if (!destinationElement) { | |
| var destinationElementId = this.get('destinationElementId'); | |
| if (destinationElementId) { | |
| throw new Error(`ember-wormhole failed to render into '#${this.get('destinationElementId')}' because the element is not in the DOM`); | |
| } | |
| throw new Error('ember-wormhole failed to render content because the destinationElementId was set to an undefined or falsy value.'); | |
| } | |
| this.appendRange(destinationElement, this._firstNode, this._lastNode); | |
| if (document.activeElement !== currentActiveElement) { | |
| currentActiveElement.focus(); | |
| } | |
| }, | |
| appendRange: function(destinationElement, firstNode, lastNode) { | |
| while(firstNode) { | |
| destinationElement.insertBefore(firstNode, null); | |
| firstNode = firstNode !== lastNode ? lastNode.parentNode.firstChild : null; | |
| } | |
| }, | |
| removeRange: function(firstNode, lastNode) { | |
| var node = lastNode; | |
| do { | |
| var next = node.previousSibling; | |
| if (node.parentNode) { | |
| node.parentNode.removeChild(node); | |
| if (node === firstNode) { | |
| break; | |
| } | |
| } | |
| node = next; | |
| } while (node); | |
| } | |
| }); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment