| 103 |
- |
1 |
<?php echo showSectionHead($spTextPS['PageSpeed Details']); ?>
|
|
|
2 |
<div id='subcontent'>
|
|
|
3 |
<div class="speed_details">
|
|
|
4 |
|
|
|
5 |
<div class="tab">
|
|
|
6 |
<button class="tablinks active" onclick="openTab('desktop', true)" id="desktopLink"><?php echo $spText['label']['Desktop']?></button>
|
|
|
7 |
<button class="tablinks" onclick="openTab('mobile', true)" id="mobileLink"><?php echo $spText['label']['Mobile']?></button>
|
|
|
8 |
</div>
|
|
|
9 |
|
|
|
10 |
<?php
|
|
|
11 |
foreach ($reportList[$url] as $deviceType => $deviceInfo) {
|
|
|
12 |
$divStyle = ($deviceType == 'desktop') ? "display: block;" : "";
|
|
|
13 |
|
|
|
14 |
// chekc speed rule
|
|
|
15 |
if ($deviceInfo['speed_score'] < 50) {
|
|
|
16 |
$style = "color: #DD4B3E";
|
|
|
17 |
} else if ($deviceInfo['speed_score'] < 85) {
|
|
|
18 |
$style = "color: #FDA100";
|
|
|
19 |
} else {
|
|
|
20 |
$style = "color: #009A2D";
|
|
|
21 |
}
|
|
|
22 |
|
|
|
23 |
// check usability rule
|
|
|
24 |
if ($deviceInfo['usability_score'] < 50) {
|
|
|
25 |
$usabilityStyle = "color: #DD4B3E";
|
|
|
26 |
} else if ($deviceInfo['usability_score'] < 85) {
|
|
|
27 |
$usabilityStyle = "color: #FDA100";
|
|
|
28 |
} else {
|
|
|
29 |
$usabilityStyle = "color: #009A2D";
|
|
|
30 |
}
|
|
|
31 |
|
|
|
32 |
?>
|
|
|
33 |
<div id="<?php echo $deviceType;?>" class="tabcontent" style="<?php echo $divStyle; ?>">
|
|
|
34 |
|
|
|
35 |
<div class="score">
|
|
|
36 |
<h2><?php echo $spText['label']['Score']?></h2>
|
|
|
37 |
<div class="score_val" style="<?php echo $style?>"><b><?php echo $spText['label']['Speed']?>:</b> <?php echo $deviceInfo['speed_score']?> / 100</div>
|
|
|
38 |
|
|
|
39 |
<?php if ($deviceType == 'mobile') {?>
|
|
|
40 |
<div class="score_val" style="<?php echo $usabilityStyle?>"><b><?php echo $spText['label']['Usability']?>:</b> <?php echo $deviceInfo['usability_score']?> / 100</div>
|
|
|
41 |
<?php }?>
|
|
|
42 |
</div>
|
|
|
43 |
|
|
|
44 |
<?php
|
|
|
45 |
foreach ($deviceInfo['details'] as $ruleType => $ruleInfo) {
|
|
|
46 |
|
|
|
47 |
// chekc rule impact
|
|
|
48 |
if ($ruleInfo['ruleImpact']) {
|
|
|
49 |
$style = "color: #FDA100;";
|
|
|
50 |
} else {
|
|
|
51 |
$style = "color: #009A2D;";
|
|
|
52 |
}
|
|
|
53 |
?>
|
|
|
54 |
<h3 style="<?php echo $style?> padding-top: 8px; border-top: 1px solid #ccc;">>> <?php echo $ruleInfo['localizedRuleName']?></h3>
|
|
|
55 |
<div class="imapct_area"><b>Impact:</b> <?php echo $ruleInfo['impactGroup']?></div>
|
|
|
56 |
<div><?php echo $ruleInfo['summary']?></div>
|
|
|
57 |
<?php
|
|
|
58 |
foreach ($ruleInfo['urlBlocks'] as $urlBlockInfo) {
|
|
|
59 |
?>
|
|
|
60 |
<h4><?php echo $urlBlockInfo['header']?></h4>
|
|
|
61 |
<?php
|
|
|
62 |
foreach ($urlBlockInfo['urls'] as $url) {
|
|
|
63 |
?>
|
|
|
64 |
<div class="url_area"><?php echo $url?></div>
|
|
|
65 |
<?php
|
|
|
66 |
}
|
|
|
67 |
}
|
|
|
68 |
?>
|
|
|
69 |
<div style="clear: both;"> </div>
|
|
|
70 |
<?php
|
|
|
71 |
}
|
|
|
72 |
?>
|
|
|
73 |
</div>
|
|
|
74 |
<?php
|
|
|
75 |
}
|
|
|
76 |
?>
|
|
|
77 |
</div>
|
|
|
78 |
</div>
|