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

export default Ember.Component.extend({
  layout: layout,
  tagName: 'span',
  displayLabel: Ember.computed('label', 'resolvedLabel', function () {
    return this.get('label') || this.get('resolvedLabel');
  }),
  bnfResolver: Ember.inject.service(),

  _resolveBnfIds: Ember.on('init', Ember.observer('url', 'label', function () {
    if (this.get('label')) {
      if (!(this.get('isDestroyed') || this.get('isDestroying'))) {
        this.set('resolvedLabel', this.get('label'));
      }

      return;
    }
    if (this.get('bnfResolver')) {
      this.get('bnfResolver').getLabel(this.get('url'))
        .then(function (str) {
          if (!(this.get('isDestroyed') || this.get('isDestroying'))) {
            this.set('resolvedLabel', str);
          }
        }.bind(this));
    }
  })),

  code: Ember.computed('url', function () {
    const rawSubject = this.get('url');

    if (rawSubject) {
      if (rawSubject.startsWith(constants.BNF_BASE_URL)) {
        return rawSubject.substr(constants.BNF_BASE_URL.length);
      } else if (rawSubject.startsWith(constants.BNF_ARK_BASE_URL)) {
        return rawSubject.substr(constants.BNF_ARK_BASE_URL.length);
      }
    }

    return rawSubject;
  }),
  isSubjectLink: Ember.computed.match('url', /^http\:\/\//)

});