| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html i18n-values="dir:textdirection;lang:language"> | 2 <html i18n-values="dir:textdirection;lang:language"> |
| 3 <head> | 3 <head> |
| 4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
| 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, | 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, |
| 6 maximum-scale=1.0, user-scalable=no"> | 6 maximum-scale=1.0, user-scalable=no"> |
| 7 <title i18n-content="title"></title> | 7 <title i18n-content="title"></title> |
| 8 <link rel="stylesheet" href="../../security_interstitials/core/browser/resourc
es/interstitial_v2.css"> | 8 <link rel="stylesheet" href="../../../components/security_interstitials/core/b
rowser/resources/interstitial_v2.css"> |
| 9 <link rel="stylesheet" href="neterror.css"> | 9 <link rel="stylesheet" href="neterror.css"> |
| 10 <script src="../../security_interstitials/core/browser/resources/interstitial_
v2_mobile.js"></script> | 10 <script src="../../../components/security_interstitials/core/browser/resources
/interstitial_v2_mobile.js"></script> |
| 11 <script src="neterror.js"></script> | 11 <script src="neterror.js"></script> |
| 12 <script src="offline.js"></script> | 12 <script src="offline.js"></script> |
| 13 </head> | 13 </head> |
| 14 <body id="t" i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"
> | 14 <body id="t" i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"
> |
| 15 <div id="main-frame-error" class="interstitial-wrapper"> | 15 <div id="main-frame-error" class="interstitial-wrapper"> |
| 16 <div id="main-content"> | 16 <div id="main-content"> |
| 17 <div class="icon" | 17 <div class="icon" |
| 18 jseval="updateIconClass(this.classList, iconClass)"></div> | 18 jseval="updateIconClass(this.classList, iconClass)"></div> |
| 19 <div id="main-message"> | 19 <div id="main-message"> |
| 20 <h1 jsselect="heading" jsvalues=".innerHTML:msg"></h1> | 20 <h1 jsselect="heading" jsvalues=".innerHTML:msg"></h1> |
| 21 <p jsselect="summary" jsvalues=".innerHTML:msg"></p> | 21 <p jsselect="summary" jsvalues=".innerHTML:msg"></p> |
| 22 <div id="suggestions-list" jsdisplay="(suggestionsSummaryList && suggest
ionsSummaryList.length)"> |
| 23 <p jsvalues=".innerHTML:suggestionsSummaryListHeader"></p> |
| 24 <ul jsvalues=".className:suggestionsSummaryList.length == 1 ? 'single-
suggestion' : ''"> |
| 25 <li jsselect="suggestionsSummaryList" jsvalues=".innerHTML:summary">
</li> |
| 26 </ul> |
| 27 </div> |
| 22 <div class="error-code" jscontent="errorCode"></div> | 28 <div class="error-code" jscontent="errorCode"></div> |
| 23 </div> | 29 </div> |
| 24 </div> | 30 </div> |
| 25 <div id="buttons" class="nav-wrapper"> | 31 <div id="buttons" class="nav-wrapper"> |
| 26 <div id="control-buttons" hidden> | 32 <div id="control-buttons" hidden> |
| 27 <button id="reload-button" | 33 <button id="reload-button" |
| 28 class="blue-button text-button" | 34 class="blue-button text-button" |
| 29 onclick="trackClick(this.trackingId); | 35 onclick="trackClick(this.trackingId); |
| 30 reloadButtonClick(this.url);" | 36 reloadButtonClick(this.url);" |
| 31 jsselect="reloadButton" | 37 jsselect="reloadButton" |
| 32 jsvalues=".url:reloadUrl; .trackingId:reloadTrackingId" | 38 jsvalues=".url:reloadUrl; .trackingId:reloadTrackingId" |
| 33 jscontent="msg"></button> | 39 jscontent="msg"></button> |
| 34 <button id="show-saved-copy-button" | 40 <button id="show-saved-copy-button" |
| 35 class="blue-button text-button" | 41 class="blue-button text-button" |
| 36 onclick="showSavedCopyButtonClick()" | 42 onclick="showSavedCopyButtonClick()" |
| 37 jsselect="showSavedCopyButton" | 43 jsselect="showSavedCopyButton" |
| 38 jscontent="msg" jsvalues="title:title; .primary:primary"> | 44 jscontent="msg" jsvalues="title:title; .primary:primary"> |
| 39 </button> | 45 </button> |
| 40 <button id="show-offline-pages-button" | 46 <button id="show-offline-pages-button" |
| 41 class="blue-button text-button" | 47 class="gray-button text-button" |
| 42 onclick="showOfflinePagesButtonClick()" | 48 onclick="showOfflinePagesButtonClick()" |
| 43 jsselect="showOfflinePagesButton" | 49 jsselect="showOfflinePagesButton" |
| 44 jscontent="msg"> | 50 jscontent="msg"> |
| 45 </button> | 51 </button> |
| 46 <button id="show-offline-copy-button" | 52 <button id="show-offline-copy-button" |
| 47 class="blue-button text-button" | 53 class="blue-button text-button" |
| 48 onclick="showOfflineCopyButtonClick()" | 54 onclick="showOfflineCopyButtonClick()" |
| 49 jsselect="showOfflineCopyButton" | 55 jsselect="showOfflineCopyButton" |
| 50 jscontent="msg" jsvalues=".primary:primary"> | 56 jscontent="msg" jsvalues=".primary:primary"> |
| 51 </button> | 57 </button> |
| 52 </div> | 58 </div> |
| 53 <button id="details-button" class="text-button small-link" | 59 <button id="details-button" class="text-button small-link" |
| 54 onclick="detailsButtonClick(); toggleHelpBox()" jscontent="details" | 60 onclick="detailsButtonClick(); toggleHelpBox()" jscontent="details" |
| 55 jsdisplay="(suggestions && suggestions.length) || searchUrl || diagnose
" | 61 jsdisplay="(suggestionsDetails && suggestionsDetails.length > 0) || dia
gnose" |
| 56 jsvalues=".detailsText:details; .hideDetailsText:hideDetails;"></button
> | 62 jsvalues=".detailsText:details; .hideDetailsText:hideDetails;"></button
> |
| 57 </div> | 63 </div> |
| 58 <div id="details" class="hidden"> | 64 <div id="details" class="hidden"> |
| 59 <div class="suggestions" jsselect="suggestions"> | 65 <div class="suggestions" jsselect="suggestionsDetails"> |
| 60 <div class="suggestion-header" jsvalues=".innerHTML:header"></div> | 66 <div class="suggestion-header" jsvalues=".innerHTML:header"></div> |
| 61 <div class="suggestion-body" jsvalues=".innerHTML:body"></div> | 67 <div class="suggestion-body" jsvalues=".innerHTML:body"></div> |
| 62 </div> | 68 </div> |
| 63 <button class="text-button" id="diagnose-button" | 69 <button class="text-button" id="diagnose-button" |
| 64 onclick="diagnoseErrors()" jscontent="diagnose" | 70 onclick="diagnoseErrors()" jscontent="diagnose" |
| 65 jsdisplay="diagnose"></button> | 71 jsdisplay="diagnose"></button> |
| 66 <div id="diagnose-frame" class="hidden"></div> | 72 <div id="diagnose-frame" class="hidden"></div> |
| 67 <form class="suggestions" jsdisplay="searchUrl" | |
| 68 jsvalues=".url:searchUrl; .trackingId:searchTrackingId" | |
| 69 onsubmit="trackClick(this.trackingId); return search(this.url);"> | |
| 70 <div class="suggestion-header" jscontent="searchHeader"></div> | |
| 71 <div id="search-container"> | |
| 72 <input type="text" name="q" id="search-box" | |
| 73 jsvalues=".value:searchTerms" /> | |
| 74 <button type="submit" id="search-button" class="blue-button" | |
| 75 jsvalues="aria-label:searchHeader"> | |
| 76 <img id="search-image"> | |
| 77 </button> | |
| 78 </div> | |
| 79 </form> | |
| 80 </div> | 73 </div> |
| 81 </div> | 74 </div> |
| 82 <div id="sub-frame-error"> | 75 <div id="sub-frame-error"> |
| 83 <!-- Show details when hovering over the icon, in case the details are | 76 <!-- Show details when hovering over the icon, in case the details are |
| 84 hidden because they're too large. --> | 77 hidden because they're too large. --> |
| 85 <img class="icon" jseval="updateIconClass(this.classList, iconClass)" | 78 <img class="icon" jseval="updateIconClass(this.classList, iconClass)" |
| 86 jsvalues=".title:errorDetails"> | 79 jsvalues=".title:errorDetails"> |
| 87 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> | 80 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> |
| 88 </div> | 81 </div> |
| 89 | 82 |
| 90 <div id="offline-resources"> | 83 <div id="offline-resources"> |
| 91 <img id="offline-resources-1x" src="default_100_percent/offline/100-offline-
sprite.png"> | 84 <img id="offline-resources-1x" src="default_100_percent/offline/100-offline-
sprite.png"> |
| 92 <img id="offline-resources-2x" src="default_200_percent/offline/200-offline-
sprite.png"> | 85 <img id="offline-resources-2x" src="default_200_percent/offline/200-offline-
sprite.png"> |
| 93 <template id="audio-resources"> | 86 <template id="audio-resources"> |
| 94 <audio id="offline-sound-press" src="sounds/button-press.mp3"></audio> | 87 <audio id="offline-sound-press" src="sounds/button-press.mp3"></audio> |
| 95 <audio id="offline-sound-hit" src="sounds/hit.mp3"></audio> | 88 <audio id="offline-sound-hit" src="sounds/hit.mp3"></audio> |
| 96 <audio id="offline-sound-reached" src="sounds/score-reached.mp3"></audio> | 89 <audio id="offline-sound-reached" src="sounds/score-reached.mp3"></audio> |
| 97 </template> | 90 </template> |
| 98 </div> | 91 </div> |
| 99 </body> | 92 </body> |
| 100 </html> | 93 </html> |
| OLD | NEW |