strong-arc
Version:
A visual suite for the StrongLoop API Platform
40 lines (31 loc) • 1.27 kB
HTML
<div class="inspector eventloop">
<div class='panel panel-primary'>
<ul class='list-group'>
<li class='list-group-item'>
<strong>Name: </strong>{{ inspectorModel.item.name }}
</li>
<li class='list-group-item'>
<strong>Cost: </strong>{{ inspectorModel.item.cost }}
</li>
<li class='top-costs list-group-item'>
<strong>Top Costs</strong>
<ul class='functions'>
<li ng-repeat="costItem in inspectorModel.item.costSummary.topCosts" class="function" data-id='{{ costItem.id }}'>
<div class='header row'>
<div class='function-name col-md-12 col-lg-8'>
{{ tracingCtx.currentTrace.functions[costItem.id].name }}
</div>
<div class='col-md-12 col-lg-4'>
<div class="progress">
<span class='progress-value'>{{ costItem.selfPct }}%</span>
<progressbar value="costItem.selfPct"></progressbar>
</div>
</div>
</div>
{{ tracingCtx.currentTrace.functions[costItem.id] ? fn({ item: costItem, fns: tracingCtx.currentTrace.functions }) : 'asyncronous wait' }}
</li>
</ul>
</li>
</ul>
</div>
</div>