Add wisemapping support for import.

wise-webapp/src/main/webapp/jsp/mindmapImport.jsp

@@ -1,68 +1,98 @@
 <%@ include file="/jsp/init.jsp" %>
 
-<div class="fform">
-    <h1>
-        <spring:message code="${requestScope.title}"/>
-    </h1>
+<div id="messagePanel" class="alert alert-error">
 
-    <p><spring:message code="${requestScope.details}"/></p>
+</div>
 
-    <form method="post" enctype="multipart/form-data" action="#">
+<div>
+
+    <p class="well"><spring:message code="IMPORT_MINDMAP_INFO"/></p>
+
+    <form method="POST" enctype="multipart/form-data" action="#" id="dialogMainForm" class="form-horizontal">
         <fieldset>
-            <label for="title"><spring:message code="NAME"/></label>
-            <input type="text" id="title" required="required"/>
+            <div class="control-group">
+                <label for="mapFile" class="control-label"><spring:message code="MIND_FILE"/>: </label>
+                <input type="file" name="mapFile" id="mapFile" required="required" class="control"/>
+            </div>
+            <div class="control-group">
+                <label for="title" class="control-label"><spring:message code="NAME"/>: </label>
+                <input type="text" id="title" required="required" placeholder="Name of the new map to create"
+                       class="control"/>
+            </div>
+            <div class="control-group">
 
-            <label for="description"><spring:message code="DESCRIPTION"/></label>
-            <input type="text" name="description" id="description"/>
+                <label for="description" class="control-label"><spring:message code="DESCRIPTION"/>: </label>
+                <textarea type="text" name="description" id="description"
+                          placeholder="Some description for your map" class="control"></textarea>
+            </div>
 
-            <label><spring:message code="DESCRIPTION"/> </label>
-            <input type="radio" name="type" value="mm"/> Freemind (0.9)
-            <input type="radio" name="type" value="wxml"/> WiseMapping
-
-            <label for="mapFile"><spring:message code="FREE_MIND_FILE"/></label>
-            <input type="file" name="mapFile" id="mapFile"/>
         </fieldset>
-
-        <input type="button" id="acceptButton" value="<spring:message code="IMPORT"/>" class="btn btn-primary"/>
-        <input type="button" id="cancelButton" value="<spring:message code="CANCEL"/>" class="btn">
     </form>
 </div>
 
 
 <script type="text/javascript">
+
+    // @Todo: Pending: report errors, manage corrupted mapsmanage case,escape url parameters, import with same title tries to save in post XML, explanation.
+
+    $('#messagePanel').hide();
+
     // Save status on click ...
+    var contentType = null;
+    var fileContent = null;
+
     $('#cancelButton').click(function() {
         window.location = '/c/maps/';
     });
 
+    $('#dialogMainForm').submit(function(event) {
+        // Load form parameters ...
+        var title = $('#dialogMainForm #title').attr('value');
+        title = title == undefined ? "" : title;
 
-    $('#acceptButton').click(function(event) {
+        var description = $('#dialogMainForm #description').attr('value');
+        description = description == undefined ? "" : description;
 
-        // http://www.html5rocks.com/en/tutorials/file/dndfiles/
-        var content;
-        if (window.FileReader) {
-            reader = new FileReader();
-            reader.onloadend = function (e) {
-                content = e.target.result;
-            };
-            reader.readAsDataURL(file);
-        }
+        // Save status on click ...
+        jQuery.ajax("service/maps?title=" + encodeURI(title) + "&description=" + encodeURI(description),
+                {
+                    async:false,
+                    data: fileContent,
+                    type: 'POST',
+                    dataType: 'json',
+                    contentType:contentType,
+                    success : function(data, textStatus, jqXHR) {
+                        var resourceId = jqXHR.getResponseHeader("ResourceId");
+                        window.location = "c/maps/" + resourceId + "/edit";
+                    },
+                    error: function(jqXHR, textStatus, errorThrown) {
+                        $('#messagePanel').text(textStatus);
+                    }
+                });
+        event.preventDefault();
+    });
 
-        jQuery.ajax("service/maps", {
-            async:false,
-            dataType: 'application/freemind',
-            data: "",
-            type: 'PUT',
-            contentType:"text/plain",
-            success : function(data, textStatus, jqXHR) {
-            },
-            error: function(jqXHR, textStatus, errorThrown) {
-            }
+    $('#dialogMainForm #mapFile').change(function(event) {
+        var file = event.target.files[0];
+        var reader = new FileReader();
+
+        var title = file.name;
+        title = title.substring(0, title.lastIndexOf("."));
+        $('#dialogMainForm #title').attr('value', jQuery.camelCase(title));
+
+        // Closure to capture the file information.
+        reader.onload = (function(event) {
+            fileContent = event.target.result;
+            contentType = file.name.lastIndexOf(".wxml") != -1 ? "application/xml" : "application/freemind";
         });
+
+        // Read in the image file as a data URL.
+        reader.readAsBinaryString(file);
     });
 
     // Hook for interaction with the main parent window ...
     var submitDialogForm = function() {
         $('#dialogMainForm').submit();
     }
+
 </script>