<!--
 ! NOTE: Please do not edit this file directly
 ! Create your custom reports in the 'ext' folder
 !-->
<script type="text/ng-template" id="subsuite_renderer.html">
    <div class="test-specification-content">
        <span class="name" ng-bind="subsuite"></span>
    </div>
</script>

<div class="row subsuite-list" ng-controller="OpenReport">
    <div class="col-sm-3">
        <label>
            <input ng-model="checkAllFlag" ng-change="checkAll()" type="checkbox" ng-checked="checkAllFlag"/>
            <div class="subsuite-name pull-right">SubSuite name</div>
        </label>

        <hr/>

        <ul class="subsuite-selector-list" ng-if="subsuites">
            <li ng-repeat="subsuite in subsuites">
                <div class="test-specification-content">
                    <label>
                        <input ng-model="subsuite.checked" ng-change="toggleSeries(subsuite.name)" type="checkbox"
                               ng-checked="subsuite.checked"/>
                        <span class="name" ng-bind="subsuite.name"></span>
                    </label>
                    <span class="pull-right" style="fill: {{findSeriesByName(subsuite.name).color}}; font-size: 12px;">
                        <sprite img="dot" sprite-class="icon-sm"></sprite>
                    </span>
                </div>
            </li>
        </ul>
    </div>
    <div class="col-sm-9 duration-report-highchart">
        <highchart config="report.bottomRight" thechart="thechart" date="date" range="range" style="width: 100%; height: 100%"></highchart>
    </div>
</div>