{#include main fluid=true} {#style} .nav-item { padding: .5rem .3rem; } ul#tree, ul.nested { list-style-type: none; } #tree { margin: 0; padding: 0; } span.caret { cursor: pointer; user-select: none; } span.caret::before { content: "\229E"; color: black; display: inline-block; margin-right: 6px; } span.caret-down::before { content: "\229F" /*transform: rotate(90deg);*/ } ul.nested { display: none; } ul.active { display: block; } ul code { color: #343a40; } ul li { margin-top: 5px; } span.declaring-class { color: gray; } {/style} {#script} var carets = document.getElementsByClassName("caret"); for (i = 0; i < carets.length; i++) { carets[i].addEventListener("click", function() { this.parentElement.querySelector(".nested").classList.toggle("active"); this.classList.toggle("caret-down"); }); } {/script} {#title}Invocation Trees{/title} {#body}

Start | Invocations
--- | ---
{#each info:invocationsMonitor.lastInvocations.orEmpty}
{it.startFormatted} | {#tree it root=true /}
{/each}

{/body} {/include}