Websites/perf.webkit.org/public/v2/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <meta charset="utf-8">
   5     <title>WebKit Performance Monitor (Beta)</title>
   6
   7     <link rel="prefetch" href="../data/manifest.json">
   8     <script type="application/json" src="../data/manifest.json"></script>
   9
  10     <link rel="stylesheet" href="app.css">
  11     <link rel="stylesheet" href="chart-pane.css">
  12
  13     <script src="js/jquery.min.js" defer></script>
  14     <script src="js/jquery.min.js" defer></script>
  15     <script src="js/handlebars.js" defer></script>
  16     <script src="js/ember.js" defer></script>
  17     <script src="js/ember-data.js" defer></script>
  18     <script src="js/d3/d3.min.js" defer></script>
  19     <script src="js/statistics.js" defer></script>
  20     <script src="data.js" defer></script>
  21     <script src="app.js" defer></script>
  22     <script src="manifest.js" defer></script>
  23     <script src="analysis.js" defer></script>
  24     <script src="popup.js" defer></script>
  25     <script src="interactive-chart.js" defer></script>
  26     <script src="commits-viewer.js" defer></script>
  27
  28     <script type="text/x-handlebars" data-template-name="dashboard">
  29         <header id="header">
  30             {{partial "navbar"}}
  31             {{view App.NumberOfDaysControlView tagName="ul" numberOfDays=numberOfDays}}
  32             <ul class="controls">
  33                 <li>
  34                     <a href="#" class="control-button" {{action toggleEditMode}}>
  35                         {{#if controller.editMode}}
  36                             Finish editing
  37                         {{else}}
  38                             Edit
  39                         {{/if}}
  40                     </a>
  41                 </li>
  42             </ul>
  43         </header>
  44
  45         <table {{bind-attr class=":dashboard editMode:editMode:readonly"}}>
  46         <thead>
  47             <tr>
  48                 <td></td>
  49                 {{#each headerColumns}}
  50                     {{#if controller.editMode}}
  51                         <th>
  52                             <a href="#" title="Remove column" {{action "removeColumn" index}}>
  53                                 {{partial "close-button"}}
  54                             </a>
  55                             {{input value=label}}
  56                         </th>
  57                     {{else}}
  58                         <th>{{label}}</th>
  59                     {{/if}}
  60                 {{/each}}
  61                 {{#if controller.editMode}}
  62                     <td>{{input value=newColumnHeader action="addColumn" placeholder="Add a column"}}</td>
  63                 {{/if}}
  64             </tr>
  65         </thead>
  66         <tbody>
  67             {{#each rows}}
  68                 <tr>
  69                     {{#if controller.editMode}}
  70                         <th>
  71                             <a href="#" title="Remove row" {{action "removeRow" this}}>
  72                                 {{partial "close-button"}}
  73                             </a>
  74                             {{input value=header}}
  75                         </th>
  76                     {{else}}
  77                         <th><span class="label">{{header}}</span></th>
  78                     {{/if}}
  79                     {{#each cells}}
  80                         <td>
  81                             {{#if empty}}
  82                                 {{#if controller.editMode}}
  83                                     {{view App.PopupView list=pickerData label='Choose'}}
  84                                 {{/if}}
  85                             {{else}}
  86                                 {{#if chartData}}
  87                                     <div class="dashboard-status">
  88                                         {{#if latestStatus}}
  89                                             {{latestStatus.currentValue}} {{chartData.unit}}
  90                                             {{#if latestStatus.label}}
  91                                                 <span {{bind-attr class=":status-label latestStatus.className"}}>{{latestStatus.label}}</span>
  92                                             {{/if}}
  93                                         {{/if}}
  94                                     </div>
  95                                     {{#link-to 'charts' (query-params paneList=paneList since=controller.since)}}
  96                                         {{interactive-chart
  97                                             chartData=chartData
  98                                             domain=controller.sharedDomain
  99                                             enableSelection=false}}
 100                                     {{/link-to}}
 101                                 {{else}}
 102                                     {{#if failure}}
 103                                         <div class="failure">{{failure}}</div>
 104                                     {{else}}
 105                                         <div class="progress">{{partial "spinner"}}</div>
 106                                     {{/if}}
 107                                 {{/if}}
 108                                 {{#if controller.editMode}}
 109                                     <a href="#" title="Reset pane" class="reset" {{action "resetPane" this}}>
 110                                         {{partial "close-button"}}
 111                                     </a>
 112                                 {{/if}}
 113                             {{/if}}
 114                         </td>
 115                     {{/each}}
 116                     {{#if controller.editMode}}
 117                         <td></td>
 118                     {{/if}}
 119                 </tr>
 120             {{/each}}
 121             {{#if controller.editMode}}
 122                 <tr>
 123                     <td>{{input value=newRowHeader action="addRow" placeholder="Add a row"}}</td>
 124                     {{#each emptyRow}}
 125                         <td></td>
 126                     {{/each}}
 127                     <td></td>
 128                 </tr>
 129             {{/if}}
 130         </tbody>
 131         </table>
 132     </script>
 133
 134     <script type="text/x-handlebars" data-template-name="charts">
 135         <header id="header">
 136             {{partial "navbar"}}
 137             <ul class="controls">
 138                 <li>{{view App.PopupView list=platforms label='Add pane'}}</li>
 139             </ul>
 140             <ul class="controls">
 141                 <li>{{view App.StartTimeSliderView startTime=startTime oldestStartTime=oldestStartTime}}</li>
 142             </ul>
 143         </header>
 144
 145         {{#each panes itemController="pane"}}
 146             <section class="chart-pane" tabindex="0">
 147                 <header>
 148                     <h1 {{action "toggleDetails"}}>{{metric.fullName}} - {{ platform.name}}</h1>
 149                     <a href="#" title="Close" class="close-button" {{action "close"}}>{{partial "close-button"}}</a>
 150                     {{#if movingAverageStrategies}}
 151                         <a href="#" title="Statistical Tools" class="stat-button" {{action "toggleStatPane"}}>{{partial "stat-button"}}</a>
 152                     {{/if}}
 153                     {{#if App.Manifest.bugTrackers}}
 154                         <a href="#" title="Analysis" class="bugs-button" {{action "toggleBugsPane"}}>
 155                             {{partial "analysis-button"}}
 156                         </a>
 157                     {{/if}}
 158                     {{#if App.Manifest.repositoriesWithReportedCommits}}
 159                         <a href="#" title="Search" class="search-button" {{action "toggleSearchPane"}}>{{partial "search-button"}}</a>
 160                     {{/if}}
 161                 </header>
 162
 163                 <div class="body">
 164                     <div class="svg-container">
 165                     {{#if chartData}}
 166                         {{interactive-chart
 167                             chartData=chartData
 168                             ranges=analyticRanges
 169                             domain=mainPlotDomain
 170                             interactive=true
 171                             chartPointRadius=2
 172                             currentItem=hoveredOrSelectedItem
 173                             currentTime=sharedTime
 174                             selectedItem=selectedItem
 175                             highlightedItems=highlightedItems
 176                             rangeRoute="analysisTask"
 177                             selection=timeRange
 178                             selectedPoints=selectedPoints
 179                             showFullYAxis=showFullYAxis
 180                             zoomable=true
 181                             zoom="zoomed"}}
 182                     {{else}}
 183                         {{#if failure}}
 184                             <div class="failure">{{failure}}</div>
 185                         {{else}}
 186                             <div class="progress">{{partial "spinner"}}</div>
 187                         {{/if}}
 188                     {{/if}}
 189                     </div>
 190                     <div class="details">
 191                         <div class="overview">
 192                         {{#if chartData}}
 193                             {{interactive-chart
 194                                 chartData=chartData
 195                                 showYAxis=false
 196                                 domain=overviewDomain
 197                                 selection=overviewSelection}}
 198                         {{/if}}
 199                         </div>
 200                         {{partial "chart-details"}}
 201                     </div>
 202                 </div>
 203
 204                 <div {{bind-attr class=":popup-pane :analysis-pane showingAnalysisPane::hidden"}}>
 205                     <label>Name: {{input type=text value=newAnalysisTaskName}}</label>
 206                     <button {{action "createAnalysisTask"}} {{bind-attr disabled=cannotAnalyze}}>Analyze</button>
 207                 </div>
 208
 209                 <form {{bind-attr class=":popup-pane :search-pane showingSearchPane::hidden"}}>
 210                     <span class="repositories">
 211                         {{view Ember.Select
 212                             content=App.Manifest.repositoriesWithReportedCommits
 213                             optionValuePath='content.id'
 214                             optionLabelPath='content.name'
 215                             selection=commitSearchRepository}}
 216                     </span>
 217                     {{input action="searchCommit" placeholder="Name or email" value=commitSearchKeyword}}
 218                 </form>
 219
 220                 {{partial "stat-pane"}}
 221             </section>
 222         {{/each}}
 223     </script>
 224
 225     <script type="text/x-handlebars" data-template-name="components/interactive-chart">
 226         {{#if interactive}}
 227             <div class="selection-toolbar" style="display: none;">
 228                 <a href="#" class="button" {{action "zoom"}}>
 229                     <svg class="zoom" viewBox="0 0 100 100">
 230                         <g stroke-width="0" stroke="none">
 231                             <polygon points="25,25 5,50 25,75"/>
 232                             <polygon points="75,25 95,50 75,75"/>
 233                         </g>
 234                         <line x1="20" y1="50" x2="80" y2="50" stroke-width="10"></line>
 235                     </svg>
 236                 </a>
 237             </div>
 238         {{/if}}
 239         <div class="rangeBarsContainerInlineStyle">
 240             {{#each rangeBars}}
 241                 {{#link-to linkRoute linkId title=label}}
 242                     <span class="rangeBar" {{bind-attr style=inlineStyle}}></span>
 243                 {{/link-to}}
 244             {{/each}}
 245         </div>
 246     </script>
 247
 248     <script type="text/x-handlebars" data-template-name="chart-details">
 249     {{#if details}}
 250     <div class="details-table-container">
 251         <table class="details-table">
 252             <tbody class="bugs">
 253             {{#each details.bugTrackers}}
 254                 {{#if bugs}}
 255                     <tr>
 256                         <th>{{label}}</th>
 257                         <td>
 258                             {{#each bugs}}
 259                                 <a {{bind-attr href=bugUrl}} target="_blank">{{bugNumber}}</a>
 260                             {{/each}}
 261                         </td>
 262                     </tr>
 263                 {{/if}}
 264             {{/each}}
 265             </tbody>
 266             <tbody class="status">
 267                 <tr>
 268                     <th>Current</th>
 269                     <td>
 270                         {{details.status.currentValue}} {{chartData.unit}}
 271                         {{#if details.status.valueDelta}}
 272                             ({{details.status.valueDelta}} {{chartData.unit}})
 273                         {{/if}}
 274                         {{#if details.status.label}}
 275                             <br>
 276                             <span {{bind-attr class=details.status.className}}>{{details.status.label}}</span>
 277                         {{/if}}
 278                     </td>
 279                 </tr>
 280             </tbody>
 281             <tbody>
 282             {{#if details.buildNumber}}
 283                 <tr>
 284                     <th>Build</th>
 285                     <td>
 286                         {{#if details.buildURL}}
 287                             <a {{bind-attr href=details.buildURL}} target="_blank">{{details.buildNumber}}</a>
 288                         {{else}}
 289                             {{details.buildNumber}}
 290                         {{/if}}
 291                         ({{details.buildTime}})
 292                     </td>
 293                 </tr>
 294             {{/if}}
 295             {{#each details.revisions}}
 296                 <tr>
 297                     <th>{{name}}</th>
 298                     <td>
 299                         {{#if url}}
 300                             <a {{bind-attr href=url}} target="_blank">{{label}}</a>
 301                         {{else}}
 302                             {{label}}
 303                         {{/if}}
 304                     </td>
 305                 </tr>
 306             {{/each}}
 307             </tbody>
 308         </table>
 309         <div class="commits">
 310             {{#each details.revisions}}
 311                 {{commits-viewer repository=repository revisionInfo=this caption=name}}
 312             {{/each}}
 313         </div>
 314     </div>
 315     {{/if}}
 316     </script>
 317
 318     <script type="text/x-handlebars" data-template-name="components/commits-viewer">
 319     {{#if commits}}
 320         <table {{bind-attr class=":commits-viewer visible::hidden"}}>
 321             {{#if caption}}
 322                 <caption {{action toggleVisibility}}>{{caption}} commits</caption>
 323             {{/if}}
 324             {{#if visible}}
 325                 <tbody>
 326                     {{#each commits}}
 327                         <tr>
 328                             <th>
 329                                 {{#if url}}
 330                                     <a {{bind-attr href=url}} target="_blank">{{revision}}</a>
 331                                 {{else}}
 332                                     {{revision}}
 333                                 {{/if}}
 334                             </th>
 335                             <th>{{author}}</th>
 336                             <td>{{message}}</td>
 337                         </tr>
 338                     {{/each}}
 339                 </tbody>
 340             {{/if}}
 341         </table>
 342     {{/if}}
 343     </script>
 344
 345     <script type="text/x-handlebars" data-template-name="close-button">
 346         <svg class="close-button icon-button" viewBox="0 0 100 100">
 347             <g stroke="black" stroke-width="10">
 348                 <circle cx="50" cy="50" r="45" fill="transparent"/>
 349                 <polygon points="30,30 70,70" />
 350                 <polygon points="30,70 70,30" />
 351             </g>
 352         </svg>
 353     </script>
 354
 355     <script type="text/x-handlebars" data-template-name="stat-button">
 356         <svg class="stat-button icon-button" viewBox="10 0 110 100">
 357             <g stroke="none" stroke-width="0" fill="black">
 358                 <path id="upper-sigma" d="M 5 5 H 95 V 40 h -10 c -5 -20 -5 -20 -25 -20 H 35 L 60 50 l -20 0" />
 359                 <use xlink:href="#upper-sigma" transform="translate(0, 100) scale(1, -1)" />
 360             </g>
 361         </svg>
 362     </script>
 363
 364     <script type="text/x-handlebars" data-template-name="stat-pane">
 365         <section {{bind-attr class=":popup-pane :stat-pane showingStatPane::hidden"}}>
 366             <section class="stat-option">
 367                 <h1>Moving average</h1>
 368                 <label>Type: {{view Ember.Select
 369                     content=movingAverageStrategies
 370                     optionValuePath='content'
 371                     optionLabelPath='content.label'
 372                     selection=chosenMovingAverageStrategy}}</label>
 373                 {{#each chosenMovingAverageStrategy.parameterList}}
 374                     <label>{{label}}: {{input type="number" value=value min=min max=max step=step}}</label>
 375                 {{/each}}
 376             </section>
 377             {{#if chosenMovingAverageStrategy.execute}}
 378                 <section class="stat-option">
 379                     <h1>Envelope</h1>
 380                     <label>Type: {{view Ember.Select
 381                         content=envelopingStrategies
 382                         optionValuePath='content'
 383                         optionLabelPath='content.label'
 384                         selection=chosenEnvelopingStrategy}}</label>
 385                     {{#if chosenEnvelopingStrategy.description}}
 386                         <p class="description">{{chosenEnvelopingStrategy.description}}</p>
 387                     {{/if}}
 388                     {{#each chosenEnvelopingStrategy.parameterList}}
 389                         <label>{{label}}: <input type="number" {{bind-attr value=value min=min max=max step=step}}></label>
 390                     {{/each}}
 391                 </section>
 392             {{/if}}
 393         </section>
 394     </script>
 395
 396     <script type="text/x-handlebars" data-template-name="analysis-button">
 397         <svg class="analysis-button icon-button" viewBox="0 0 100 100">
 398             <g stroke="black" fill="black" stroke-width="15">
 399                 <circle cx="50" cy="50" r="40" fill="transparent"/>
 400                 <line x1="50" y1="25" x2="50" y2="55"/>
 401                 <circle cx="50" cy="67.5" r="10" stroke="none"/>
 402             </g>
 403         </svg>
 404     </script>
 405
 406     <script type="text/x-handlebars" data-template-name="search-button">
 407         <svg class="search-button icon-button" viewBox="0 0 100 100">
 408             <g stroke="black" stroke-width="15">
 409                 <circle cx="60" cy="40" r="30" fill="transparent"/>
 410                 <line x1="10" y1="90" x2="40" y2="60"/>
 411             </g>
 412         </svg>
 413     </script>
 414
 415     <script type="text/x-handlebars" data-template-name="spinner">
 416         <svg class="spinner" viewBox="0 0 100 100">
 417             <line x1="10" y1="50" x2="30" y2="50" stroke="black" stroke-width="10" stroke-linecap="round"/>
 418             <line x1="21.72" y1="21.72" x2="35.86" y2="35.86" stroke="black" stroke-width="10" stroke-linecap="round"/>
 419             <line x1="50" y1="10" x2="50" y2="30" stroke="black" stroke-width="10" stroke-linecap="round"/>
 420             <line x1="78.28" y1="21.72" x2="64.14" y2="35.86" stroke="black" stroke-width="10" stroke-linecap="round"/>
 421             <line x1="70" y1="50" x2="90" y2="50" stroke="black" stroke-width="10" stroke-linecap="round"/>
 422             <line x1="65.86" y1="65.86" x2="78.28" y2="78.28" stroke="black" stroke-width="10" stroke-linecap="round"/>
 423             <line x1="50" y1="70" x2="50" y2="90" stroke="black" stroke-width="10" stroke-linecap="round"/>
 424             <line x1="21.72" y1="78.28" x2="35.86" y2="65.86" stroke="black" stroke-width="10" stroke-linecap="round"/>
 425         </svg>
 426     </script>
 427
 428     <script type="text/x-handlebars" data-template-name="navbar">
 429         <nav id="navigation" role="navigation">
 430             <h1><a href="#">WebKit Perf Monitor</a></h1>
 431             <ul>
 432                 {{#each App.Manifest.dashboards}}
 433                     {{#if name}}
 434                         {{#link-to 'dashboard' name tagName='li'}}
 435                             {{#link-to 'dashboard' name}}{{label}}{{/link-to}}
 436                         {{/link-to}}
 437                     {{/if}}
 438                 {{/each}}
 439                 {{#link-to 'charts' tagName='li'}}
 440                     {{#link-to 'charts'}}Charts{{/link-to}}
 441                 {{/link-to}}
 442                 {{#link-to 'analysis' tagName='li'}}
 443                     {{#link-to 'analysis'}}Analysis{{/link-to}}
 444                 {{/link-to}}
 445             </ul>
 446         </nav>
 447     </script>
 448
 449     <script type="text/x-handlebars" data-template-name="number-of-days-controls">
 450         <li class="numberOfDaysIs1">
 451             <a href="#" class="control-button" {{action "setNumberOfDays" 1}}>1D</a>
 452         </li>
 453         <li class="numberOfDaysIs7">
 454             <a href="#" class="control-button" {{action "setNumberOfDays" 7}}>1W</a>
 455         </li>
 456         <li class="numberOfDaysIs30">
 457             <a href="#" class="control-button" {{action "setNumberOfDays" 30}}>1M</a>
 458         </li>
 459         <li class="numberOfDaysIs90">
 460             <a href="#" class="control-button" {{action "setNumberOfDays" 90}}>3M</a>
 461         </li>
 462         <li class="numberOfDaysIs183">
 463             <a href="#" class="control-button" {{action "setNumberOfDays" 183}}>6M</a>
 464         </li>
 465         <li class="numberOfDaysIs365">
 466             <a href="#" class="control-button" {{action "setNumberOfDays" 365}}>1Y</a>
 467         </li>
 468     </script>
 469
 470     <script type="text/x-handlebars" data-template-name="start-time-slider">
 471         <label><input type="range"> <span class="numberOfDays">X</span> days</label>
 472     </script>
 473
 474     <script type="text/x-handlebars" data-template-name="popup">
 475         <span class="label">{{view App.PopupButtonView tagName="a" label=view.label }}</span>
 476         {{view view.popupListContainerView viewName="popupListContainerViewInstance"}}
 477     </script>
 478
 479     <script type="text/x-handlebars" data-template-name="popup-list">
 480         {{#each view.list}}
 481             {{#if isSeparator}}
 482                 <li><hr></li>
 483             {{else }} {{#if children}}
 484                 <li>{{view App.PopupView list=children label=label}}</li>
 485             {{else}}
 486                 <li>
 487                     {{#if actionName}}
 488                         <a href="#" class="label" {{action actionName actionArgument}}>{{label}}</a>
 489                     {{else}}
 490                         <a class="label">{{label}}</a>
 491                     {{/if}}
 492                 </li>
 493             {{/if}} {{/if}}
 494         {{/each}}
 495     </script>
 496
 497     <script type="text/x-handlebars" data-template-name="analysis">
 498         <header id="header">
 499             {{partial "navbar"}}
 500         </header>
 501
 502         <table id="analysis-tasks">
 503             <thead>
 504                 <tr>
 505                     <td>ID</td>
 506                     <td>Name</td>
 507                     <td>Created at</td>
 508                 </tr>
 509             </thead>
 510             <tbody>
 511                 {{#each model.tasks}}
 512                     <tr>
 513                         <td>{{#link-to 'analysisTask' id}}{{id}}{{/link-to}}</td>
 514                         <td>{{name}}</td>
 515                         <td>{{createdAt}}</td>
 516                     </tr>
 517                 {{/each}}
 518             </tbody>
 519         </table>
 520     </script>
 521
 522     <script type="text/x-handlebars" data-template-name="analysisTask">
 523         <header id="header">
 524             {{partial "navbar"}}
 525         </header>
 526
 527         <h2 id="analysis-task-title">{{label}}</h2>
 528         {{#if platform.label}}
 529             <h3 id="analysis-task-testname">{{metric.fullName}} - {{platform.label}}</h3>
 530         {{/if}}
 531
 532         {{#if pane}}
 533             <section class="analysis-chart-pane chart-pane" tabindex="0">
 534                 <div class="svg-container">
 535                     {{interactive-chart
 536                         chartData=pane.chartData
 537                         ranges=pane.analyticRanges
 538                         domain=overviewDomain
 539                         interactive=true
 540                         chartPointRadius=2
 541                         currentItem=pane.hoveredOrSelectedItem
 542                         selectedPoints=pane.selectedPoints
 543                         selection=timeRange
 544                         highlightedItems=highlightedItems
 545                         rangeRoute="analysisTask"}}
 546                 </div>
 547                 <div class="details">
 548                     {{partial "chart-details"}}
 549                 </div>
 550             </section>
 551         {{/if}}
 552
 553         {{partial "testGroupForm"}}
 554
 555         {{#each testGroupPanes}}
 556             {{partial "testGroup"}}
 557         {{/each}}
 558     </script>
 559
 560     <script type="text/x-handlebars" data-template-name="testGroup">
 561         <section class="analysis-group">
 562             <h1>{{name}}</h1>
 563             <table class="results">
 564                 <thead>
 565                     <tr>
 566                         <td colspan="2">Configuration</td>
 567                         {{#each repositories}}
 568                             <td>{{name}}</td>
 569                         {{/each}}
 570                         <td>Results</td>
 571                         <td>Status</td>
 572                     </tr>
 573                 </thead>
 574                 {{#each configurations}}
 575                     <tbody {{bind-attr class="showRequestList::hideRequests"}}>
 576                         <tr class="summary" {{action toggleShowRequestList this}}>
 577                             <td class="config-letter" colspan="2">{{summary.configLetter}}</td>
 578                             {{#with summary}}
 579                                 {{partial "testGroupRow"}}
 580                             {{/with}}
 581                         </tr>
 582                         {{#each items}}
 583                             <tr class="request">
 584                                 {{#with ../this}}
 585                                     <td class="config-letter" {{action toggleShowRequestList this}}></td>
 586                                 {{/with}}
 587                                 <td>Run {{orderLabel}}</td>
 588                                 {{partial "testGroupRow"}}
 589                             </tr>
 590                         {{/each}}
 591                     </tbody>
 592                 {{/each}}
 593             </table>
 594             <div class="reference-chart">
 595                 {{#if referenceChart}}
 596                     {{interactive-chart
 597                         chartData=referenceChart.data
 598                         domain=overviewDomain
 599                         chartPointRadius=2
 600                         showYAxis=false
 601                         enableSelection=false
 602                         highlightedItems=referenceChart.highlightedItems}}
 603                 {{/if}}
 604             </div>
 605         </section>
 606     </script>
 607
 608     <script type="text/x-handlebars" data-template-name="testGroupRow">
 609         {{#each revisionList}}
 610             <td>{{this}}</td>
 611         {{/each}}
 612         <td>
 613             {{#if value}}
 614                 {{box-plot range=valueRange value=value delta=confidenceIntervalDelta}}
 615             {{/if}}
 616             {{formattedValue}}
 617         </td>
 618         <td>
 619             <a {{bind-attr href=url title=buildLabel}}>{{statusLabel}}</a>
 620         </td>
 621     </script>
 622
 623     <script type="text/x-handlebars" data-template-name="testGroupForm">
 624         <form method="POST" {{action "createTestGroup" newTestGroupName repetitionCount on="submit"}}>
 625             <section class="analysis-group">
 626                 <h1>{{input name="name" value=newTestGroupName placeholder="Test group name" required=true type="text"}}</h1>
 627                 <table>
 628                     <thead>
 629                         <tr>
 630                             <th>Configuration</th>
 631                             {{#each configurations}}
 632                                 <th>{{this}}</th>
 633                             {{/each}}
 634                         </tr>
 635                     </thead>
 636                     <tbody>
 637                         {{#each rootConfigurations}}
 638                             <tr>
 639                                 <th>{{name}}</th>
 640                                 {{#each sets}}
 641                                     <td>{{view Ember.Select name=name content=options disabled=true
 642                                         optionValuePath="content.value" optionLabelPath="content.label"
 643                                         selection=selection}}</td>
 644                                 {{/each}}
 645                             </tr>
 646                         {{/each}}
 647                     </tbody>
 648                 </table>
 649                 <label>Number of runs {{view Ember.Select content=possibleRepetitionCounts value=repetitionCount}}</label>
 650                 <button type="submit">Start A/B testing</button>
 651             </section>
 652         </form>
 653     </script>
 654
 655 </head>
 656 <body>
 657 </body>
 658 </html>