modules/documentCanvas/canvas/wlxmlManagers.js

   1 define([
   2 'libs/jquery-1.9.1.min',
   3 'modules/documentCanvas/canvas/widgets'
   4 ], function($, widgets) {
   5
   6 'use strict';
   7
   8
   9 var DocumentElementWrapper = function(documentElement) {
  10
  11     this.addWidget = function(widget) {
  12         documentElement.dom().find('.canvas-widgets').append(widget);
  13     };
  14
  15     this.clearWidgets = function() {
  16         documentElement.dom().find('.canvas-widgets').empty();
  17     }
  18
  19     this.setDisplayStyle = function(displayStyle) {
  20         documentElement.dom().css('display', displayStyle);
  21         documentElement._container().css('display', displayStyle);
  22     };
  23
  24     this.tag = function() {
  25         return documentElement.getWlxmlTag();
  26     };
  27
  28     this.klass = function() {
  29         return documentElement.getWlxmlClass();
  30     };
  31
  32     this.toggle = function(toggle) {
  33         documentElement._container().toggle(toggle);
  34     }
  35 }
  36
  37 var getDisplayStyle = function(tag, klass) {
  38     if(tag === 'metadata')
  39         return 'none';
  40     if(tag === 'span')
  41         return 'inline';
  42     return 'block';
  43 }
  44
  45 var GenericManager = function(wlxmlElement) {
  46     this.el = wlxmlElement;
  47 };
  48
  49 $.extend(GenericManager.prototype, {
  50     setup: function() {
  51         this.el.setDisplayStyle(getDisplayStyle(this.el.tag(), this.el.klass()));
  52
  53         this.el.clearWidgets();
  54         this.el.addWidget(widgets.labelWidget(this.el.tag(), this.el.klass()));
  55
  56     }
  57 })
  58
  59 var managers = {
  60     _m: {},
  61     set: function(tag, klass, manager) {
  62         if(!this._m[tag])
  63             this._m[tag] = {};
  64         this._m[tag][klass] = manager;
  65     },
  66     get: function(tag,klass) {
  67         if(this._m[tag] && this._m[tag][klass])
  68             return this._m[tag][klass];
  69         return GenericManager;
  70     }
  71 }
  72
  73 var FootnoteManager = function(wlxmlElement) {
  74     this.el = wlxmlElement;
  75 };
  76 $.extend(FootnoteManager.prototype, {
  77     setup: function() {
  78         this.el.clearWidgets();
  79
  80         var clickHandler = function() {
  81             this._toggleFootnote(true);
  82         }.bind(this);
  83         this.footnoteHandler = widgets.footnoteHandler(clickHandler);
  84         this.el.addWidget(this.footnoteHandler);
  85
  86         var closeHandler = function() {
  87             this._toggleFootnote(false);
  88
  89         }.bind(this);
  90         this.hideButton = widgets.hideButton(closeHandler);
  91         this.el.addWidget(this.hideButton);
  92
  93         this._toggleFootnote(false);
  94     },
  95     _toggleFootnote: function(toggle) {
  96         this.hideButton.toggle(toggle);
  97         this.footnoteHandler.toggle(!toggle);
  98
  99         this.el.setDisplayStyle(toggle ? 'block' : 'inline');
 100         this.el.toggle(toggle);
 101     }
 102 })
 103 managers.set('aside', 'footnote', FootnoteManager);
 104
 105
 106 return {
 107     getFor: function(documentElement) {
 108         var wlxmlElement = new DocumentElementWrapper(documentElement);
 109         return new (managers.get(wlxmlElement.tag(), wlxmlElement.klass()))(wlxmlElement);
 110
 111     }
 112 };
 113
 114 });