diff --git a/src/core/js/ext_bottom_line.js b/src/core/js/ext_bottom_line.js index eb6c10a31cfb560d0c2c24505ad79988d48d8a15..2f40cd5c822c7153ef9fe8c40e7b06ffe70a3996 100644 --- a/src/core/js/ext_bottom_line.js +++ b/src/core/js/ext_bottom_line.js @@ -257,6 +257,7 @@ var ext_bottom_line = function($, logger, is_in_view_port, load_config, getEntit const previewShownEvent = new Event("ext_bottom_line.preview.shown"); const previewReadyEvent = new Event("ext_bottom_line.preview.ready"); + const previewHiddenEvent = new Event("ext_bottom_line.preview.hidden"); const _css_class_preview_container = "caosdb-f-ext_bottom_line-container"; const _css_class_preview_container_resolvable = "caosdb-f-ext_bottom_line-container-resolvable"; @@ -430,6 +431,9 @@ var ext_bottom_line = function($, logger, is_in_view_port, load_config, getEntit container.on("shown.bs.collapse", () => { container[0].dispatchEvent(previewShownEvent); }); + container.on("hidden.bs.collapse", () => { + container[0].dispatchEvent(previewHiddenEvent); + }); $(entity).append(container); $(entity).append(button_show); $(entity).append(button_hide); diff --git a/src/core/js/tour.js b/src/core/js/tour.js index 41e105afc767221a7cd16a25cc47f3de32e04bc0..5eebd0d543797ef253cd8490c6125e64f78ff37d 100644 --- a/src/core/js/tour.js +++ b/src/core/js/tour.js @@ -649,6 +649,19 @@ var tour = new function () { // not initialized yet. this.popover = new bootstrap.Popover(target, this.popover_options); + const events = [ + "ext_bottom_line.preview.ready", + "caosdb.preview.ready", + "caosdb.preview.show", + "caosdb.preview.hide", + "shown.bs.collapse", + "hidden.bs.collapse", + ]; + for (let ev of events) { + document.body.addEventListener(ev, () => { + this.popover.update(); + }, true); + } target.addEventListener("shown.bs.popover", (e) => { if (this.active){ this._on_popover_open(); @@ -1413,9 +1426,9 @@ var tour = new function () { var tour_overview = $('<ul class="list-unstyled caosdb-v-tour-overview"/>'); for (const element of this.elements) { const next = element.create_menu_entry(); - if (next) { + if (next) { tour_overview.append(next); - } + } } $("#tour-toc .caosdb-f-tour-toc-body").empty().append(tour_overview); }