Allow saving onto Publiclab.org (#1353)

* Allow saving onto Publiclab.org

* success to primary

* fixing merge conflictx

examples/demo.js

@@ -118,6 +118,9 @@ window.onload = function () {
     } else if(dropDownValue == 'save-pdf') {
       savePDF(getLastImage());
     }
+    else if (dropDownValue == 'save-to-publiclab.org' ){
+      SaveToPubliclab();
+    }
   });
 
   let isWorkingOnGifGeneration = false;
@@ -251,6 +254,18 @@ window.onload = function () {
     download(image, 'index.gif', 'image/gif');// downloadjs library function
   }
 
+  function SaveToPubliclab() {
+    function postToPL(imgSrc) {
+      var uniq = Date.now();
+      $('body').append('<form method="post" id="postToPL' + uniq + '" action="https://publiclab.org/post" target="postToPLWindow"><input type="hidden" name="datauri_main_image" /></form>');
+      f = $('#postToPL' + uniq)[0];
+      f.datauri_main_image.value = imgSrc;
+      window.open('', 'postToPLWindow');
+      f.submit();
+    }
+    postToPL($('img')[sequencer.steps.length - 1].src);
+  }
+
   // image selection and drag/drop handling from examples/lib/imageSelection.js
   sequencer.setInputStep({
     dropZoneSelector: '#dropzone',
@@ -289,4 +304,4 @@ window.onload = function () {
   } else {
     insertPreview.updatePreviews('images/tulips.png', '#addStep');
   }
-};
+};

examples/index.html

@@ -196,6 +196,7 @@
                   <option value="save-pdf">Save as PDF</option>
                   <option value="save-seq">Save sequence</option>
                   <option value="save-seq-string">Save sequence string</option>
+                  <option value="save-to-publiclab.org">Save to PublicLab.org</option>>
                 </select>
                 <p><button id="saveButton" class="btn btn-primary btn-lg save-button">Save</button></p>
                 <p><button class="btn btn-default btn-lg js-view-as-gif" id="gif">Preview GIF</button></p>
@@ -240,4 +241,4 @@
 
 </body>
 
-</html>
+</html>