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;

      }

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

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

});