export to file

js/piskel-packaged-2014-07-13-03-54.js

@@ -12222,6 +12222,10 @@ if (typeof Function.prototype.bind !== "function") {
 })();;(function () {
   var ns = $.namespace('pskl.utils');
 
+  var stopPropagation = function (e) {
+    e.stopPropagation();
+  };
+
   ns.FileUtils = {
     readFile : function (file, callback) {
       var reader = new FileReader();
@@ -12241,7 +12245,9 @@ if (typeof Function.prototype.bind !== "function") {
         downloadLink.setAttribute('href', content);
         downloadLink.setAttribute('download', filename);
         document.body.appendChild(downloadLink);
+        downloadLink.addEventListener('click', stopPropagation);
         downloadLink.click();
+        downloadLink.removeEventListener('click', stopPropagation);
         document.body.removeChild(downloadLink);
       }
     }
@@ -19134,6 +19140,8 @@ zlib.js 2012 - imaya [ https://github.com/imaya/zlib.js ] The MIT License
 
   var URL_MAX_LENGTH = 30;
   var MAX_GIF_COLORS = 256;
+  var MAX_EXPORT_ZOOM = 20;
+  var DEFAULT_EXPORT_ZOOM = 10;
 
   ns.GifExportController = function (piskelController) {
     this.piskelController = piskelController;
@@ -19144,18 +19152,12 @@ zlib.js 2012 - imaya [ https://github.com/imaya/zlib.js ] The MIT License
    * @static
    * @type {Array} array of Objects {zoom:{Number}, default:{Boolean}}
    */
-  ns.GifExportController.RESOLUTIONS = [
-    {
-      'zoom' : 1
-    },{
-      'zoom' : 5
-    },{
-      'zoom' : 10,
-      'default' : true
-    },{
-      'zoom' : 20
-    }
-  ];
+  ns.GifExportController.RESOLUTIONS = [];
+  for (var i = 1 ; i <= MAX_EXPORT_ZOOM ; i++) {
+    ns.GifExportController.RESOLUTIONS.push({
+      zoom : i
+    });
+  }
 
   ns.GifExportController.prototype.init = function () {
     this.optionTemplate_ = pskl.utils.Template.get("gif-export-option-template");
@@ -19171,8 +19173,6 @@ zlib.js 2012 - imaya [ https://github.com/imaya/zlib.js ] The MIT License
     this.downloadButton = $(".gif-download-button");
     this.downloadButton.click(this.onDownloadButtonClick_.bind(this));
 
-    this.exportForm = $(".gif-export-form");
-
     this.exportProgressStatusEl = document.querySelector('.gif-export-progress-status');
     this.exportProgressBarEl = document.querySelector('.gif-export-progress-bar');
 
@@ -19193,7 +19193,6 @@ zlib.js 2012 - imaya [ https://github.com/imaya/zlib.js ] The MIT License
         fps = this.piskelController.getFPS();
 
     this.renderAsImageDataAnimatedGIF(zoom, fps, function (imageData) {
-      pskl.app.imageUploadService.upload(imageData, this.onImageUploadCompleted_.bind(this));
       pskl.utils.BlobUtils.dataToBlob(imageData, "image/gif", function(blob) {
         pskl.utils.FileUtils.downloadAsFile(blob, fileName);
       });
@@ -19233,7 +19232,9 @@ zlib.js 2012 - imaya [ https://github.com/imaya/zlib.js ] The MIT License
     var label = zoom*this.piskelController.getWidth() + "x" + zoom*this.piskelController.getHeight();
     var value = zoom;
 
-    var optionHTML = pskl.utils.Template.replace(this.optionTemplate_, {value : value, label : label});
+    var isSelected = zoom === DEFAULT_EXPORT_ZOOM;
+    var selected = isSelected ? 'selected' : '';
+    var optionHTML = pskl.utils.Template.replace(this.optionTemplate_, {value : value, label : label, selected : selected});
     var optionEl = pskl.utils.Template.createFromHTML(optionHTML);
 
     return optionEl;

piskel-boot-0.1.0.js

@@ -1,9 +1,9 @@
 (function () {
 
   /**
-   * See @Gruntfile.js => after build, -2014-07-13-03-15 is replaced by the build version
+   * See @Gruntfile.js => after build, -2014-07-13-03-54 is replaced by the build version
    */
-  var version = '-2014-07-13-03-15';
+  var version = '-2014-07-13-03-54';
   var versionHasNotBeenReplaced = version.indexOf('@@') === 0;
   if (versionHasNotBeenReplaced)  {
     version = '';

templates/settings/export.html

@@ -22,7 +22,7 @@
         <label>Select resolution:</label>
         <select class="gif-export-select-resolution"></select>
         <script type="text/template" id="gif-export-option-template">
-          <option value="{{value}}">{{label}}</option>
+          <option value="{{value}}" {{selected}}>{{label}}</option>
         </script>
       </div>
       <div class="settings-item">