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         <span class="perf-value" title="Frames Per Second">{{ perf.fps | number:'1.0-0' }}</span>
0010       </td>
0011       <td class="perf-item">
0012         <span class="perf-label" title="Average Frame Time (ms)">T(ms)</span>
0013       </td>
0014       <td>
0015         <span class="perf-value" title="Average Frame Time (ms)">{{ perf.frameTime | number:'1.0-0' }}</span>
0016       </td>
0017     </tr>
0018     <tr>
0019       <td class="perf-item">
0020         <span class="perf-label" title="Draw Calls">DC</span>
0021       </td>
0022       <td>
0023         <span class="perf-value"  title="Draw Calls">{{ perf.calls }}</span>
0024       </td>
0025       <td class="perf-item">
0026         <span class="perf-label" title="Triangles">Tr(k)</span>
0027       </td>
0028       <td>
0029         <span class="perf-value"  title="Triangles">{{ perf.triangles / 1000 | number:'1.1-1'}}</span>
0030       </td>
0031     </tr>
0032   </table>
0033 </div>