From e6cef636edf8a045636d11a8bacbee4b1e5304d3 Mon Sep 17 00:00:00 2001
From: simivar <simivar@gmail.com>
Date: Fri, 7 Apr 2017 11:57:06 +0200
Subject: [PATCH] Thumbnailer component: add option to choose container

---
 .gitignore                   | 1 +
 demos/thumbnail.html         | 6 +++++-
 src/component/Thumbnailer.js | 4 +++-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index f443ed60..acca8314 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 demos/test*
 node_modules
+.idea
\ No newline at end of file
diff --git a/demos/thumbnail.html b/demos/thumbnail.html
index 0436ded5..bc1cc64a 100644
--- a/demos/thumbnail.html
+++ b/demos/thumbnail.html
@@ -123,7 +123,11 @@ <h5>Customize Position and Styling with CSS</h5>
 
 <h3>Additional Features</h3>
 
-<ul><li>Can be locked to an individual Selection object.</li><li>Can be resized using <code>resize(w,h)</code> method.</li></ul>
+<ul>
+  <li>Can be locked to an individual Selection object.</li>
+  <li>Can be resized using <code>resize(w,h)</code> method.</li>
+  <li>Can be inserted in selected container by providing element in <code>container</code> option.</li>
+</ul>
             <div class="tapmodo-footer"><a href="http://tapmodo.com" class="tapmodo-logo segment">tapmodo.com</a>
               <div class="segment"><b>&copy; 2008-2013 Tapmodo Interactive LLC</b>
                 <div>Jcrop is free software released under <a href="../MIT-LICENSE.txt">MIT License</a></div>
diff --git a/src/component/Thumbnailer.js b/src/component/Thumbnailer.js
index bc675c6a..0344ed79 100644
--- a/src/component/Thumbnailer.js
+++ b/src/component/Thumbnailer.js
@@ -7,6 +7,7 @@
       // If this value is set, the preview will only track that Selection
       selection: null,
 
+      container: null, // defaults to jCrop container
       fading: true,
       fadeDelay: 1000,
       fadeDuration: 1000,
@@ -24,6 +25,7 @@
       init: function(core,options){
         var t = this;
         this.core = core;
+        Thumbnailer.defaults.container = this.core.container;
         $.extend(this,Thumbnailer.defaults,options);
         t.initEvents();
         t.refresh();
@@ -56,7 +58,7 @@
         this.element = $('<div />').addClass('jcrop-thumb')
           .width(this.width).height(this.height)
           .append(this.preview)
-          .appendTo(this.core.container);
+          .appendTo(this.container);
       },
       resize: function(w,h){
         this.width = w;