+++ /dev/null
-define([
-'libs/jquery',
-'utils/wlxml'
-], function($, wlxmlUtils) {
-
-'use strict';
-
-return {
- labelWidget: function(tag, klass) {
- return $('<span>')
- .addClass('canvas-widget canvas-widget-label')
- .text(wlxmlUtils.getTagLabel(tag) + (klass ? ' / ' + wlxmlUtils.getClassLabel(klass) : ''));
- },
-
- footnoteHandler: function(clickHandler) {
- var mydom = $('<span>')
- .addClass('canvas-widget canvas-widget-footnote-handle')
- .css('display', 'inline')
- .show();
-
- mydom.click(function(e) {
- e.stopPropagation();
- clickHandler();
- });
-
- return mydom;
- },
-
- hideButton: function(clickHandler) {
- var mydom = $('<span>x</span>')
- .addClass('canvas-widget canvas-widget-hide-button');
- mydom.click(function(e) {
- e.stopPropagation();
- clickHandler();
- });
- return mydom;
- },
-
- commentAdnotation: function(node) {
- var widget = {
- DOM: $('<div>').addClass('canvas-widget canvas-widget-comment-adnotation'),
- update: function(node) {
- var parts = [],
- metadata = node.getMetadata(),
- dt;
- metadata.forEach(function(row) {
- parts.push(row.getValue());
- }, 'creator');
- metadata.some(function(row) {
- dt = row.getValue();
- return true; // break
- }, 'date');
- if(dt) {
- parts.push(dt);
- }
- this.DOM.text(parts.join(', '));
- }
- };
- widget.update(node);
- return widget;
- }
-
-};
-
-});
\ No newline at end of file
+++ /dev/null
-define([
-'libs/jquery',
-'modules/documentCanvas/canvas/widgets'
-], function($, widgets) {
-
-'use strict';
-
-
-var DocumentElementWrapper = function(documentElement) {
-
- this.documentElement = documentElement;
-
- this.addWidget = function(widget) {
- documentElement.dom().children('.canvas-widgets').append(widget.DOM ? widget.DOM : widget);
- };
-
- this.clearWidgets = function() {
- documentElement.dom().children('.canvas-widgets').empty();
- };
-
- this.setDisplayStyle = function(displayStyle) {
- documentElement.dom().css('display', displayStyle || '');
- documentElement._container().css('display', displayStyle || '');
- };
-
- this.tag = function() {
- return documentElement.getWlxmlTag();
- };
-
- this.klass = function() {
- return documentElement.getWlxmlClass();
- };
-
- this.toggle = function(toggle) {
- documentElement._container().toggle(toggle);
- };
-
- var eventBus = documentElement.canvas ? documentElement.canvas.eventBus :
- {trigger: function() {}};
- this.trigger = function() {
- eventBus.trigger.apply(eventBus, arguments);
- };
-
- this.node = documentElement.wlxmlNode;
-};
-
-var getDisplayStyle = function(tag, klass) {
- if(tag === 'metadata') {
- return 'none';
- }
- if(tag === 'span') {
- return 'inline';
- }
- if(klass && klass.substr(0, 4) === 'item') {
- return null;
- }
- if(klass === 'gap') {
- return 'inline';
- }
- return 'block';
-};
-
-var GenericManager = function(wlxmlElement) {
- this.el = wlxmlElement;
-};
-
-$.extend(GenericManager.prototype, {
- setup: function() {
- this.el.setDisplayStyle(getDisplayStyle(this.el.tag(), this.el.klass()));
-
- this.el.clearWidgets();
- },
- toggle: function(toggle) {
- this.el.toggle(toggle);
- }
-
-});
-
-var managers = {
- _m: {},
- set: function(tag, klass, manager) {
- if(!this._m[tag]) {
- this._m[tag] = {};
- }
- this._m[tag][klass] = manager;
- },
- get: function(tag,klass) {
- if(this._m[tag] && this._m[tag][klass]) {
- return this._m[tag][klass];
- }
- return GenericManager;
- }
-};
-
-var FootnoteManager = function(wlxmlElement) {
- this.el = wlxmlElement;
-};
-$.extend(FootnoteManager.prototype, {
- setup: function() {
- this.el.clearWidgets();
-
- var clickHandler = function() {
- this.toggle(true);
- }.bind(this);
- this.footnoteHandler = widgets.footnoteHandler(clickHandler);
- this.el.addWidget(this.footnoteHandler);
-
- var closeHandler = function() {
- this.toggle(false);
-
- }.bind(this);
- this.hideButton = widgets.hideButton(closeHandler);
- this.el.addWidget(this.hideButton);
-
- this.toggle(false, {silent: true});
- },
- toggle: function(toggle, options) {
- options = options || {};
- this.hideButton.toggle(toggle);
- this.footnoteHandler.toggle(!toggle);
-
- this.el.setDisplayStyle(toggle ? 'block' : 'inline');
- this.el.toggle(toggle);
- if(!options.silent) {
- this.el.trigger('elementToggled', toggle, this.el.documentElement);
- }
- }
-});
-managers.set('aside', 'footnote', FootnoteManager);
-
-
-var ListItemManager = function(wlxmlElement) {
- this.el = wlxmlElement;
-};
-$.extend(ListItemManager.prototype, {
- setup: function() {
- this.el.clearWidgets();
- },
- toggleBullet: function(toggle) {
- this.el.documentElement._container().css({display : toggle ? 'list-item' : 'block'});
- }
-});
-managers.set('div', 'item', ListItemManager);
-
-
-var CommentManager = function(wlxmlElement) {
- this.el = wlxmlElement;
-};
-
-$.extend(CommentManager.prototype, {
- setup: function() {
- this.el.clearWidgets();
-
- this.widget = widgets.commentAdnotation(this.el.node);
- this.el.addWidget(this.widget);
- this.widget.DOM.show();
- },
- updateMetadata: function() {
- // var parts = [];
- // this.el.node.getMetadata().forEach(function(row) {
- // parts.push(row.getValue());
- // }, 'creator');
- // this.widget.text(parts.join(', '));
- this.widget.update(this.el.node);
- }
-});
-managers.set('aside', 'comment', CommentManager);
-
-return {
- getFor: function(documentElement) {
- var wlxmlElement = new DocumentElementWrapper(documentElement);
- return new (managers.get(wlxmlElement.tag(), wlxmlElement.klass()))(wlxmlElement);
-
- }
-};
-
-});
\ No newline at end of file
fnp / fnpeditor.git / commitdiff