html

<template name="workingarea">
    <div role="tabpanel" class="tab-pane workingarea" id="{{workingareaId}}">
        {{#if sidebardata}}
            {{#if isDesktop}}
                <div id="side-menu">
                    <div id="sidebarcontents">
                        <ul>
                            {{#each sidebardata.list}}
                                <li>
                                    <span class="tag">{{tag}}:</span>
                                    <span class="value">{{value}}</span>
                                </li>
                            {{/each}}
                        </ul>
                        {{#each sidebardata.graph}}
                            <div id="{{id}}" class="sidebar-graph"></div>
                        {{/each}}
                    </div>
                    <div id="nav-expander">
                        <div class="resizable-handle">
                            <i class="fa fa-bars fa-rotate-90"></i>
                        </div>
                    </div>
                </div>
            {{/if}}
        {{/if}}
        {{#if tables}}
            <div class="onoffswitch">
                {{# each tables}}
                    <label class="radio-inline">
                        {{# if checked}}
                            <input type="radio" name="{{name}}" data-id="{{id}}" checked>
                        {{else}}
                            <input type="radio" name="{{name}}" data-id="{{id}}">
                        {{/if}}
                        {{label}}
                    </label>
                {{/ each}}
            </div>
        {{/if}}
        {{#each allTables}}
            <div id="{{data.id}}" class="grouped-table">
                <div class="row">
                    <div class="col-lg-11">
                        <h3>{{data.title}}</h3>
                    </div>
                    <div class="col-lg-1">
                        {{#if data.graph}}
                            <button type="button" class="btn btn-default btn-xs mygraph">
                                <i class="fa fa-bar-chart"></i>
                            </button>
                        {{/if}}
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="reactive-table">
                            {{> reactiveTable collection=data.table settings=data.mySettings}}
                            {{#if data.toolbar}}
                                <div class="toolbar">
                                    {{#each data.buttons}}
                                        <div class="button-grouped">
                                            <a data-type="{{toolType}}" class="btn btn-default btn-xs">
                                                <i class="fa {{iClass}}"></i>
                                            </a>

                                            <p>{{toolLegend}}</p>
                                        </div>
                                    {{/each}}
                                </div>
                            {{/if}}
                        </div>
                        {{#if data.graph}}
                            <div id="{{data.graphId}}" class="mygraph"></div>
                        {{/if}}
                    </div>
                </div>
            </div>
        {{/each}}
    </div>
</template>