ingenta-lens/article/nodes/footnote_reference/footnote_reference_view.js

A novel way of seeing content.

"use strict";

var AnnotationView = require('../annotation/annotation_view');
var $$ = require('../../../substance/application').$$;

var FootnoteReferenceView = function(node, viewFactory) {
  AnnotationView.call(this, node, viewFactory);
  this.$el.addClass('footnote-reference');
  this._expanded = false;
};


FootnoteReferenceView.Prototype = function() {

  this.render = function() {
    var footnote = this._getFootnote();
    // this.el.innerHTML = formulaView.render().el.innerHTML;
    this.el.innerHTML = "";
    this.toggleEl = $$('a', {href: '#', html: footnote.properties.label});

    $(this.toggleEl).on('click', this._onToggle.bind(this));
    this.$el.append(this.toggleEl);
    this.footnoteView = this._createView(footnote).render();
    // HACK: some use xref with ref-type='fn' which will produce a different view class
    this.footnoteView.$el.addClass('footnote');
    if (this.node.properties.generated) {
      this.$el.addClass('sm-generated');
    }
    this.$el.append(this.footnoteView.el);
  };

  this._onToggle = function(e) {
    e.preventDefault();
    this.$el.toggleClass('sm-expanded');
  };

  this._createView = function(node) {
    var view = this.viewFactory.createView(node);
    return view;
  };

  this._getFootnote = function() {
    var node = this.node.document.get(this.node.target);
    return node;
  };
};

FootnoteReferenceView.Prototype.prototype = AnnotationView.prototype;
FootnoteReferenceView.prototype = new FootnoteReferenceView.Prototype();

module.exports = FootnoteReferenceView;