import Ember from 'ember';
import * as constants from 'corpus-common-addon/utils/constants';
import layout from '../templates/components/doc-language';

export default Ember.Component.extend({
    layout: layout,
    tagName: "span",

    lexvoResolver: Ember.inject.service(),

    _resolveLexvoIds: Ember.on('init', Ember.observer('url', function() {
      this.get('lexvoResolver').getName(this.get('url')).then(function(str) {
          this.set('resolvedName', str);
      }.bind(this));
    })),

    code: Ember.computed('url', function() {
      var rawLanguage = this.get('url');
      if(rawLanguage && rawLanguage.startsWith(constants.LEXVO_BASE_URL) ) {
        return rawLanguage.substr(constants.LEXVO_BASE_URL.length);
      }
      return rawLanguage;
    }),
    isLanguageLink: Ember.computed.match('url', /^http\:\/\//)

});