chore: remove gif upload button

Author: juliandescottes

src/css/settings-export.css

@@ -64,20 +64,6 @@
   font-weight: normal;
 }
 
-.preview-upload-ongoing:before{
-  content: "Upload in progress...";
-  position: absolute;
-  display: block;
-  height: 100%;
-  width: 100%;
-  text-align: center;
-  padding-top: 45%;
-  box-sizing:border-box;
-  -moz-box-sizing:border-box;
-  background: rgba(0,0,0,0.5);
-  color: white;
-}
-
 .export-scale {
   margin-bottom: 10px;
 }

src/js/Constants.js

@@ -64,7 +64,5 @@ var Constants = {
   CONFIRM_OVERWRITE: 'This will replace your current animation, are you sure you want to continue?',
 
   // SERVICE URLS
-  APPENGINE_SAVE_URL : 'save',
-  IMAGE_SERVICE_UPLOAD_URL : '{{protocol}}://piskel-imgstore-b.appspot.com/__/upload',
-  IMAGE_SERVICE_GET_URL : '{{protocol}}://piskel-imgstore-b.appspot.com/img/'
+  APPENGINE_SAVE_URL : 'save'
 };

src/js/app.js

@@ -135,9 +135,6 @@
       this.importService = new pskl.service.ImportService(this.piskelController);
       this.importService.init();
 
-      this.imageUploadService = new pskl.service.ImageUploadService();
-      this.imageUploadService.init();
-
       this.savedStatusService = new pskl.service.SavedStatusService(
         this.piskelController,
         this.historyService);

src/js/controller/settings/exportimage/GifExportController.js

@@ -15,15 +15,12 @@
 
   ns.GifExportController.prototype.init = function () {
     this.uploadStatusContainerEl = document.querySelector('.gif-upload-status');
-    this.previewContainerEl = document.querySelector('.gif-export-preview');
-    this.uploadButton = document.querySelector('.gif-upload-button');
     this.downloadButton = document.querySelector('.gif-download-button');
     this.repeatCheckbox = document.querySelector('.gif-repeat-checkbox');
 
     // Initialize repeatCheckbox state
     this.repeatCheckbox.checked = this.getRepeatSetting_();
 
-    this.addEventListener(this.uploadButton, 'click', this.onUploadButtonClick_);
     this.addEventListener(this.downloadButton, 'click', this.onDownloadButtonClick_);
     this.addEventListener(this.repeatCheckbox, 'change', this.onRepeatCheckboxChange_);
 
@@ -36,14 +33,6 @@
     return this.exportController.getExportZoom();
   };
 
-  ns.GifExportController.prototype.onUploadButtonClick_ = function (evt) {
-    evt.preventDefault();
-    var zoom = this.getZoom_();
-    var fps = this.piskelController.getFPS();
-
-    this.renderAsImageDataAnimatedGIF(zoom, fps, this.uploadImageData_.bind(this));
-  };
-
   ns.GifExportController.prototype.onDownloadButtonClick_ = function (evt) {
     var zoom = this.getZoom_();
     var fps = this.piskelController.getFPS();
@@ -58,30 +47,6 @@
     });
   };
 
-  ns.GifExportController.prototype.uploadImageData_ = function (imageData) {
-    this.updatePreview_(imageData);
-    this.previewContainerEl.classList.add('preview-upload-ongoing');
-
-    pskl.app.imageUploadService.upload(imageData,
-      this.onImageUploadCompleted_.bind(this),
-      this.onImageUploadFailed_.bind(this));
-  };
-
-  ns.GifExportController.prototype.onImageUploadCompleted_ = function (imageUrl) {
-    this.updatePreview_(imageUrl);
-    this.updateStatus_(imageUrl);
-    this.previewContainerEl.classList.remove('preview-upload-ongoing');
-  };
-
-  ns.GifExportController.prototype.onImageUploadFailed_ = function (event, xhr) {
-    if (xhr.status === 500) {
-      $.publish(Events.SHOW_NOTIFICATION, [{
-        'content': 'Upload failed : ' + xhr.responseText,
-        'hideDelay' : 5000
-      }]);
-    }
-  };
-
   ns.GifExportController.prototype.updatePreview_ = function (src) {
     this.previewContainerEl.innerHTML = '<div><img style="max-width:32px;" src="' + src + '"/></div>';
   };
@@ -166,27 +131,4 @@
   ns.GifExportController.prototype.getRepeatSetting_ = function () {
     return pskl.UserSettings.get(pskl.UserSettings.EXPORT_GIF_REPEAT);
   };
-
-  ns.GifExportController.prototype.updateStatus_ = function (imageUrl, error) {
-    if (imageUrl) {
-      var linkTpl = '<a class="highlight" href="{{link}}" target="_blank">{{shortLink}}</a>';
-      var linkHtml = pskl.utils.Template.replace(linkTpl, {
-        link : imageUrl,
-        shortLink : this.shorten_(imageUrl, URL_MAX_LENGTH, '...')
-      });
-      this.uploadStatusContainerEl.innerHTML = 'Your image is now available at : ' + linkHtml;
-    } else {
-      // FIXME : Should display error message instead
-    }
-  };
-
-  ns.GifExportController.prototype.shorten_ = function (url, maxLength, suffix) {
-    if (url.length > maxLength) {
-      var index = Math.round((maxLength - suffix.length) / 2);
-      var part1 = url.substring(0, index);
-      var part2 = url.substring(url.length - index, url.length);
-      url = part1 + suffix + part2;
-    }
-    return url;
-  };
 })();

src/js/service/ImageUploadService.js

@@ -20,13 +20,5 @@
       <button type="button" class="button button-primary gif-download-button">Download</button>
       <div class="export-info">Download as an animated GIF.</div>
     </div>
-    <div class="export-panel-section export-panel-row">
-      <button type="button" class="button button-primary gif-upload-button">Upload</button>
-      <div class="export-info">Upload as an animated GIF to a public URL.</div>
-    </div>
-    <div class="gif-upload">
-      <div class="gif-export-preview"></div>
-      <div class="gif-upload-status"></div>
-    </div>
   </div>
 </script>