components/perf-stats/perf-stats.component.html

0001 <!-- performance-stats.component.html -->
0002 <div class="perf-counter-wrapper">
0003   <table class="perf-table">
0004     <tr>
0005       <td class="perf-item">
0006         <span class="perf-label" title="Frames Per Second">FPS</span>
0007       </td>
0008       <td>
0009         <!-- On-demand and nothing changed: 0 FPS is the display being up to
0010              date, not a hang. -->
0011         @if (perf().idle) {
0012           <span class="perf-value" title="Render-on-demand: no changes, nothing to redraw">idle</span>
0013         } @else {
0014           <span class="perf-value" title="Frames Per Second">{{ perf().fps | number:'1.0-0' }}</span>
0015         }
0016       </td>
0017       <td class="perf-item">
0018         <span class="perf-label" title="Average Frame Time (ms)">T(ms)</span>
0019       </td>
0020       <td>
0021         <span class="perf-value" title="Average Frame Time (ms)">{{ perf().frameTime | number:'1.0-0' }}</span>
0022       </td>
0023     </tr>
0024     <tr>
0025       <td class="perf-item">
0026         <span class="perf-label" title="Draw Calls">DC</span>
0027       </td>
0028       <td>
0029         <span class="perf-value"  title="Draw Calls">{{ perf().calls }}</span>
0030       </td>
0031       <td class="perf-item">
0032         <span class="perf-label" title="Triangles">Tr(k)</span>
0033       </td>
0034       <td>
0035         <span class="perf-value"  title="Triangles">{{ perf().triangles / 1000 | number:'1.1-1'}}</span>
0036       </td>
0037     </tr>
0038   </table>
0039 </div>