Popover for dependency input

4 files changed, 13 insertions, 3 deletions

diff --git a/webapp/coffee/dependency_input.coffee b/webapp/coffee/dependency_input.coffee
index 13691d6..a5d3d1e 100644
--- a/webapp/coffee/dependency_input.coffee
+++ b/webapp/coffee/dependency_input.coffee
@@ -21,6 +21,10 @@ class DependencyInput
         Mustache.tags = ['[[', ']]']
         widget = jQuery(Mustache.render @template, context)
         input = $(widget[3])
+        input.popover({
+            title: "title",
+            content: "content"
+        })
         return widget
 
 
diff --git a/webapp/js_tests/spec/DependencyInputSpec.js b/webapp/js_tests/spec/DependencyInputSpec.js
index 10a95f9..28865be 100644
--- a/webapp/js_tests/spec/DependencyInputSpec.js
+++ b/webapp/js_tests/spec/DependencyInputSpec.js
@@ -20,7 +20,7 @@
     });
     return it("should respond with popover on click", function() {
       var container, dependency_input, field_order, group_order, input, widget;
-      setFixtures("<div id='container'></div>");
+      setFixtures('<div id="container"></div>');
       container = $('#container');
       group_order = "0";
       field_order = "0";
@@ -28,7 +28,8 @@
       widget = dependency_input.render();
       container.append(widget);
       input = container.find("input.dependence_value");
-      return input.click();
+      input.click();
+      return expect(container).toContain(".popover");
     });
   });
 
diff --git a/webapp/js_tests/spec/coffee/DependencyInputSpec.coffee b/webapp/js_tests/spec/coffee/DependencyInputSpec.coffee
index 28a47c5..d5b4d21 100644
--- a/webapp/js_tests/spec/coffee/DependencyInputSpec.coffee
+++ b/webapp/js_tests/spec/coffee/DependencyInputSpec.coffee
@@ -33,7 +33,7 @@ describe "DependencyInput", ->
         expect(dependency_input.render()).toBe(expected)
 
     it "should respond with popover on click", ->
-        setFixtures("<div id='container'></div>")
+        setFixtures('<div id="container"></div>');
         container = $('#container');
 
         group_order = "0"
@@ -44,3 +44,4 @@ describe "DependencyInput", ->
         input = container.find("input.dependence_value")
         input.click()
 
+        expect(container).toContain(".popover")
diff --git a/webapp/webapp/static/js/dependency_input.js b/webapp/webapp/static/js/dependency_input.js
index ea948b9..a97b1da 100644
--- a/webapp/webapp/static/js/dependency_input.js
+++ b/webapp/webapp/static/js/dependency_input.js
@@ -20,6 +20,10 @@
       Mustache.tags = ['[[', ']]'];
       widget = jQuery(Mustache.render(this.template, context));
       input = $(widget[3]);
+      input.popover({
+        title: "title",
+        content: "content"
+      });
       return widget;
     };