59 lines
3.0 KiB
HTML
59 lines
3.0 KiB
HTML
<div ng-include="'views/resultSubHeader.html'"></div>
|
|
<div class="summary board">
|
|
|
|
<div class="globalScore" ng-if="globalScore === 0 || globalScore > 0">
|
|
<h2> Global score</h2>
|
|
<div class="globalScoreDisplay">
|
|
<grade score="result.scoreProfiles.generic.globalScore" class="globalGrade"></grade>
|
|
<div class="on100">{{globalScore}}/100</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 ng-if="!error && !fromSocialShare">Score details</h2>
|
|
<div ng-if="!error && !fromSocialShare" class="notations">
|
|
<div ng-repeat="categoryKey in categoriesOrder" ng-init="category = result.scoreProfiles.generic.categories[categoryKey]">
|
|
<grade score="category.categoryScore" class="categoryScore"></grade>
|
|
<div class="category">{{category.label}}</div>
|
|
<div class="criteria">
|
|
<div class="table" title="Click to see details">
|
|
<div ng-repeat="ruleName in category.rules" ng-if="result.rules[ruleName]" ng-init="rule = result.rules[ruleName]"
|
|
ng-class="{'warning': rule.abnormal}" ng-click="showRulePage(ruleName)">
|
|
<div class="grade">
|
|
<grade score="rule.score"></grade>
|
|
</div>
|
|
<div class="label">{{rule.policy.label}}</div>
|
|
<div class="result">
|
|
{{rule.value}}
|
|
<span ng-if="rule.abnormal" class="icon-warning"></span>
|
|
<span ng-if="rule.abnormalityScore <= -100" class="icon-warning"></span>
|
|
<span ng-if="rule.abnormalityScore <= -300" class="icon-warning"></span>
|
|
</div>
|
|
<div class="info"><span class="icon-question"></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-if="!error" class="apiTip">
|
|
<b>Did you know? Yellow Lab Tools now has an API</b>! <a href="{{getAPIUrl()}}" target="_blank">Here</a> is the JSON output for this run. Checkout <a href="https://github.com/gmetais/YellowLabTools/wiki/Public-API" target="_blank">the API doc</a>.
|
|
</div>
|
|
|
|
<div class="tweet" ng-if="!error && !fromSocialShare">
|
|
<form ng-submit="sendTweet()">
|
|
<input type="text" class="tweetText" ng-model="tweetText">
|
|
<input type="submit" class="tweetButton" value="Tweet this!" ng-click="shareOnTwitter(tweetText)">
|
|
<input type="submit" class="linkedinButton" value="LinkedIn this!" ng-click="shareOnLinkedin(tweetText)">
|
|
</form>
|
|
</div>
|
|
|
|
<div class="fromShare" ng-if="!error && fromSocialShare">
|
|
<p>Yellow Lab Tools is a free online tool that analyzes performance and front-end quality.</p>
|
|
<a href="" ng-click="seeFullReport()">See the full report for this page</a>
|
|
<a href="/">Test another webpage</a>
|
|
</div>
|
|
|
|
<div ng-if="error">
|
|
<h2>Run failed / Run not found</h2>
|
|
</div>
|
|
</div> |