Firt version of publish dialog.

2024-11-22 06:07:57 +01:00 · 2012-05-20 21:46:55 -03:00 · 2012-05-20 21:46:55 -03:00 · fdc4a20667
commit fdc4a20667
parent 93da41dcf5
13 changed files with 223 additions and 273 deletions
--- a/wise-webapp/src/main/java/com/wisemapping/controller/MindmapPublishController.java
+++ b/wise-webapp/src/main/java/com/wisemapping/controller/MindmapPublishController.java
@ -1,69 +0,0 @@
-/*
-*    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.
-*/
-
-package com.wisemapping.controller;
-
-import com.wisemapping.exceptions.WiseMappingException;
-import com.wisemapping.model.MindMap;
-import com.wisemapping.model.User;
-import com.wisemapping.security.Utils;
-import org.springframework.web.servlet.ModelAndView;
-import org.springframework.web.servlet.mvc.multiaction.NoSuchRequestHandlingMethodException;
-
-import javax.servlet.http.HttpServletRequest;
-import javax.servlet.http.HttpServletResponse;
-
-public class MindmapPublishController extends BaseMultiActionController {
-
-    protected ModelAndView handleNoSuchRequestHandlingMethod(NoSuchRequestHandlingMethodException noSuchRequestHandlingMethodException, HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws Exception {
-
-        final MindMap mindmap = this.getMindmapFromRequest(httpServletRequest);
-        if (mindmap == null) {
-            throw new IllegalStateException("Map could not be found");
-        }
-
-        return new ModelAndView("mindmapPublish", "mindmap", mindmap);
-    }
-
-    public ModelAndView save(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws WiseMappingException {
-
-        final MindMap mindmap = this.getMindmapFromRequest(httpServletRequest);
-        if (mindmap == null) {
-            throw new IllegalStateException("Map could not be found");
-        }
-
-        User user = Utils.getUser();
-        if (!mindmap.getOwner().equals(user)) {
-            throw new IllegalStateException("No enought right to execute this operation");
-        }
-
-
-        final String publicViewStr = httpServletRequest.getParameter("publicView");
-        boolean publicView = Boolean.valueOf(publicViewStr);
-
-        if (mindmap.isPublic() != publicView) {
-            mindmap.setPublic(publicView);
-            getMindmapService().updateMindmap(mindmap, false);
-        }
-
-
-        return new ModelAndView("closeDialog");
-    }
-
-
-}
--- a/wise-webapp/src/main/java/com/wisemapping/ncontroller/MindmapController.java
+++ b/wise-webapp/src/main/java/com/wisemapping/ncontroller/MindmapController.java
@ -49,9 +49,16 @@ public class MindmapController {
        return view;
    }

+    @RequestMapping(value = "map/{id}/publish")
+    public ModelAndView showPublishPage(@PathVariable int id) {
+        final MindMap mindmap = findMindmap(id);
+        final ModelAndView view = new ModelAndView("mindmapPublish", "mindmap", mindmap);
+        view.addObject("user", Utils.getUser());
+        return view;
+    }
+
    @RequestMapping(value = "map/{id}/edit")
-    public ModelAndView editMap(@PathVariable int id, @NotNull HttpServletRequest request)
-    {
+    public ModelAndView editMap(@PathVariable int id, @NotNull HttpServletRequest request) {
        ModelAndView view;
        final UserAgent userAgent = UserAgent.create(request);
        if (userAgent.needsGCF()) {
--- a/wise-webapp/src/main/java/com/wisemapping/rest/MindmapController.java
+++ b/wise-webapp/src/main/java/com/wisemapping/rest/MindmapController.java
@ -110,10 +110,26 @@ public class MindmapController extends BaseController {
        updateMindmap(true, mindMap, user);
    }

+    @RequestMapping(method = RequestMethod.PUT, value = "/maps/{id}/publish", consumes = {"text/plain"}, produces = {"application/json", "text/html", "application/xml"})
+    @ResponseStatus(value = HttpStatus.NO_CONTENT)
+    public void changeMapPublish(@RequestBody String value, @PathVariable int id) throws WiseMappingException {
+
+        final MindMap mindMap = mindmapService.getMindmapById(id);
+        final User user = Utils.getUser();
+
+        if (!mindMap.getOwner().equals(user)) {
+            throw new IllegalArgumentException("No enough to execute this operation");
+        }
+
+        // Update map status ...
+        mindMap.setPublic(Boolean.parseBoolean(value));
+        updateMindmap(true, mindMap, user);
+
+    }

    @RequestMapping(method = RequestMethod.DELETE, value = "/maps/{id}")
    @ResponseStatus(value = HttpStatus.NO_CONTENT)
-    public void updateMap(@PathVariable int id) throws IOException, WiseMappingException {
+    public void updateMap( @PathVariable int id) throws IOException, WiseMappingException {
        final User user = Utils.getUser();
        final MindMap mindmap = mindmapService.getMindmapById(id);
        mindmapService.removeMindmap(mindmap, user);
@ -187,7 +203,7 @@ public class MindmapController extends BaseController {
    @RequestMapping(method = RequestMethod.POST, value = "/maps/{id}", consumes = {"application/xml", "application/json"})
    @ResponseStatus(value = HttpStatus.CREATED)
    public void copyMap(@RequestBody RestMindmapInfo restMindmap, @PathVariable int id, @NotNull HttpServletResponse response) throws IOException, WiseMappingException {
-       // Validate ...
+        // Validate ...
        final BindingResult result = new BeanPropertyBindingResult(restMindmap, "");
        new MapInfoValidator(mindmapService).validate(restMindmap.getDelegated(), result);
        if (result.hasErrors()) {
--- a/wise-webapp/src/main/java/com/wisemapping/rest/model/RestMindmapInfo.java
+++ b/wise-webapp/src/main/java/com/wisemapping/rest/model/RestMindmapInfo.java
@ -70,6 +70,15 @@ public class RestMindmapInfo {
        return mindmap.getCreator();
    }

+    public String getOwnerEmail() {
+        return mindmap.getOwner().getEmail();
+    }
+
+    public String getOwner() {
+        final User owner = mindmap.getOwner();
+        return owner.getUsername();
+    }
+
    public String getLastModifierUser() {
        return mindmap.getLastModifierUser();
    }
@ -109,6 +118,12 @@ public class RestMindmapInfo {
    public void setLastModifierUser(String value) {
    }

+    public void setOwnerEmail(String value) {
+    }
+
+    public void setOwner(String value) {
+    }
+
    @JsonIgnore
    public MindMap getDelegated() {
        return this.mindmap;
--- a/wise-webapp/src/main/webapp/WEB-INF/classes/log4j.properties
+++ b/wise-webapp/src/main/webapp/WEB-INF/classes/log4j.properties
@ -1,7 +1,7 @@
 log4j.rootLogger=WARN, stdout, R
 log4j.logger.com.wisemapping=WARN,stdout,R
-log4j.logger.org.springframework=DEBUG,stdout,R
-log4j.logger.org.codehaus.jackson=DEBUG,stdout,R
+log4j.logger.org.springframework=WARN,stdout,R
+log4j.logger.org.codehaus.jackson=WARN,stdout,R

 # Stdout logger <20>
 log4j.appender.stdout=org.apache.log4j.ConsoleAppender
--- a/wise-webapp/src/main/webapp/WEB-INF/classes/messages.properties
+++ b/wise-webapp/src/main/webapp/WEB-INF/classes/messages.properties
@ -115,8 +115,8 @@ VIEWER=Viewer
 PRIVATE=Private
 PUBLIC=Public
 SHARED=Shared
-ONLY_VIEW_PRIVATE = This document can be viewed by you only.
-ALL_VIEW_PUBLIC = This document can be viewed by any user.
+ONLY_VIEW_PRIVATE = This mindmap can be viewed by you only.
+ALL_VIEW_PUBLIC = This mindmap can be viewed by any user.

 EMAILS_ADRESSES = E-mails Addresses
 CURRENT_CONTACTS = Current Contacts
@ -128,7 +128,7 @@ NEW_MAP_MSG=Fill all the fields to create a new map
 TAG=Tag
 PUBLISH=Publish
 PUBLISH_MSG = What about using your maps in sites and blogs?
-PUBLISH_DETAILS=By publishing the map you make it visible to everyone on the Internet. Copy the code snippets below to integrate it into your website or blog.
+PUBLISH_DETAILS=By publishing the map you make it visible to everyone on the Internet.
 DETAIL=Detail
 RECENT_FILES=Recent Maps
 MINDMAP_DETAIL = Mind Map Detail
@ -180,7 +180,8 @@ MAX_CHARACTER_SIZE= Maximum allowed message length of 512 characters.
 PUBLISH_MAP_TO_INTERNET=Publish map to the Internet
 URL=URL
 DIRECT_LINK=Direct Link
-BLOG_INCLUSION=For inclusion in blogs and web pages
+BLOG_INCLUSION=You can customize the code snippet to embed this map on your blog or website. Make sure you enter the correct dimensions of the content area of your blog so that the map fits nicely
+BLOG_SNIPPET=Copy this snippet of code to embed in your blog or page
 OPEN=Open
 OPEN_MSG=Open map for edition

@ -303,3 +304,5 @@ BROWSER_NOT_SUPPOERTED= Current Browser is not supported.
 CHECK_BROWSERS= You can check supported browser at
 NO_PRODUCTION_DATABASE_CONFIGURED=Note: Although HSQLDB is bundled with WiseMapping by default during the installation, we do not recommend this database for production use. Please consider using MySQL 5.5 instead. You can find more information how to configure MySQL
 IMPORT=Import
+
+EMBEDDED_MAP_SIZE=* Note: You can change embedded map size modifying 'height' and 'width' style properties. You can also adjust the zoom factor modifying 'zoom' parameter from the URL.
--- a/wise-webapp/src/main/webapp/WEB-INF/wisemapping-servlet.xml
+++ b/wise-webapp/src/main/webapp/WEB-INF/wisemapping-servlet.xml
@ -52,12 +52,6 @@
    </bean>


-    <bean id="publishController" class="com.wisemapping.controller.MindmapPublishController">
-        <property name="methodNameResolver" ref="paramResolverByAction2"/>
-        <property name="mindmapService" ref="mindmapService"/>
-        <property name="userService" ref="userService"/>
-    </bean>
-
    <bean id="userValidator" class="com.wisemapping.validator.UserValidator">
        <property name="userService" ref="userService"/>
        <property name="captchaService" ref="reCaptcha"/>
@ -205,7 +199,6 @@
                <prop key="/c/changePassword.htm">changePasswordController</prop>
                <prop key="/c/cooker.htm">cookerController</prop>
                <prop key="/c/settings.htm">settingsController</prop>
-                <prop key="/c/publish.htm">publishController</prop>
                <prop key="/c/editProfile.htm">editProfileController</prop>
                <prop key="/c/tags.htm">tagsController</prop>
                <prop key="/c/publicView.htm">publicView</prop>
--- a/wise-webapp/src/main/webapp/css/mymaps.less
+++ b/wise-webapp/src/main/webapp/css/mymaps.less
@ -159,6 +159,4 @@ input#selectAll {
    width:100%;
    height:50px;
    white-space:nowrap;
-
 }
-
--- a/wise-webapp/src/main/webapp/js/mymaps.js
+++ b/wise-webapp/src/main/webapp/js/mymaps.js
@ -31,7 +31,7 @@ jQuery.fn.dataTableExt.selectAllMaps = function() {
            $(this).prop("checked", false);
        });
    }
-    updateToolbar();
+    updateStatus();
 };

 jQuery.fn.dataTableExt.getSelectedMapsIds = function() {
@ -107,11 +107,6 @@ jQuery.fn.dialogForm = function(options) {
            error: function(jqXHR, textStatus, errorThrown) {
                if (jqXHR.status == 400) {
                    var errors = JSON.parse(jqXHR.responseText);
-                    // Clean previous marks ....
-                    $("#" + containerId + ' input').each(function(index, elem) {
-                        $(elem).removeClass("ui-state-error");
-                    });
-
                    // Mark fields with errors ...
                    var fieldErrors = errors.fieldErrors;
                    if (fieldErrors) {
@ -145,27 +140,30 @@ jQuery.fn.dialogForm = function(options) {


 // Update toolbar events ...
-function updateToolbar() {
+function updateStatus() {

+    // Mark column row selection values ...
    $("#mindmapListTable tbody input:checked").parent().parent().addClass('row-selected');
    $("#mindmapListTable tbody input:not(:checked)").parent().parent().removeClass('row-selected');

-    var inputs = $("#mindmapListTable tbody input:checked");
-
+    // Update toolbar ...
    $("#buttonsToolbar .act-multiple").hide();
    $("#buttonsToolbar .act-single").hide();

+    var tableElem = $('#mindmapListTable');
+    var selectedRows = tableElem.dataTableExt.getSelectedRows();

-    console.log($("#buttonsToolbar .act-multiple"));
-
-
-
-
-
-    if (inputs.length > 0) {
-        if (inputs.length == 1) {
+    if (selectedRows.length > 0) {
+        if (selectedRows.length == 1) {
            $("#buttonsToolbar .act-single").show();
            $("#buttonsToolbar .act-multiple").show();
+
+            // Can be executed by the owner ?
+            var rowData = tableElem.dataTable().fnGetData(selectedRows[0]);
+            if (rowData.ownerEmail != principalEmail) {
+                $("#buttonsToolbar #publishBtn").hide();
+                $("#buttonsToolbar #shareBtn").hide();
+            }
        } else {
            $("#buttonsToolbar .act-multiple").show();
        }
--- a/wise-webapp/src/main/webapp/jsp/mindmapDetail.jsp
+++ b/wise-webapp/src/main/webapp/jsp/mindmapDetail.jsp
@ -37,38 +37,27 @@
        </div>

        <div class="tab-pane fade" id="publish">
-            <ul class="unstyled">
-                <c:choose>
-                    <c:when test="${wisemapDetail.public}">
-                        <li><strong><spring:message code="PUBLIC"/>: </strong><spring:message code="ALL_VIEW_PUBLIC"/>
-                        </li>
-                        <li><<strong><spring:message code="URL"/>: </strong>
-                            <input name="url"
+            <c:choose>
+                <c:when test="${wisemapDetail.public}">
+                    <ul class="unstyled">
+                        <p><spring:message code="ALL_VIEW_PUBLIC"/></p>
+
+                        <li><strong><spring:message code="URL"/>:</strong>
+                        <li><input name="url"
                                   value="http://www.wisemapping.com/c/publicView.htm?mapId=${wisemapDetail.id}"
                                   style="width:400px" readonly="readonly"/>
                        </li>
-                        <li><strong><spring:message code="DIRECT_LINK"/>: </strong>
-                            <textarea style="width:400px;height:30px;overflow:hidden;" cols="55" rows="3"
-                                      readonly="readonly">
-                                &lt;a
-                                href="http://www.wisemapping.com/c/publicView.htm?mapId=${wisemapDetail.id}">${wisemapDetail.title}&lt;/a></textarea>
-                        <li><strong><spring:message code="BLOG_INCLUSION"/>: </strong>
-                            <textarea style="width:400px;height:70px;overflow:hidden;" cols="55" rows="5"
-                                      readonly="readonly">
-                                &lt;iframe
-                                style="border:0;width:600px;height:400px;border: 1px solid black"
-                                src="http://www.wisemapping.com/c/embeddedView.htm?mapId=${wisemapDetail.id}&amp;amzoom=1"&gt;
-                                &lt;/iframe&gt;
-                            </textarea>
+                        <li><strong><spring:message code="BLOG_SNIPPET"/></strong>
+                            <pre>&lt;iframe style="border:0;width:600px;height:400px;border: 1px solid black" src="http://www.wisemapping.com/c/embeddedView.htm?mapId=${wisemapDetail.id}&amp;amzoom=1"&gt;&lt;/iframe&gt;</pre>
                        </li>
                        <li><spring:message code="EMBEDDED_MAP_SIZE"/></li>
-                    </c:when>
-                    <c:otherwise>
-                        <li><strong><spring:message code="PUBLIC"/>:</strong><spring:message code="ONLY_VIEW_PRIVATE"/>
-                        </li>
-                    </c:otherwise>
-                </c:choose>
-            </ul>
+                    </ul>
+
+                </c:when>
+                <c:otherwise>
+                    <p><spring:message code="ONLY_VIEW_PRIVATE"/></p>
+                </c:otherwise>
+            </c:choose>
        </div>
    </div>
 </div>
--- a/wise-webapp/src/main/webapp/jsp/mindmapList.jsp
+++ b/wise-webapp/src/main/webapp/jsp/mindmapList.jsp
@ -16,7 +16,6 @@
 <script type="text/javascript" language="javascript" src="bootstrap/js/bootstrap.js"></script>
 <script src="js/less.js" type="text/javascript"></script>

-
 <!--jQuery DataTables-->
 <script type="text/javascript" language="javascript" src="js/jquery.dataTables.min.js"></script>
 <script type="text/javascript" language="javascript" src="js/mymaps.js"></script>
@ -25,20 +24,20 @@
 <script type="text/javascript" language="javascript" src="js/jquery.timeago.js"></script>

 <script type="text/javascript" charset="utf-8">
+    var principalEmail = '${principal.email}';
    $(function() {
-
        var jQueryDataTable = $('#mindmapListTable').dataTable({
            bProcessing : true,
            sAjaxSource : "../service/maps",
            sAjaxDataProp: 'mindmapsInfo',
            fnInitComplete: function() {
-                $('#mindmapListTable tbody').change(updateToolbar);
+                $('#mindmapListTable tbody').change(updateStatus);
            },
            aoColumns: [
                {
                    sTitle : '<input type="checkbox" id="selectAll"/>',
                    sWidth : "15px",
-                    sClass : "select center",
+                    sClass : "select",
                    bSortable : false,
                    bSearchable : false,
                    fnRender : function(obj) {
@ -46,7 +45,6 @@
                    }
                },
                {
-                    sClass : "columName",
                    sTitle : "Name",
                    bUseRendered : false,
                    mDataProp: "title",
@ -54,9 +52,15 @@
                        return '<a href="c/map/' + obj.aData.id + '/edit.htm">' + obj.aData.title + '</a>';
                    }
                },
+                {
+                    bVisible: false,
+                    bSearchable : false,
+                    sTitle : "Owner Email",
+                    mDataProp: "ownerEmail"
+                },
                {
                    sTitle : "Owner",
-                    mDataProp :"creator"
+                    mDataProp :"owner"
                },
                {
                    bSearchable : false,
@ -98,11 +102,9 @@
        $('#nPageBtn').click(function() {
            $('#mindmapListTable_next').click();
        });
-         $('#pPageBtn').click(function() {
+        $('#pPageBtn').click(function() {
            $('#mindmapListTable_previous').click();
        });
-
-
    });
 </script>

@ -216,17 +218,18 @@
            }
        });

-        $("#exportBtn").click(function() {
+        $("#publishBtn").click(function() {
            var mapIds = $('#mindmapListTable').dataTableExt.getSelectedMapsIds();
            if (mapIds.length > 0) {
-                $('#export-dialog-modal .modal-body').load("c/map/" + mapIds[0] + "/export.htm", function() {
-                    $('#export-dialog-modal').modal();
-                });
-
+                $('#publish-dialog-modal .modal-body').load("c/map/" + mapIds[0] + "/publish.htm",
+                        function() {
+                            $('#publish-dialog-modal .btn-accept').click(function() {
+                                $('#publish-dialog-modal #publishForm').submit();
+                            });
+                            $('#publish-dialog-modal').modal();
+                        });
            }
        });
-        $("#actionButtons .publishMap").click(function() {
-        });

        $("#actionButtons .shareMap").click(function() {
        });
@ -250,7 +253,7 @@
 </script>
 </head>
 <body>
-<div class="content">
+<div style="min-height: 500px">
    <jsp:include page="header.jsp">
        <jsp:param name="removeSignin" value="false"/>
        <jsp:param name="showLogout" value="true"/>
@ -261,21 +264,21 @@
        <div id="buttonsToolbar" class="btn-toolbar">

            <div class="btn-group">
-                <button class="btn" id="newBtn"><i class="icon-file"></i> New</button>
-                <button class="btn" id="importBtn"><i class="icon-upload"></i> Import</button>
+                <button class="btn btn-info" id="newBtn"><i class="icon-file icon-white"></i> New</button>
+                <button class="btn btn-info" id="importBtn"><i class="icon-upload icon-white"></i> Import</button>
            </div>

            <div class="btn-group act-multiple" id="deleteBtn" style="display:none">
-                <button class="btn"><i class="icon-trash"></i> Delete</button>
+                <button class="btn btn-info"><i class="icon-trash icon-white"></i> Delete</button>
            </div>

            <div class="btn-group act-single" id="infoBtn" style="display:none">
-                <button class="btn"><i class="icon-exclamation-sign"></i> Info</button>
+                <button class="btn btn-info"><i class="icon-exclamation-sign icon-white"></i> Info</button>
            </div>

            <div class="btn-group act-single" id="actionsBtn" style="display:none">
-                <button class="btn dropdown-toggle" data-toggle="dropdown">
-                    <i class="icon-asterisk"></i> More
+                <button class="btn btn-info dropdown-toggle" data-toggle="dropdown">
+                    <i class="icon-asterisk icon-white"></i> More
                    <span class="caret"></span>
                </button>

@ -284,10 +287,8 @@
                        Duplicate</a></li>
                    <li id="renameBtn"><a href="#" onclick="return false"><i class="icon-edit"></i> Rename</a></li>
                    <li id="printBtn"><a href="#" onclick="return false"><i class="icon-print"></i> Print</a></li>
-                    <li id="publishMap"><a href="#" onclick="return false"><i class="icon-globe"></i>Publish</a></li>
-                    <li id="exportBtn"><a href="#" onclick="return false"><i class="icon-download-alt"></i> Export</a>
-                    </li>
-                    <li id="shareMap"><a href="#" onclick="return false"><i class="icon-share"></i> Share</a></li>
+                    <li id="publishBtn"><a href="#" onclick="return false"><i class="icon-globe"></i>Publish</a></li>
+                    <li id="shareBtn"><a href="#" onclick="return false"><i class="icon-share"></i> Share</a></li>
                    <li id="tagMap"><a href="#" onclick="return false"><i class="icon-tags"></i> Tag</a></li>
                </ul>
            </div>
@ -423,20 +424,21 @@
            </div>
        </div>

-        <div id="export-dialog-modal" class="modal fade" style="display: none">
+        <!-- Publish Dialog Config -->
+        <div id="publish-dialog-modal" class="modal fade" style="display: none">
            <div class="modal-header">
                <button class="close" data-dismiss="modal">x</button>
-                <h3>Export</h3>
+                <h3>Publish</h3>
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer">
-                <button class="btn btn-cancel" data-dismiss="modal">Close</button>
+                <button class="btn btn-primary btn-accept" data-loading-text="Saving...">Accept</button>
+                <button class="btn btn-cancel" data-dismiss="modal">Cancel</button>
            </div>
        </div>

-
        <div id="map-table">
            <table class="table table-bordered" id="mindmapListTable">

@ -445,7 +447,6 @@
        </div>

    </div>
-
 </div>


--- a/wise-webapp/src/main/webapp/jsp/mindmapPublish.jsp
+++ b/wise-webapp/src/main/webapp/jsp/mindmapPublish.jsp
@ -1,124 +1,123 @@
 <%@ include file="/jsp/init.jsp" %>
-<h1>
-    <spring:message code="PUBLISH"/>
-    '${mindmap.title}'
-</h1>

-<h2>
-    <spring:message code="PUBLISH_DETAILS"/>
-</h2>

-<div>
-    <form method="post" id="publishForm" name="publishForm" action="<c:url value="publish.htm"/>" style="height:100%;">
-        <input type="hidden" name="actionId" value="save"/>
-        <input type="hidden" name="mapId" value="${mindmap.id}"/>
-        <table>
-            <colgroup>
-                <col width="20%"/>
-                <col width="80%"/>
-            </colgroup>
-            <tbody>
-                <tr>
-                    <td>
-                        &nbsp;
-                    </td>
-                    <td>
+<form method="post" id="publishForm" action="#" class="form-horizontal">
+    <fieldset>
+        <div class="control-group">
+            <label for="enablePublicView" class="control-label">Enable Sharing:
+                <input type="checkbox" id="enablePublicView" name="publicView" class="control"
+                        <c:if test="${mindmap.public}">
+                            checked="checked"
+                        </c:if>/>
+            </label>
+        </div>
+    </fieldset>
+</form>

-                        <input type="checkbox" id="publicViewId" name="publicView" value="true"
-                                <c:if test="${mindmap.public}">
+<p><span class="label label-important">Warning</span> <spring:message code="PUBLISH_DETAILS"/></p>

-                                    checked="checked"
-                                </c:if>
+<div id="sharingPanel">

-                                />
-                        <spring:message code="PUBLISH_MAP_TO_INTERNET"/>
-                    </td>
-                </tr>
-                <tr>
-                    <td>
-                        &nbsp;
-                    </td>
-                    <td>
-                        <div id="disabledPanel"
-                             style="position:absolute;background-color:white;opacity:0.8;width:600px;height:160px;left:10px;visibility:hidden;">
+    <ul class="nav nav-tabs">
+        <li class="active"><a href="#embedTab" data-toggle="pill">Embed</a></li>
+        <li><a href="#publicUrlTab" data-toggle="pill">Public URLs</a></li>
+    </ul>

-                        </div>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="formLabel">
-                        <spring:message code="URL"/>:
-                    </td>
-                    <td style="padding-bottom: 5px;">
-                        <input name="url" value="http://www.wisemapping.com/c/publicView.htm?mapId=${mindmap.id}"
-                               style="width:400px" readonly="readonly"/>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="formLabel">
-                        <spring:message code="DIRECT_LINK"/>:
-                    </td>
-                    <td>
-                        <textarea style="width:400px;height:30px;overflow:hidden;" cols="55" rows="3" readonly="readonly">
-&lt;a href="http://www.wisemapping.com/c/publicView.htm?mapId=${mindmap.id}">${mindmap.title}&lt;/a></textarea>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="formLabel">
-                        &nbsp;
-                    </td>
-                    <td>
-                        &nbsp;
-                    </td>
-                </tr>
-                <tr>
-                    <td class="formLabel" style="white-space:normal;">
-                        <spring:message code="BLOG_INCLUSION"/>:
-                    </td>
-                    <td>
-                        <textarea style="width:400px;height:70px;overflow:hidden;" cols="55" rows="5" readonly="readonly">
-&lt;iframe
-style="width:600px;height:400px;border: 1px solid black"
-src="http://www.wisemapping.com/c/embeddedView.htm?mapId=${mindmap.id}&zoom=1"&gt;
-&lt;/iframe&gt;
-                         </textarea>
+    <div class="tab-content">
+        <div class="tab-pane fade active in" id="embedTab">

-                        <p><spring:message code="EMBEDDED_MAP_SIZE"/></p>
-                    </td>
-                </tr>
-                <tr>
-                    <td style="text-align:center;margin-top:30px;" colspan="2">
-                        <input type="submit" id="ok" value="<spring:message code="OK"/>" class="btn-primary">
-                        <input type="button" value="<spring:message code="CANCEL"/>" class="btn-secondary" id="cancelBtn">
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-    </form>
+            <spring:message code="BLOG_INCLUSION"/>
+
+            <form class="form-inline" action="#" style="text-align: center">
+                <fieldset>
+
+                    <label for="frameWith">Frame width:</label>
+                    <input type="number" id="frameWith" name="frameWith" value="600" class="span1" min="0"/>
+
+                    <label for="frameHeight" class="control-label">Frame height:</label>
+                    <input type="number" id="frameHeight" name="frameHeight" value="400" class="span1" min="0"/>
+
+                    <label for="mapZoom">Zoom %:</label>
+                    <input type="number" id="mapZoom" name="mapZoom" value="80" class="span1" min="10"
+                           max="200" step="10"/>
+                </fieldset>
+            </form>
+            <label><spring:message code="BLOG_SNIPPET"/></label>
+                <pre id="embedCode">&lt;iframe style="width:600px;height:400px;border: 1px
+solid black" src="http://www.wisemapping.com/c/embeddedView.htm?mapId=${mindmap.id}&zoom=1"&gt; &lt;/iframe&gt;</pre>
+        </div>
+
+        <div class="tab-pane fade" id="publicUrlTab">
+            <spring:message code="URL"/>:
+            <input name="url" value="http://www.wisemapping.com/c/publicView.htm?mapId=${mindmap.id}"
+                   style="width:400px"
+                   readonly="readonly"/>
+        </div>
+    </div>
 </div>

 <script type="text/javascript">
+    // Update tabs display status ...
+    var checkboxElems = $('#publishForm input:checkbox');
+    var updateTabsDisplay = function() {
+        var divElem = $('#sharingPanel');
+        checkboxElems[0].checked ? divElem.show() : divElem.hide();
+    };
+    checkboxElems.change(updateTabsDisplay);
+    updateTabsDisplay();

-    var isPublicPanelEnabled = false;
-    var panelEnabler = function()
-    {
-        if (isPublicPanelEnabled)
-        {
-            $('disabledPanel').setStyle("visibility", "hidden");
-        } else
-        {
-            $('disabledPanel').setStyle("visibility", "visible");
+    // Change snippet code based on the user options ...
+    var replaceCode = function(regExpr, strReplace, factor) {
+        var preElem = $('#sharingPanel #embedCode')[0];
+        var fieldValue = this.value;
+        if (!isNaN(fieldValue) && fieldValue.length > 0) {
+            var textVal = $(preElem).text().replace(regExpr, strReplace.replace('%s', fieldValue * factor));
+            $(preElem).text(textVal);
        }
-        isPublicPanelEnabled = !isPublicPanelEnabled;
    };

-    if (${mindmap.public==false})
-    {
-        panelEnabler();
-    }
-    $('publicViewId').addEvent('click', panelEnabler);
-
-     $('cancelBtn').addEvent('click', function(event) {
-        MooDialog.Request.active.close();
+    $('#sharingPanel #frameWith').keyup(function() {
+        replaceCode.bind(this)(/width:[0-9]+px/g, "width:%spx", 1);
    });
-</script>
+
+    $('#sharingPanel #frameWith').change(function() {
+        replaceCode.bind(this)(/width:[0-9]+px/g, "width:%spx", 1);
+    });
+
+    $('#sharingPanel #frameHeight').keyup(function() {
+        replaceCode.bind(this)(/height:[0-9]+px/g, "height:%spx", 1);
+    });
+
+    $('#sharingPanel #frameHeight').change(function() {
+        replaceCode.bind(this)(/height:[0-9]+px/g, "height:%spx", 1);
+    });
+
+    $('#sharingPanel #mapZoom').keyup(function() {
+        replaceCode.bind(this)(/zoom=.+\"/g, "zoom=%s\"", 0.1);
+    });
+
+    $('#sharingPanel #mapZoom').change(function() {
+        replaceCode.bind(this)(/zoom=.+\"/g, "zoom=%s\"", 0.01);
+    });
+
+
+    // Save status on click ...
+    $('#publishForm').submit(function(event) {
+        jQuery.ajax("service/maps/${mindmap.id}/publish", {
+            async:false,
+            dataType: 'json',
+            data: $('#publishForm #enablePublicView')[0].checked ? 'true' : 'false',
+            type: 'PUT',
+            contentType:"text/plain",
+            success : function(data, textStatus, jqXHR) {
+                $('#publish-dialog-modal').modal('hide');
+            },
+            error: function(jqXHR, textStatus, errorThrown) {
+                alert(textStatus);
+            }
+        });
+        event.preventDefault();
+    });
+
+</script>
+
--- a/wise-webapp/src/test/sql/hsql/test-data.sql
+++ b/wise-webapp/src/test/sql/hsql/test-data.sql
@ -1,6 +1,6 @@
 INSERT INTO COLABORATOR(id,email,creation_date) values (1,'test@wisemapping.org',CURDATE());
 INSERT INTO USER (colaborator_id,username,firstname, lastname, password, activationCode,activation_date,allowSendEmail)
-values(1,'WiseMapping Test User','Wise','test', 'ENC:a94a8fe5ccb19ba61c4c0873d391e987982fbbd3',1237,CURDATE(),1);
+values(1,'wi','Wise','test', 'ENC:a94a8fe5ccb19ba61c4c0873d391e987982fbbd3',1237,CURDATE(),1);

 INSERT INTO COLABORATOR(id,email,creation_date) values (2,'admin@wisemapping.org',CURDATE());
 INSERT INTO USER (colaborator_id,username,firstname, lastname, password, activationCode,activation_date,allowSendEmail)