diff --git a/mindplot/src/main/javascript/ScreenManager.js b/mindplot/src/main/javascript/ScreenManager.js index f633b02f..58fbf023 100644 --- a/mindplot/src/main/javascript/ScreenManager.js +++ b/mindplot/src/main/javascript/ScreenManager.js @@ -24,11 +24,11 @@ mindplot.ScreenManager = new Class({ // Ignore default click event propagation. Prevent 'click' event on drag. this._clickEvents = []; - this._divContainer.addEvent('click', function(event) { + this._divContainer.bind('click', function(event) { event.stopPropagation() }.bind(this)); - this._divContainer.addEvent('dblclick', function(event) { + this._divContainer.bind('dblclick', function(event) { event.stopPropagation(); event.preventDefault(); }); @@ -43,7 +43,7 @@ mindplot.ScreenManager = new Class({ if (event == 'click') this._clickEvents.push(listener); else - this._divContainer.addEvent(event, listener); + this._divContainer.bind(event, listener); }, removeEvent : function(event, listener) { @@ -62,7 +62,7 @@ mindplot.ScreenManager = new Class({ }); } else { - this._divContainer.fireEvent(type, event); + this._divContainer.trigger(type, event); } }, diff --git a/mindplot/src/main/javascript/Workspace.js b/mindplot/src/main/javascript/Workspace.js index 859b41fc..2678d89d 100644 --- a/mindplot/src/main/javascript/Workspace.js +++ b/mindplot/src/main/javascript/Workspace.js @@ -26,8 +26,8 @@ mindplot.Workspace = new Class({ this._screenManager = screenManager; var divContainer = screenManager.getContainer(); - this._screenWidth = parseInt(divContainer.getStyle('width')); - this._screenHeight = parseInt(divContainer.getStyle('height')); + this._screenWidth = parseInt(divContainer.css('width')); + this._screenHeight = parseInt(divContainer.css('height')); // Initialize web2d workspace. var workspace = this._createWorkspace(); diff --git a/mindplot/src/main/javascript/widget/Menu.js b/mindplot/src/main/javascript/widget/Menu.js index 2d814d5d..c52c9bb8 100644 --- a/mindplot/src/main/javascript/widget/Menu.js +++ b/mindplot/src/main/javascript/widget/Menu.js @@ -17,21 +17,21 @@ */ mindplot.widget.Menu = new Class({ - Extends:mindplot.widget.IMenu, + Extends: mindplot.widget.IMenu, - initialize:function (designer, containerId, mapId, readOnly, baseUrl) { + initialize: function (designer, containerId, mapId, readOnly, baseUrl) { this.parent(designer, containerId, mapId); baseUrl = !$defined(baseUrl) ? "" : baseUrl; var widgetsBaseUrl = baseUrl + "css/widget"; // Stop event propagation ... - document.id(this._containerId).addEvent('click', function (event) { + $('#'+this._containerId).addEvent('click', function (event) { event.stopPropagation(); return false; }); - document.id(this._containerId).addEvent('dblclick', function (event) { + $("#" + this._containerId).bind('dblclick', function (event) { event.stopPropagation(); return false; }); @@ -39,10 +39,10 @@ mindplot.widget.Menu = new Class({ // Create panels ... var designerModel = designer.getModel(); - var fontFamilyBtn = document.id('fontFamily'); + var fontFamilyBtn = $('#fontFamily'); if (fontFamilyBtn) { var fontFamilyModel = { - getValue:function () { + getValue: function () { var nodes = designerModel.filterSelectedTopics(); var result = null; for (var i = 0; i < nodes.length; i++) { @@ -56,7 +56,7 @@ mindplot.widget.Menu = new Class({ return result; }, - setValue:function (value) { + setValue: function (value) { designer.changeFontFamily(value); } @@ -65,10 +65,10 @@ mindplot.widget.Menu = new Class({ this._registerTooltip('fontFamily', $msg('FONT_FAMILY')); } - var fontSizeBtn = document.id('fontSize'); + var fontSizeBtn = $('#fontSize'); if (fontSizeBtn) { var fontSizeModel = { - getValue:function () { + getValue: function () { var nodes = designerModel.filterSelectedTopics(); var result = null; for (var i = 0; i < nodes.length; i++) { @@ -81,7 +81,7 @@ mindplot.widget.Menu = new Class({ } return result; }, - setValue:function (value) { + setValue: function (value) { designer.changeFontSize(value); } }; @@ -89,10 +89,10 @@ mindplot.widget.Menu = new Class({ this._registerTooltip('fontSize', $msg('FONT_SIZE')); } - var topicShapeBtn = document.id('topicShape'); + var topicShapeBtn = $('#topicShape'); if (topicShapeBtn) { var topicShapeModel = { - getValue:function () { + getValue: function () { var nodes = designerModel.filterSelectedTopics(); var result = null; for (var i = 0; i < nodes.length; i++) { @@ -105,7 +105,7 @@ mindplot.widget.Menu = new Class({ } return result; }, - setValue:function (value) { + setValue: function (value) { designer.changeTopicShape(value); } }; @@ -113,14 +113,14 @@ mindplot.widget.Menu = new Class({ this._registerTooltip('topicShape', $msg('TOPIC_SHAPE')); } - var topicIconBtn = document.id('topicIcon'); + var topicIconBtn = $('#topicIcon'); if (topicIconBtn) { // Create icon panel dialog ... var topicIconModel = { - getValue:function () { + getValue: function () { return null; }, - setValue:function (value) { + setValue: function (value) { designer.addIconType(value); } }; @@ -129,11 +129,11 @@ mindplot.widget.Menu = new Class({ } // Topic color item ... - var topicColorBtn = document.id('topicColor'); + var topicColorBtn = $('#topicColor'); if (topicColorBtn) { var topicColorModel = { - getValue:function () { + getValue: function () { var nodes = designerModel.filterSelectedTopics(); var result = null; for (var i = 0; i < nodes.length; i++) { @@ -146,7 +146,7 @@ mindplot.widget.Menu = new Class({ } return result; }, - setValue:function (hex) { + setValue: function (hex) { designer.changeBackgroundColor(hex); } }; @@ -155,11 +155,11 @@ mindplot.widget.Menu = new Class({ } // Border color item ... - var topicBorderBtn = document.id('topicBorder'); + var topicBorderBtn = $('#topicBorder'); if (topicBorderBtn) { var borderColorModel = { - getValue:function () { + getValue: function () { var nodes = designerModel.filterSelectedTopics(); var result = null; for (var i = 0; i < nodes.length; i++) { @@ -172,7 +172,7 @@ mindplot.widget.Menu = new Class({ } return result; }, - setValue:function (hex) { + setValue: function (hex) { designer.changeBorderColor(hex); } }; @@ -181,11 +181,11 @@ mindplot.widget.Menu = new Class({ } // Font color item ... - var fontColorBtn = document.id('fontColor'); + var fontColorBtn = $('#fontColor'); if (fontColorBtn) { var fontColorModel = { - getValue:function () { + getValue: function () { var result = null; var nodes = designerModel.filterSelectedTopics(); for (var i = 0; i < nodes.length; i++) { @@ -198,7 +198,7 @@ mindplot.widget.Menu = new Class({ } return result; }, - setValue:function (hex) { + setValue: function (hex) { designer.changeFontColor(hex); } }; @@ -208,13 +208,13 @@ mindplot.widget.Menu = new Class({ this._addButton('export', false, false, function () { var reqDialog = new MooDialog.Request('c/iframeWrapper.htm?url=c/maps/' + mapId + "/exportf", null, - {'class':'modalDialog exportModalDialog', - closeButton:true, - destroyOnClose:true, - title:$msg('EXPORT') + {'class': 'modalDialog exportModalDialog', + closeButton: true, + destroyOnClose: true, + title: $msg('EXPORT') }); reqDialog.setRequestOptions({ - onRequest:function () { + onRequest: function () { reqDialog.setContent($msg('LOADING')); } }); @@ -316,7 +316,7 @@ mindplot.widget.Menu = new Class({ this._registerTooltip('fontItalic', $msg('FONT_ITALIC'), "meta+I"); - var saveElem = document.id('save'); + var saveElem = $('#save'); if (saveElem) { this._addButton('save', false, false, function () { this.save(saveElem, designer, true); @@ -327,7 +327,7 @@ mindplot.widget.Menu = new Class({ if (!readOnly) { // To prevent the user from leaving the page with changes ... Element.NativeEvents.unload = 1; - document.id(window).addEvent('unload', function () { + $(window).bind('unload', function () { if (this.isSaveRequired()) { this.save(saveElem, designer, false, true); } @@ -343,7 +343,7 @@ mindplot.widget.Menu = new Class({ } } - var discardElem = document.id('discard'); + var discardElem = $('#discard'); if (discardElem) { this._addButton('discard', false, false, function () { this.discardChanges(designer); @@ -351,17 +351,17 @@ mindplot.widget.Menu = new Class({ this._registerTooltip('discard', $msg('DISCARD_CHANGES')); } - var shareElem = document.id('shareIt'); + var shareElem = $('#shareIt'); if (shareElem) { this._addButton('shareIt', false, false, function () { var reqDialog = new MooDialog.Request('c/iframeWrapper?url=c/maps/' + mapId + "/sharef", null, - {'class':'modalDialog shareModalDialog', - closeButton:true, - destroyOnClose:true, - title:$msg('COLLABORATE') + {'class': 'modalDialog shareModalDialog', + closeButton: true, + destroyOnClose: true, + title: $msg('COLLABORATE') }); reqDialog.setRequestOptions({ - onRequest:function () { + onRequest: function () { reqDialog.setContent($msg('LOADING')); } }); @@ -371,17 +371,17 @@ mindplot.widget.Menu = new Class({ } - var publishElem = document.id('publishIt'); + var publishElem = $('#publishIt'); if (publishElem) { this._addButton('publishIt', false, false, function () { var reqDialog = new MooDialog.Request('c/iframeWrapper?url=c/maps/' + mapId + "/publishf", null, - {'class':'modalDialog publishModalDialog', - closeButton:true, - destroyOnClose:true, - title:$msg('PUBLISH') + {'class': 'modalDialog publishModalDialog', + closeButton: true, + destroyOnClose: true, + title: $msg('PUBLISH') }); reqDialog.setRequestOptions({ - onRequest:function () { + onRequest: function () { reqDialog.setContent($msg('LOADING')); } }); @@ -391,18 +391,18 @@ mindplot.widget.Menu = new Class({ this._registerTooltip('publishIt', $msg('PUBLISH')); } - var historyElem = document.id('history'); + var historyElem = $('#history'); if (historyElem) { this._addButton('history', false, false, function () { var reqDialog = new MooDialog.Request('c/iframeWrapper?url=c/maps/' + mapId + "/historyf", null, - {'class':'modalDialog historyModalDialog', - closeButton:true, - destroyOnClose:true, - title:$msg('HISTORY') + {'class': 'modalDialog historyModalDialog', + closeButton: true, + destroyOnClose: true, + title: $msg('HISTORY') }); reqDialog.setRequestOptions({ - onRequest:function () { + onRequest: function () { reqDialog.setContent($msg('LOADING')); } }); @@ -413,18 +413,18 @@ mindplot.widget.Menu = new Class({ this._registerEvents(designer); // Keyboard Shortcuts Action ... - var keyboardShortcut = document.id('keyboardShortcuts'); + var keyboardShortcut = $('#keyboardShortcuts'); if (keyboardShortcut) { keyboardShortcut.addEvent('click', function (event) { var reqDialog = new MooDialog.Request('c/keyboard', null, - {'class':'modalDialog keyboardModalDialog', - closeButton:true, - destroyOnClose:true, - title:$msg('SHORTCUTS') + {'class': 'modalDialog keyboardModalDialog', + closeButton: true, + destroyOnClose: true, + title: $msg('SHORTCUTS') }); reqDialog.setRequestOptions({ - onRequest:function () { + onRequest: function () { reqDialog.setContent($msg('LOADING')); } }); @@ -449,7 +449,7 @@ mindplot.widget.Menu = new Class({ }, - _registerEvents:function (designer) { + _registerEvents: function (designer) { // Register on close events ... this._toolbarElems.each(function (elem) { @@ -498,15 +498,15 @@ mindplot.widget.Menu = new Class({ }.bind(this)); }, - _addButton:function (buttonId, topic, rel, fn) { + _addButton: function (buttonId, topic, rel, fn) { // Register Events ... var result = null; - if (document.id(buttonId)) { + if ($('#'+buttonId)) { var button = new mindplot.widget.ToolbarItem(buttonId, function (event) { fn(event); this.clear(); - }.bind(this), {topicAction:topic, relAction:rel}); + }.bind(this), {topicAction: topic, relAction: rel}); this._toolbarElems.push(button); result = button; @@ -514,14 +514,14 @@ mindplot.widget.Menu = new Class({ return result; }, - _registerTooltip:function (buttonId, text, shortcut) { - if (document.id(buttonId)) { + _registerTooltip: function (buttonId, text, shortcut) { + if ($('#'+buttonId)) { var tooltip = text; if (shortcut) { shortcut = Browser.Platform.mac ? shortcut.replace("meta+", "⌘") : shortcut.replace("meta+", "ctrl+"); tooltip = tooltip + " (" + shortcut + ")"; } - new mindplot.widget.KeyboardShortcutTooltip(document.id(buttonId), tooltip); + new mindplot.widget.KeyboardShortcutTooltip($('#'+buttonId), tooltip); } } }); \ No newline at end of file