mirror of
https://bitbucket.org/wisemapping/wisemapping-open-source.git
synced 2024-12-26 21:23:49 +01:00
285 lines
8.8 KiB
JavaScript
285 lines
8.8 KiB
JavaScript
/*
|
|
* Copyright [2011] [wisemapping]
|
|
*
|
|
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
|
|
* It is basically the Apache License, Version 2.0 (the "License") plus the
|
|
* "powered by wisemapping" text requirement on every single page;
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the license at
|
|
*
|
|
* http://www.wisemapping.org/license
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
var designer = null;
|
|
|
|
function buildDesigner(options) {
|
|
|
|
var container = $(options.container);
|
|
$assert(container, 'container could not be null');
|
|
|
|
// Register load events ...
|
|
designer = new mindplot.Designer(options, container);
|
|
designer.addEvent('loadSuccess', function () {
|
|
window.waitDialog.close.delay(1000, window.waitDialog);
|
|
window.waitDialog = null;
|
|
window.mindmapLoadReady = true;
|
|
});
|
|
|
|
window.onerror = function (message, url, lineNo) {
|
|
if(message==="Script error." && lineNo==0){
|
|
// Log error message ...
|
|
// http://stackoverflow.com/questions/5913978/cryptic-script-error-reported-in-javascript-in-chrome-and-firefox
|
|
return;
|
|
}
|
|
|
|
|
|
if (window.waitDialog) {
|
|
window.waitDialog.close.delay(1000, window.waitDialog);
|
|
window.waitDialog = null;
|
|
}
|
|
|
|
new Request({
|
|
method:'post',
|
|
url:"/service/logger/editor",
|
|
headers:{"Content-Type":"application/json", "Accept":"application/json"},
|
|
emulation:false,
|
|
urlEncoded:false
|
|
}).post(JSON.encode({
|
|
jsErrorMsg:"message: '" + message + "', line:'" + lineNo + "', :" + url,
|
|
jsStack:window.errorStack,
|
|
userAgent:navigator.userAgent,
|
|
mapId:options.mapId}));
|
|
|
|
// Open error dialog only in case of mindmap loading errors. The rest of the error are reported but not display the dialog.
|
|
// Remove this in the near future.
|
|
if (!window.mindmapLoadReady) {
|
|
errorDialog.show();
|
|
}
|
|
};
|
|
|
|
// Configure default persistence manager ...
|
|
var persistence;
|
|
if (options.persistenceManager) {
|
|
if (options.persistenceManager instanceof String) {
|
|
persistence = eval("new " + options.persistenceManager + "()");
|
|
}
|
|
else {
|
|
persistence = options.persistenceManager;
|
|
}
|
|
|
|
} else {
|
|
persistence = new mindplot.LocalStorageManager();
|
|
}
|
|
mindplot.PersistenceManager.init(persistence);
|
|
|
|
// Register toolbar event ...
|
|
if ($('toolbar')) {
|
|
var menu = new mindplot.widget.Menu(designer, 'toolbar', options.mapId, "");
|
|
|
|
// If a node has focus, focus can be move to another node using the keys.
|
|
designer._cleanScreen = function () {
|
|
menu.clear()
|
|
};
|
|
}
|
|
|
|
return designer;
|
|
}
|
|
|
|
|
|
function loadDesignerOptions(jsonConf) {
|
|
// Load map options ...
|
|
var result;
|
|
if (jsonConf) {
|
|
var request = new Request.JSON({
|
|
url:jsonConf,
|
|
async:false,
|
|
onSuccess:function (options) {
|
|
this.options = options;
|
|
|
|
}.bind(this)
|
|
}
|
|
);
|
|
request.get();
|
|
result = this.options;
|
|
}
|
|
else {
|
|
// Set workspace screen size as default. In this way, resize issues are solved.
|
|
var containerSize = {
|
|
height:parseInt(screen.height),
|
|
width:parseInt(screen.width)
|
|
};
|
|
|
|
var viewPort = {
|
|
height:parseInt(window.innerHeight - 70), // Footer and Header
|
|
width:parseInt(window.innerWidth)
|
|
};
|
|
result = {readOnly:false, zoom:0.85, saveOnLoad:true, size:containerSize, viewPort:viewPort, container:'mindplot', locale:'en'};
|
|
}
|
|
return result;
|
|
}
|
|
|
|
editor = {};
|
|
editor.WaitDialog = new Class({
|
|
Extends:MooDialog,
|
|
initialize:function () {
|
|
var panel = this._buildPanel();
|
|
this.parent({
|
|
closeButton:false,
|
|
destroyOnClose:true,
|
|
autoOpen:false,
|
|
useEscKey:false,
|
|
title:'',
|
|
onInitialize:function (wrapper) {
|
|
wrapper.setStyle('opacity', 0);
|
|
this.wrapper.setStyle('display', 'none');
|
|
this.fx = new Fx.Morph(wrapper, {
|
|
duration:100,
|
|
transition:Fx.Transitions.Bounce.easeOut
|
|
});
|
|
},
|
|
|
|
onBeforeOpen:function () {
|
|
this.overlay = new Overlay(this.options.inject, {
|
|
duration:this.options.duration
|
|
});
|
|
this.overlay.open();
|
|
this.fx.start({
|
|
'margin-top':[-200, -100],
|
|
opacity:[0, 1]
|
|
}).chain(function () {
|
|
this.fireEvent('show');
|
|
this.wrapper.setStyle('display', 'block');
|
|
|
|
}.bind(this));
|
|
},
|
|
|
|
onBeforeClose:function () {
|
|
this.fx.start({
|
|
'margin-top':[-100, 0],
|
|
opacity:0,
|
|
duration:200
|
|
}).chain(function () {
|
|
this.fireEvent('hide');
|
|
this.wrapper.setStyle('display', 'none');
|
|
|
|
}.bind(this));
|
|
}}
|
|
);
|
|
this.setContent(panel);
|
|
},
|
|
|
|
_buildPanel:function () {
|
|
var result = new Element('div');
|
|
result.setStyles({
|
|
'text-align':'center',
|
|
width:'400px'
|
|
});
|
|
var img = new Element('img', {'src':'images/ajax-loader.gif'});
|
|
img.setStyle('margin-top', '15px');
|
|
img.inject(result);
|
|
return result;
|
|
},
|
|
|
|
show:function () {
|
|
this.open();
|
|
},
|
|
|
|
destroy:function () {
|
|
this.parent();
|
|
this.overlay.destroy();
|
|
}
|
|
|
|
});
|
|
|
|
|
|
editor.FatalErrorDialog = new Class({
|
|
Extends:MooDialog,
|
|
initialize:function () {
|
|
this.parent({
|
|
closeButton:false,
|
|
destroyOnClose:true,
|
|
autoOpen:true,
|
|
useEscKey:false,
|
|
title:'Outch!!. An unexpected error has occurred',
|
|
onInitialize:function (wrapper) {
|
|
wrapper.setStyle('opacity', 0);
|
|
this.wrapper.setStyle('display', 'none');
|
|
this.fx = new Fx.Morph(wrapper, {
|
|
duration:100,
|
|
transition:Fx.Transitions.Bounce.easeOut
|
|
});
|
|
},
|
|
|
|
onBeforeOpen:function () {
|
|
var panel = this._buildPanel();
|
|
this.setContent(panel);
|
|
|
|
this.overlay = new Overlay(this.options.inject, {
|
|
duration:this.options.duration
|
|
});
|
|
if (this.options.closeOnOverlayClick)
|
|
this.overlay.addEvent('click', this.close.bind(this));
|
|
this.overlay.open();
|
|
this.fx.start({
|
|
'margin-top':[-200, -100],
|
|
opacity:[0, 1]
|
|
}).chain(function () {
|
|
this.fireEvent('show');
|
|
this.wrapper.setStyle('display', 'block');
|
|
}.bind(this));
|
|
},
|
|
|
|
onBeforeClose:function () {
|
|
this.fx.start({
|
|
'margin-top':[-100, 0],
|
|
opacity:0,
|
|
duration:200
|
|
}).chain(function () {
|
|
this.wrapper.setStyle('display', 'none');
|
|
this.fireEvent('hide');
|
|
|
|
}.bind(this));
|
|
}}
|
|
);
|
|
},
|
|
|
|
destroy:function () {
|
|
this.parent();
|
|
this.overlay.destroy();
|
|
},
|
|
|
|
_buildPanel:function () {
|
|
var result = new Element('div');
|
|
result.setStyles({
|
|
'text-align':'center',
|
|
width:'400px'
|
|
});
|
|
var p = new Element('p', {'text':$msg('UNEXPECTED_ERROR_LOADING')});
|
|
p.inject(result);
|
|
|
|
var img = new Element('img', {'src':'images/alert-sign.png'});
|
|
img.inject(result);
|
|
|
|
return result;
|
|
},
|
|
|
|
show:function () {
|
|
this.open();
|
|
}
|
|
|
|
});
|
|
|
|
// Show loading dialog ...
|
|
waitDialog = new editor.WaitDialog();
|
|
waitDialog.show();
|
|
errorDialog = new editor.FatalErrorDialog();
|
|
|
|
// Loading libraries ...
|
|
Asset.javascript("js/mindplot-min.js");
|