Add missing images to wise-webapps.

wise-editor/src/main/webapp/c/export.htm

@@ -1,24 +1,18 @@
 <div class="modalDialog">
-    <!--  Header can be customized -->
+    <h1>Export</h1>
-
-
-    <h1>
-        Export
-        'sss'</h1>
 
     <div>
-        <form method="post" id="exportForm" name="exportForm" action="export.bin" style="height:100%;">
+        <form method="POST" id="exportForm" name="exportForm" action="http://localhost:8080/service/transform"
-            <input type="hidden" name="action" value="export">
+              style="height:100%;" enctype="application/x-www-form-urlencoded">
-            <input type="hidden" name="mapId" value="3">
+            <input name="svgXml" value="" type="hidden"/>
-            <input type="hidden" name="mapSvg" value="">
+            <input name="mapXml" value="" type="hidden"/>
+            <input name="filename" value="welcome" type="hidden"/>
             <table>
                 <tbody>
                 <tr>
                     <td>
-                        <input type="radio" id="svg" name="exportFormat" value="SVG">
+                        <input type="radio" id="svg" name="exportFormat" value="svg">
-                        <b>
+                        <b> Scalable Vector Graphics (SVG)</b>
-                            Scalable Vector Graphics (SVG)
-                        </b>
 
                         <p>
                             Scalable Vector Graphics (SVG) is an XML markup language for describing two-dimensional
@@ -30,9 +24,7 @@
                 <tr>
                     <td>
                         <input type="radio" name="exportFormat" value="PDF" id="pdf">
-                        <b>
+                        <b>Portable Document Format (PDF)</b>
-                            Portable Document Format (PDF)
-                        </b>
 
                         <p>
                             Get your map as Portable Document Format(PDF) to share use in your presentations.
@@ -42,9 +34,7 @@
                 <tr>
                     <td>
                         <input type="radio" id="freemind" name="exportFormat" value="FREEMIND" checked="checked">
-                        <b>
+                        <b>Freemind (version 0.9.0)</b>
-                            Freemind (version 0.9.0)
-                        </b>
 
                         <p>
                             FreeMind is a nice desktop mind mapping application that has the great benefit of being
@@ -55,12 +45,11 @@
                 <tr>
                     <td>
                         <input type="radio" name="exportFormat" id="img" value="IMG_EXPORT_FORMAT">
-                        <b>
+                        <b>Image File</b>
-                            Image File
+                        <select name="imgFormat" id="imgFormat" style="visibility:hidden;margin-left:5px;">
-                        </b><select name="imgFormat" id="imgFormat" style="visibility:hidden;margin-left:5px;">
+                            <option>PNG</option>
-                        <option>PNG</option>
+                            <option>JPEG</option>
-                        <option>JPEG</option>
+                        </select>
-                    </select>
 
                         <p>
                             Get a graphic representation of your map including all colors and shapes to reuse in
@@ -71,7 +60,8 @@
                 <tr>
                     <td style="text-align:center;margin-top:10px;">
                         <input type="button" id="ok" value="Ok" class="btn-primary">
-                        <input type="button" value="Cancel" class="btn-secondary" onclick="MOOdalBox.close();">
+                        <input type="button" value="Cancel" class="btn-secondary"
+                               onclick="MooDialog.Request.active.close();">
                     </td>
                 </tr>
                 </tbody>
@@ -92,9 +82,36 @@
     });
 
     $('ok').addEvent('click', function(event) {
-        $('exportForm').submit();
+
+        var form = $('exportForm');
+
+        // Look for the selected format and append export suffix...
+        var value = $$('input[name=exportFormat]:checked')[0].get('value');
+        var suffix;
+        if (value == 'IMG_EXPORT_FORMAT') {
+            var selected = $('imgFormat');
+            suffix = selected.options[selected.selectedIndex].value;
+        } else {
+            suffix = value;
+        }
+        suffix = suffix.toLowerCase();
+        form.action = form.action + "." + suffix;
+
+        // Store SVG o native map...
+        if (suffix == "freemind") {
+            var mindmap = designer.getMindmap();
+            var serializer = mindplot.XMLMindmapSerializerFactory.getSerializerFromMindmap(mindmap);
+            var domMap = serializer.toXML(mindmap);
+            form.mapXml.value = core.Utils.innerXML(domMap);
+        } else {
+            form.svgXml.value = $("workspaceContainer").innerHTML;
+        }
+
+        // Finally, submit map ...
+        form.submit();
+
+
         MooDialog.Request.active.close();
     });
-    document.exportForm.mapSvg.value = $("workspaceContainer").innerHTML;
 
 </script>

wise-editor/src/main/webapp/html/editor.html

@@ -57,6 +57,9 @@
                 <div id="discard" class="buttonOn" title="Discard">
                     <img src="../images/discard.png"/>
                 </div>
+                <div id="export" class="buttonOn" title="Export">
+                    <img src="../images/export.png"/>
+                </div>
             </div>
             <div id="edit" class="buttonContainer">
                 <div id="undoEdition" class="buttonOn" title="Undo Edition">