Add feature for dynamically loadable popovers.

biscuit/core/settings.py

@@ -132,8 +132,9 @@ BOOTSTRAP4 = {
     "css_url": LocalSetting(default="/javascript/bootstrap4/css/bootstrap.min.css"),
     "javascript_url": LocalSetting(default="/javascript/bootstrap4/js/bootstrap.min.js"),
     "jquery_url": LocalSetting(default="/javascript/jquery/jquery.min.js"),
-    "popper_url": LocalSetting(default="/javascript/popper.js/popper.min.js"),
-    "include_jquery": True
+    "popper_url": LocalSetting(default="/javascript/popper.js/umd/popper.min.js"),
+    "include_jquery": True,
+    "include_popper": True
 }
 
 ANY_JS = {

biscuit/core/static/js/main.js

@@ -4,4 +4,19 @@ $(document).ready( function () {
             "paging": false
         });
     });
+
+    $('*[data-poload]').popover({
+        html: true,
+	animation: true,
+	placement: 'auto',
+	trigger: 'hover'
+    }).on("inserted.bs.popover", function() {
+        var trigger_el = $(this);
+	var popover_id = trigger_el.attr("aria-describedby");
+	var popover_el = $('#' + popover_id);
+
+	$.get(trigger_el.data('poload'), function(d) {
+            popover_el.html(d);
+	});
+    });
 });

local.cfg

@@ -12,7 +12,7 @@ FONT_AWESOME.url = "/javascript/font-awesome/css/font-awesome.min.css"
 BOOTSTRAP4.css_url = "/javascript/bootstrap4/css/bootstrap.min.css"
 BOOTSTRAP4.javascript_url = "/javascript/bootstrap4/js/bootstrap.min.js"
 BOOTSTRAP4.jquery_url = "/javascript/jquery/jquery.min.js"
-BOOTSTRAP4.popper_url = "/javascript/popper.js/popper.min.js"
+BOOTSTRAP4.popper_url = "/javascript/popper.js/umd/popper.min.js"
 ANY_JS.DataTables-Bootstrap4.css_url = "/javascript/jquery-datatables/css/dataTables.bootstrap4.min.css"
 ANY_JS.DataTables-Bootstrap4.js_url = "/javascript/jquery-datatables/dataTables.bootstrap4.min.js"
 ANY_JS.DataTables.js_url = "/javascript/jquery-datatables/jquery.dataTables.js"