Ember.js embed link widget

embed-link.js

import Ember from 'ember';

export default Ember.Component.extend({
  
  classNames: ['embed-src'],
  regex     : /https?:/,
  width     : null,
  height    : null,
  src       : null,

  srcGeneric: function() {
    var src = this.get('src');

    // serving the URL without protocol won't work if the page that includes the embed
    // is not using https :-(
    return src;

    // if (src) {
    //   return src.replace(this.get('regex'), '');
    // }
    // return null;
  }.property('src'),


  embed: function() {

    return [
      '<iframe src="',
      this.get('srcGeneric'),
      '" width="',
      this.get('width'),
      '" height="',
      this.get('height'),
      '"></iframe>'
    ].join('');
    
  }.property('srcGeneric', 'width', 'height'),

  
  actions   : {
    toggleDisplay: function() {
      var container = this.$().find('.embed-form');
      container.toggleClass('open');
      if (container.hasClass('open')) {
        this.$().find('.embed-input').select();
      }
    }
  }
});