<div id="logging-list">
{{#if logs}}
<ul>
{{#each logs}}
<li>
<input type="checkbox" id="episode-{{@index}}">
<label for="episode-{{@index}}">{{@key}}</label>
<pre class="logging-detail">{{#each this}}{{this}} {{/each}}</pre>
</li>
{{/each}}
</ul>
{{/if}}
#logging-list {
display: none;
}
#logging-list li {
font-family: monospace;
}
.logging-detail {
margin-left: 18px;
display: none;
}
#logging-list checkbox {
margin: 3px;
}
#logging-list label {
cursor: pointer;
}
#logging-list li input[type="checkbox"]:checked ~ .logging-detail {
display: block;
}
#logging-list ul {
margin: 0px;
padding: 0px;
list-style-type: none;
width: auto;
}