app/assets/javascripts/umlaut_ui.js in umlaut-3.1.0.pre2 vs app/assets/javascripts/umlaut_ui.js in umlaut-3.1.0
- old
+ new
@@ -4,12 +4,41 @@
This is a sprockets manifest file requiring individual js behavior
files applicable.
At present, only expand/contract toggle behavior is actually supported,
others are non-applicable or hard to get working on an external site
- due to cross-domain-origin stuff.
+ due to cross-domain-origin stuff.
+
+ And even this has become VERY HACKY AND FRAGILE these days --
+ this whole concept may be nontenable.
-
*= require 'umlaut/expand_contract_toggle.js'
-
-
+
*/
+
+/* Normal umlaut uses bootstrap collapse, and expand_contract_toggle.js
+ assumes bootstrap collapse. For vended use as here, provide our own
+ simple kind of crappy replacement for bootstrap collapse, which
+ will combine with expand_contract_toggle.js above to completely implement. */
+
+jQuery(document).ready(function($) {
+
+ // In ordinary umlaut bootstrap collapsible, it automatically hides
+ // .collapse, but not with display:none. For our replacement here,
+ // we need to make sure it's initially hidden with display:none,
+ // we'll add a style to do so.
+ $('html > head').append($('<style> .collapse { display:none; }</style>'));
+
+
+ $(document).on("click", ".collapse-toggle", function(event) {
+ content = $( $(this).attr('data-target') );
+
+ if ( content.is(":visible") ) {
+ content.slideUp();
+ content.trigger("hide");
+ }
+ else {
+ content.slideDown();
+ content.trigger("show");
+ }
+ });
+});