Init

1 files changed, 75 insertions, 0 deletions

diff --git a/static/js/wpaint/plugins/file/src/wPaint.menu.main.file.js b/static/js/wpaint/plugins/file/src/wPaint.menu.main.file.js
new file mode 100644
index 0000000..15cfa46
--- /dev/null
+++ b/static/js/wpaint/plugins/file/src/wPaint.menu.main.file.js
@@ -0,0 +1,75 @@
+(function ($) {
+  var img = 'plugins/file/img/icons-menu-main-file.png';
+
+  // extend menu
+  $.extend(true, $.fn.wPaint.menus.main.items, {
+    save: {
+      icon: 'generic',
+      title: 'Save Image',
+      img: img,
+      index: 0,
+      callback: function () {
+        this.options.saveImg.apply(this, [this.getImage()]);
+      }
+    },
+    loadBg: {
+      icon: 'generic',
+      group: 'loadImg',
+      title: 'Load Image to Foreground',
+      img: img,
+      index: 2,
+      callback: function () {
+        this.options.loadImgFg.apply(this, []);
+      }
+    },
+    loadFg: {
+      icon: 'generic',
+      group: 'loadImg',
+      title: 'Load Image to Background',
+      img: img,
+      index: 1,
+      callback: function () {
+        this.options.loadImgBg.apply(this, []);
+      }
+    }  
+  });
+
+  // extend defaults
+  $.extend($.fn.wPaint.defaults, {
+    saveImg: null,   // callback triggerd on image save
+    loadImgFg: null, // callback triggered on image fg
+    loadImgBg: null  // callback triggerd on image bg
+  });
+
+  // extend functions
+  $.fn.wPaint.extend({
+    _showFileModal: function (type, images) {
+      var _this = this,
+          $content = $('<div></div>'),
+          $img = null;
+
+      function appendContent(type, image) {
+        function imgClick(e) {
+
+          // just in case to not draw on canvas
+          e.stopPropagation();
+          if (type === 'fg') { _this.setImage(image); }
+          else if (type === 'bg') { _this.setBg(image, null, null, true); }
+        }
+
+        $img.on('click', imgClick);
+      }
+
+      for (var i = 0, ii = images.length; i < ii; i++) {
+        $img = $('<img class="wPaint-modal-img"/>').attr('src', images[i]);
+        $img = $('<div class="wPaint-modal-img-holder"></div>').append($img);
+
+        (appendContent)(type, images[i]);
+
+        $content.append($img);
+      }
+
+      this._showModal($content);
+    }
+  });
+})(jQuery);
\ No newline at end of file