dev/js/src/match/meta.js

define(['util'], function () {

  /*
  author, editor title, subTitle textSigle
  in corpusAuthor (corpusEditor), corpusTitle, corpusSubTitle, corpusSigle
  in docAuthor    (docEditor),    docTitle,    docSubTitle,    docSigle
  publisher
  reference
  creationDate
  foundries
  keywords
  textClass
  textColumn
  textDomain
  textType
  textTypeArt
  textTypeRef
  language
  license
  pages
  pubDate
  layerInfo
  tokenSource
  biblEditionStatement
  fileEditionStatement
*/

  // Localization values
  const loc   = KorAP.Locale;
  loc.METADATA   = loc.METADATA   || 'Metadata';

  return {

    /**
     * Create new match object
     */
    create : function (match) {
      return Object.create(this)._init(match);
    },

    /**
     * Initialize object
     */
    _init : function (match) {
      this._match = match;
      this.opened = false;
      return this;
    },

    /**
     * Get match object
     */
    match : function () {
      return this._match;
    },

    /**
     * Create match reference view.
     */
    element : function (metaInfo) {
      if (this._element !== undefined)
        return this._element;
      
      var metaTable = document.createElement('div');
      metaTable.classList.add('metatable');

      /*
      var header = metaTable.appendChild(
        document.createElement('h6')
      );

      header.appendChild(
        document.createElement('div')
      ).appendChild(
        document.createTextNode(loc.METADATA)
      );
      */

      var metaDL = metaTable.addE('dl');

      this._element = metaTable;

      // TODO: Meta fields should be separated
      var keys = Object.keys(metaInfo);
      for (var i in keys.sort()) {
        var k = keys[i];
        if (k !== "UID" &&
            k !== "corpusID" &&
            k !== "docID" &&
            k !== "textID" &&
            /*
            k !== "corpusSigle" &&
            k !== "docSigle" &&
            */
            k !== "layerInfos") {

          var metaL = document.createElement('div');
          metaL.addE('dt').addT(k);
          metaL.addE('dd').addT(metaInfo[k]);

          metaDL.appendChild(metaL);
        };
      };

      this.addButton('close', function (e) {
        var el = this.element();
        el.parentNode.removeChild(el);
        e.halt();
      });
      
      return this._element;
    },

    // TODO: This should be a method by all matchinfo objects
    addButton : function (buttonType, cb) {
      // TODO: Unless existent
      var actions = document.createElement('ul');
      actions.classList.add('action', 'image');
      var button = actions.addE('li');
      button.className = buttonType;
      button.addE('span').addT(buttonType);
      button.addEventListener(
        'click', cb.bind(this)
      );

      this.element().appendChild(actions);
      return actions;
    },

  };
});