allow options.content to be a function returning html that is called …

…on each open
HubSpot · Oct 28, 2014 · 195fa0e · 195fa0e
1 parent 0cad0b8
commit 195fa0e
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 4 deletions.
diff --git a/coffee/drop.coffee b/coffee/drop.coffee
@@ -114,7 +114,12 @@ createContext = (options={}) ->
 
       @content = document.createElement 'div'
       addClass @content, "#{ drop.classPrefix }-content"
-      if typeof @options.content is 'object'
+
+      if typeof @options.content is 'function'
+        @content.innerHTML = @options.content.call(@, @)
+        @on 'open', =>
+          @content.innerHTML = @options.content.call(@, @)
+      else if typeof @options.content is 'object'
         @content.appendChild @options.content
       else
         @content.innerHTML = @options.content

diff --git a/drop.js b/drop.js
@@ -1588,14 +1588,20 @@ return this.Tether;
       };
 
       DropInstance.prototype.setupElements = function() {
+        var _this = this;
         this.drop = document.createElement('div');
         addClass(this.drop, drop.classPrefix);
         if (this.options.classes) {
           addClass(this.drop, this.options.classes);
         }
         this.content = document.createElement('div');
         addClass(this.content, "" + drop.classPrefix + "-content");
-        if (typeof this.options.content === 'object') {
+        if (typeof this.options.content === 'function') {
+          this.content.innerHTML = this.options.content.call(this, this);
+          this.on('open', function() {
+            return _this.content.innerHTML = _this.options.content.call(_this, _this);
+          });
+        } else if (typeof this.options.content === 'object') {
           this.content.appendChild(this.options.content);
         } else {
           this.content.innerHTML = this.options.content;