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(),

  displayUrlLink: false,

  _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\:\/\//)

});