Template source: layer_group_template.html

<script type="text/html" id="layer-group-template"> <div class="group" data-bind="attr: { id: slug() + '-group' }, css: { inactive: !visible() }"> <div class="group-folder"> <div class="group-name collapsed" data-toggle="collapse" data-bind="attr: { 'data-target': '#' + slug() + '-group-contents'}"> <span data-bind="text: name"></span> </div> <div class="group-visibility-toggle"> <span class="on-off-switch" data-toggle="tooltip" title="Hide/Show group" data-placement="left"> <input type="checkbox" data-bind="checked: $data.active, attr: { id: slug() + '-checkbox' }"> <label data-bind="attr: { for: slug() + '-checkbox' }"></label> </span> </div> </div> <div class="group-contents collapse" data-bind="attr: {id: slug() + '-group-contents'}"> <div class="groups" data-bind="template: {name: 'layer-group-template', foreach: groups}"></div> <div class="layers" data-bind="template: {name: 'layer-template', foreach: layers}"></div> </div> </div> </script>