Changeset 29914

Show
Ignore:
Timestamp:
22.05.2015 02:14:56 (4 years ago)
Author:
davidb
Message:

Support added for entering details about the design, and having them put into the 'published' area

Location:
other-projects/nz-flag-design/trunk/main-form
Files:
2 modified

Legend:

Unmodified
Added
Removed
  • other-projects/nz-flag-design/trunk/main-form/enter-name.html

    r29912 r29914  
    4242          } 
    4343            </style> 
    44         <form style="width: 400px; margin-left:auto; margin-right:auto;"> 
     44        <form id="publish-data" 
     45          action="my-design.jsp" method="get" 
     46          style="width: 400px; margin-left:auto; margin-right:auto;" 
     47          data-ajax="false"  
     48          > 
     49          <input type="hidden" name="action" value="publish"/> 
     50 
     51          <p> 
     52        Flag Name:  
     53          </p> 
     54          <input type="text" autofocus="autofocus" style="color: white;" name="pub-name" /> 
     55 
     56 
     57 
    4558          <p> 
    4659        Your Name:  
    4760          </p> 
    48           <input type="text" autofocus="autofocus" style="color: white;" name="name" /> 
     61          <input type="text" style="color: white;" name="name" /> 
    4962 
    5063          <p> 
     
    5366          <input type="text" name="email" /> 
    5467 
     68          <p> 
     69        Motivation for your flag design: 
     70          </p> 
     71          <textarea name="desc" style="height: 250px;" >Describe your design ...</textarea> 
     72           
    5573 
    56           <div style="padding-top: 120px; padding-left: 100px; padding-right: 100px"> 
     74          <div style="padding-top: 20px; padding-left: 10px; padding-right: 10px"> 
    5775        <input type="submit" value="Submit Flag Design" /> 
    5876          </div> 
    5977        </form> 
    6078 
     79        <script> 
     80              var jsession_id = $.cookie('JSESSIONID') || new Date().getTime(); 
     81          $('#publish-data').append('<input type="hidden" name="myid" value="' + jsession_id + '"/>'); 
     82          //$('#publish-data').append('<input type="hidden" name="png-flag" value="flag-' + jsession_id + '.png"/>'); 
     83          //$('#publish-data').append('<input type="hidden" name="svg-flag" value="flag-' + jsession_id + '.svg"/>'); 
    6184 
    62 <!-- AddToAny BEGIN --> 
    63 <div class="a2a_kit a2a_kit_size_32 a2a_default_style"> 
    64 <a class="a2a_dd" href="https://www.addtoany.com/share_save"></a> 
    65 <a class="a2a_button_email"></a> 
    66 <a class="a2a_button_facebook"></a> 
    67 <a class="a2a_button_google_plus"></a> 
    68 <a class="a2a_button_google_gmail"></a> 
    69 <a class="a2a_button_twitter"></a> 
    70 <a class="a2a_button_tumblr"></a> 
    71 </div> 
    72 <script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script> 
    73 <!-- AddToAny END --> 
     85          //$('#publish-data').append('<img src="../render-3d/images/flag-' + jsession_id + '.png"/>'); 
     86 
     87        </script> 
     88 
    7489 
    7590      </div> 
  • other-projects/nz-flag-design/trunk/main-form/iterative-design.html

    r29909 r29914  
    2323            <div data-role="content"> 
    2424                <div data-role="controlgroup" class="control" data-mini="true">          
    25                     <a href="#" class="next right-button test-fwd" style="right:1%;"></a> 
     25                    <a href="#" class="next right-button test-fwd"  
     26               style="right:1%;" onclick="saveSVGAndPNGAsFiles()"></a> 
    2627                    <a href="#" class="prev left-button idea-back" style="left:1%;"></a> 
    2728                </div> 
     
    8990                var activatedSVGEditorFrame = false; 
    9091 
    91                 function savePNGAsFile(imgType, quality) {                 
     92                function savePNGAsFile(imgType, quality) {     
     93            console.log("savePNGAsFile()")             
    9294                    var design_frame = document.getElementById('design-2d-iframe'); 
    9395                    var svgCanvas = design_frame.contentWindow.svgCanvas; 
     
    121123                            data: { imageData: datauri, imageFilename: imageFilename }, 
    122124                            success: function() {  
    123                                 console.log("Exported PNG data to file "); 
     125                                console.log("savePNGAsFile() succeeded"); 
    124126                                var render_frame = document.getElementById('render-3d-iframe'); 
    125127                                // trigger a reload in the 3D Flag Renderer 
     
    141143                    design_frame.contentWindow.svgCanvas.rasterExport("PNG", null, exportWindow.name); 
    142144                } 
     145         
     146        function saveSVGAsFile() 
     147        { 
     148            console.log("saveSVGAsFile()") 
     149                    var design_frame = document.getElementById('design-2d-iframe'); 
     150                    var svgCanvas = design_frame.contentWindow.svgCanvas; 
     151                    //var svgedit = design_frame.contentWindow.svgedit; 
     152 
     153                    var svg_str = svgCanvas.svgCanvasToString(); 
     154 
     155                    // Look up jsession id; if not present fall back to use a timestamp 
     156                    var jsession_id = $.cookie('JSESSIONID') || new Date().getTime(); 
     157                    //var jsession_id = $.cookie('JSESSIONID') + "-" + new Date().getTime(); // quick hack for summer scholarship presentation day 
     158 
     159                    console.log("jsession id = " + jsession_id); 
     160                    var svgFilename = "flag-" + jsession_id + ".svg"; 
     161 
     162                    $.ajax({ 
     163                            type: "POST", 
     164                            url: "../design-2d/svg-data-to-file.jsp", 
     165                            data: { svgData: svg_str, svgFilename: svgFilename }, 
     166                            success: function() {  
     167                                console.log("saveSVGAsFile() succeeded"); 
     168                            } 
     169                        }); 
     170 
     171        } 
     172 
     173 
     174        function saveSVGAndPNGAsFiles() 
     175        { 
     176          saveSVGAsFile(); 
     177          savePNGAsFile("PNG",null); 
     178        } 
    143179 
    144180                function reconfigureSvgCanvas(settings) { 
     
    281317                function activateSVGEditor() { 
    282318                    console.log("activateSVGEditor()"); 
    283                     $('#design-2d-iframe').attr("src","svg-edit-trunk/editor/svg-editor.html?noStorageOnLoad=1"); 
     319                    //$('#design-2d-iframe').attr("src","svg-edit-trunk/editor/svg-editor.html?noStorageOnLoad=1"); 
     320                    $('#design-2d-iframe').attr("src","svg-edit-trunk/editor/svg-editor.html"); 
    284321                    $('#design-2d-iframe').load(function() { 
    285322                        console.log("*** loaded svg iframe: " + this);