75d8c67c34318d43592fb3177afa54fe769caf37
[fnpeditor.git] / 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 });