#App .ui.padded.centered.grid(ng-controller="AppCtrl as ctrl") .centered.row .ui.inverted.header h1 JMH Charts .centered.row .six.wide.column .ui.form.segment h3.ui.header Load JSON file(s) .inline.field .ui.input input(type="file" multiple accept=".json" onchange="angular.element(this).scope().ctrl.loadFiles(this)") .ui.list .item(ng-repeat="file in ctrl.uploaded") i.ui.red.remove.icon(title="Remove" ng-click="ctrl.removeFile(file)" style="cursor: pointer;") .content(ng-bind="file.name") .six.wide.column .ui.form.segment h3.ui.header Options .inline.field .ui.toggle.checkbox input#perClass(type="checkbox" ng-model="ctrl.config.perClass" ng-change="ctrl.resetCharts()") label(for="perClass") Separate chart per class .inline.field .ui.toggle.checkbox input#showConfidence(type="checkbox" ng-model="ctrl.config.showConfidence" ng-change="ctrl.resetCharts()") label(for="showConfidence") Show confidence intervals .ui.divider .centered.row(ng-repeat="chart in ctrl.charts()" ng-init="ctrl.render(chart, this)") .twelve.wide.column .ui.attached.segment div.ui.shape(id="{{chart.id}}" ui-jq="shape" style="width: 100%;") .sides .active.side div(id="{{chart.id}}_scores") .side div(id="{{chart.id}}_percentiles") .side div(id="{{chart.id}}_breakdown") .ui.center.aligned.bottom.attached.segment .ui.blue.buttons .ui.button(ng-click="ctrl.showChart(chart.id+'_scores')") Scores .ui.button(ng-click="ctrl.showChart(chart.id+'_percentiles')") Percentiles .ui.button(ng-click="ctrl.showChart(chart.id+'_breakdown')") Breakdown