create endless hyperlights within hyperlights #271
Description
about to embark on a MAJOR update to how the
@resources/js/containerManager.js works with
@resources/js/hyperlitContainer/ and with
@resources/js/hypercites/ @resources/js/hyperlights/ and
@resources/js/footnotes/ and @resources/js/citations/
this concerns: what happens when a user clicks on a hyperlight, hypercite, footnote or citation that is within hyperlit-container (as in, within a footnote or hyperlight). right now, it closes the hyperlit-container and opens another one, with that hyperlight in it... what we want to do is, instead:
- when clicking one of these, note whether we are in main-content or a "sub book" (that is a book that is book/footnoteID or book/hyperlightid, or eventaully, footnote/footnoteID, anything with a slash really)...
- use this knowledge of the book/container/subbook etc that it is within to determine what should happen next.
If in the main-content div, then, nothing changes. hyperlit container opens as it already does, great.
but, if we are clicking on a hyperlight within a hyperlit-container, we don't want to close the current hyperlit-container. instead, we want to add another hyperlit-container, over the top of it, and make it 98% as wide, such that, on its left, we see the edge of the one beneath it...
then, clicking outside of both hyperlit-containers, should close only the top one.. so we can "go back" to the hyperlit-container underneath...
therefore, we need, when clicking a hyperlight within a hyperlight, to:
- add a new overlay that closes only the top-most hyperlit-container
- add a new hyperlit-container...
besides that, everything should be the same. as in, the new hyperlit-container will do exactly what happens to any other hyperlit-container opening... it will load content inside it in the same way, pull any sub-book data in it in the same way, etc etc...