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     toggle: function(toggle) {
  58         this.el.toggle(toggle);
  59     }
  60
  61 })
  62
  63 var managers = {
  64     _m: {},
  65     set: function(tag, klass, manager) {
  66         if(!this._m[tag])
  67             this._m[tag] = {};
  68         this._m[tag][klass] = manager;
  69     },
  70     get: function(tag,klass) {
  71         if(this._m[tag] && this._m[tag][klass])
  72             return this._m[tag][klass];
  73         return GenericManager;
  74     }
  75 }
  76
  77 var FootnoteManager = function(wlxmlElement) {
  78     this.el = wlxmlElement;
  79 };
  80 $.extend(FootnoteManager.prototype, {
  81     setup: function() {
  82         this.el.clearWidgets();
  83
  84         var clickHandler = function() {
  85             this.toggle(true);
  86         }.bind(this);
  87         this.footnoteHandler = widgets.footnoteHandler(clickHandler);
  88         this.el.addWidget(this.footnoteHandler);
  89
  90         var closeHandler = function() {
  91             this.toggle(false);
  92
  93         }.bind(this);
  94         this.hideButton = widgets.hideButton(closeHandler);
  95         this.el.addWidget(this.hideButton);
  96
  97         this.toggle(false);
  98     },
  99     toggle: function(toggle) {
 100         this.hideButton.toggle(toggle);
 101         this.footnoteHandler.toggle(!toggle);
 102
 103         this.el.setDisplayStyle(toggle ? 'block' : 'inline');
 104         this.el.toggle(toggle);
 105     }
 106 })
 107 managers.set('aside', 'footnote', FootnoteManager);
 108
 109
 110 return {
 111     getFor: function(documentElement) {
 112         var wlxmlElement = new DocumentElementWrapper(documentElement);
 113         return new (managers.get(wlxmlElement.tag(), wlxmlElement.klass()))(wlxmlElement);
 114
 115     }
 116 };
 117
 118 });