dialogs migration from moodialog to bootstrap

This commit is contained in:
Ezequiel Bergamaschi 2014-09-08 14:55:34 -03:00
parent 0c9d11c731
commit 943a1ddbd7
4 changed files with 28 additions and 42 deletions

View File

@ -349,18 +349,10 @@ mindplot.widget.Menu = new Class({
var shareElem = $('#shareIt'); var shareElem = $('#shareIt');
if (shareElem) { if (shareElem) {
this._addButton('shareIt', false, false, function () { this._addButton('shareIt', false, false, function () {
var reqDialog = new MooDialog.Request('c/iframeWrapper?url=c/maps/' + mapId + "/sharef", null, BootstrapDialog.Request.active = new BootstrapDialog.Request('c/maps/' + mapId + "/sharef", $msg('COLLABORATE'), {
{'class': 'modalDialog shareModalDialog',
closeButton: true, closeButton: true,
destroyOnClose: true, cancelButton: true
title: $msg('COLLABORATE')
});
reqDialog.setRequestOptions({
onRequest: function () {
reqDialog.setContent($msg('LOADING'));
}
}); });
MooDialog.Request.active = reqDialog;
}); });
this._registerTooltip('shareIt', $msg('COLLABORATE')); this._registerTooltip('shareIt', $msg('COLLABORATE'));
@ -369,19 +361,10 @@ mindplot.widget.Menu = new Class({
var publishElem = $('#publishIt'); var publishElem = $('#publishIt');
if (publishElem) { if (publishElem) {
this._addButton('publishIt', false, false, function () { this._addButton('publishIt', false, false, function () {
var reqDialog = new MooDialog.Request('c/iframeWrapper?url=c/maps/' + mapId + "/publishf", null, BootstrapDialog.Request.active = new BootstrapDialog.Request('c/maps/' + mapId + "/publishf", $msg('PUBLISH'), {
{'class': 'modalDialog publishModalDialog',
closeButton: true, closeButton: true,
destroyOnClose: true, cancelButton: true
title: $msg('PUBLISH')
});
reqDialog.setRequestOptions({
onRequest: function () {
reqDialog.setContent($msg('LOADING'));
}
}); });
MooDialog.Request.active = reqDialog;
}); });
this._registerTooltip('publishIt', $msg('PUBLISH')); this._registerTooltip('publishIt', $msg('PUBLISH'));
} }
@ -390,16 +373,9 @@ mindplot.widget.Menu = new Class({
if (historyElem) { if (historyElem) {
this._addButton('history', false, false, function () { this._addButton('history', false, false, function () {
var reqDialog = new MooDialog.Request('c/iframeWrapper?url=c/maps/' + mapId + "/historyf", null, BootstrapDialog.Request.active = new BootstrapDialog.Request('c/maps/' + mapId + "/historyf", $msg('HISTORY'), {
{'class': 'modalDialog historyModalDialog', closeButton: true,
closeButton: true, cancelButton: true
destroyOnClose: true,
title: $msg('HISTORY')
});
reqDialog.setRequestOptions({
onRequest: function () {
reqDialog.setContent($msg('LOADING'));
}
}); });
}); });
this._registerTooltip('history', $msg('HISTORY')); this._registerTooltip('history', $msg('HISTORY'));
@ -412,18 +388,10 @@ mindplot.widget.Menu = new Class({
if (keyboardShortcut) { if (keyboardShortcut) {
keyboardShortcut.bind('click', function (event) { keyboardShortcut.bind('click', function (event) {
var reqDialog = new MooDialog.Request('c/keyboard', null, BootstrapDialog.Request.active = new BootstrapDialog.Request('c/keyboard', $msg('SHORTCUTS'), {
{'class': 'modalDialog keyboardModalDialog', closeButton: true,
closeButton: true, cancelButton: true
destroyOnClose: true,
title: $msg('SHORTCUTS')
});
reqDialog.setRequestOptions({
onRequest: function () {
reqDialog.setContent($msg('LOADING'));
}
}); });
MooDialog.Request.active = reqDialog;
event.preventDefault(); event.preventDefault();
}); });
} }

View File

@ -5,3 +5,4 @@
<% <%
request.setAttribute("principal", com.wisemapping.security.Utils.getUser()); request.setAttribute("principal", com.wisemapping.security.Utils.getUser());
%> %>
<%@include file="/jsp/style.jsp" %>

View File

@ -78,6 +78,12 @@
</div> </div>
<style>
h2 {
font-size: 160%;
color: #8e9181;
}
</style>
<script type="text/javascript"> <script type="text/javascript">
// No way to obtain map svg. Hide panels.. // No way to obtain map svg. Hide panels..

View File

@ -0,0 +1,11 @@
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<style>
h2 {
font-size: 160%;
color: #8e9181;
}
</style>
</head>
</html>