Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(56)

Side by Side Diff: chrome/renderer/resources/neterror.html

Issue 545973003: Update network error template to new design (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Revert details link back to a button Created 6 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « chrome/renderer/resources/neterror.css ('k') | chrome/renderer/resources/neterror.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html i18n-values="dir:textdirection"> 2 <html i18n-values="dir:textdirection;.style.fontSize:fontsize">
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="../../browser/resources/security_warnings/interst itial_v2.css">
8 <link rel="stylesheet" href="neterror.css"> 9 <link rel="stylesheet" href="neterror.css">
9 <script src="neterror.js"></script> 10 <script src="neterror.js"></script>
11 <script src="offline.js"></script>
10 </head> 12 </head>
11 <body id="t"> 13 <body id="t" i18n-values=".style.fontFamily:fontfamily">
12 <div id="main-frame-error"> 14 <div id="main-frame-error" class="interstitial-wrapper">
13 <div id="box"> 15 <img class="icon"
14 <div id="content-top"> 16 jseval="updateIconClass(this.classList, iconClass)">
15 <h1> 17 <div id="main-message">
16 <div> 18 <h1 i18n-content="heading"></h1>
17 <img class="icon" 19 <p i18n-values=".innerHTML:primaryParagraph"></p>
18 jseval="updateIconClass(this.classList, iconClass)"> 20 <div id="buttons" class="nav-wrapper">
21 <div id="control-buttons">
22 <button id="reload-button"
23 class="blue-button text-button"
24 onclick="trackClick(this.trackingId);
25 reloadButtonClick(this.url);"
26 jsselect="reloadButton"
27 jsvalues=".url:reloadUrl; .trackingId:reloadTrackingId"
28 jscontent="msg"></button>
29 <button id="stale-load-button"
30 class="blue-button text-button"
31 onclick="loadStaleButtonClick()"
32 jsselect="staleLoadButton"
33 jscontent="msg" jsvalues="title:title"></button>
34 </div>
35 <button id="details-button" class="text-button small-link"
36 onclick="detailsButtonClick(); toggleHelpBox()"
37 jsdisplay="details" jscontent="details"
38 jsvalues=".detailsText:details; .hideDetailsText:hideDetails;">
39 </div>
40 </div>
41 <!-- Outer and inner divs are needed both for margins and sizing. -->
42 <div id="help-box-outer" class="hidden">
43 <div id="details">
44 <div jsselect="summary">
45 <span jsvalues=".innerHTML:msg"></span>
46 </div>
47 <div class="suggestions" jsselect="suggestions">
48 <div class="suggestion-header" jsvalues=".innerHTML:header"></div>
49 <div class="suggestion-body" jsvalues=".innerHTML:body"></div>
50 </div>
51 <button class="text-button" id="diagnose-button"
52 onclick="diagnoseErrors()" jscontent="diagnose"
53 jsdisplay="diagnose"></button>
54 <div id="diagnose-frame" class="hidden"></div>
55 <form class="suggestions" jsdisplay="searchUrl"
56 jsvalues=".url:searchUrl; .trackingId:searchTrackingId"
57 onsubmit="trackClick(this.trackingId); return search(this.url);">
58 <div class="suggestion-header" jscontent="searchHeader"></div>
59 <div id="search-container">
60 <input type="text" name="q" id="search-box"
61 jsvalues=".value:searchTerms" />
62 <button type="submit" id="search-button" class="blue-button"
63 jsvalues="aria-label:searchHeader">
64 <img id="search-image">
65 </button>
19 </div> 66 </div>
20 <span i18n-content="heading"></span> 67 </form>
21 </h1> 68 <div class="error-code" jscontent="errorCode"></div>
22 <div id="buttons">
23 <div id="control-buttons">
24 <button id="reload-button"
25 class="blue-button text-button"
26 onclick="trackClick(this.trackingId);
27 reloadButtonClick(this.url);"
28 jsselect="reloadButton"
29 jsvalues=".url:reloadUrl; .trackingId:reloadTrackingId"
30 jscontent="msg"></button>
31 <button id="stale-load-button"
32 class="blue-button text-button"
33 onclick="loadStaleButtonClick()"
34 jsselect="staleLoadButton"
35 jscontent="msg" jsvalues="title:title"></button>
36 </div>
37 <button id="details-button" class="text-button"
38 onclick="detailsButtonClick(); toggleHelpBox()"
39 jsdisplay="details" jscontent="details"
40 jsvalues=".detailsText:details; .hideDetailsText:hideDetails;">
41 </a>
42 </div>
43 </div>
44 <!-- Outer and inner divs are needed both for margins and sizing. -->
45 <div id="help-box-outer" class="hidden">
46 <div id="help-box-inner">
47 <div jsselect="summary">
48 <span jsvalues=".innerHTML:msg"></span>
49 </div>
50 <div class="suggestions" jsselect="suggestions">
51 <div class="suggestion-header" jsvalues=".innerHTML:header"></div>
52 <div class="suggestion-body" jsvalues=".innerHTML:body"></div>
53 </div>
54 <button class="text-button" id="diagnose-button"
55 onclick="diagnoseErrors()" jscontent="diagnose"
56 jsdisplay="diagnose"></button>
57 <div id="diagnose-frame" class="hidden"></div>
58 <form class="suggestions" jsdisplay="searchUrl"
59 jsvalues=".url:searchUrl; .trackingId:searchTrackingId"
60 onsubmit="trackClick(this.trackingId); return search(this.url);">
61 <div class="suggestion-header" jscontent="searchHeader"></div>
62 <div id="search-container">
63 <input type="text" name="q" id="search-box"
64 jsvalues=".value:searchTerms" />
65 <button type="submit" id="search-button" class="blue-button"
66 jsvalues="aria-label:searchHeader">
67 <img id="search-image">
68 </button>
69 </div>
70 </form>
71 <div class="error-code" jscontent="errorCode"></div>
72 </div>
73 </div> 69 </div>
74 </div> 70 </div>
75 </div> 71 </div>
76 <div id="sub-frame-error"> 72 <div id="sub-frame-error">
77 <!-- Show details when hovering over the icon, in case the details are 73 <!-- Show details when hovering over the icon, in case the details are
78 hidden because they're too large. --> 74 hidden because they're too large. -->
79 <img class="icon" jseval="updateIconClass(this.classList, iconClass)" 75 <img class="icon" jseval="updateIconClass(this.classList, iconClass)"
80 jsvalues=".title:errorDetails"> 76 jsvalues=".title:errorDetails">
81 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> 77 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div>
82 </div> 78 </div>
79
80 <div id="offline-resources">
81 <div id="offline-resources-1x">
82 <img id="1x-obstacle-large" src="default_100_percent/offline/100-obstacle- large-sprite.png">
83 <img id="1x-obstacle-small" src="default_100_percent/offline/100-obstacle- small-sprite.png">
84 <img id="1x-cloud" src="default_100_percent/offline/100-cloud.png">
85 <img id="1x-text" src="default_100_percent/offline/100-text-sprite.png">
86 <img id="1x-horizon" src="default_100_percent/offline/100-horizon.png">
87 <img id="1x-trex" src="default_100_percent/offline/100-offline-trex.png">
88 <img id="1x-restart" src="default_100_percent/offline/100-restart.png">
89 </div>
90 <div id="offline-resources-2x">
91 <img id="2x-obstacle-large" src="default_200_percent/offline/200-obstacle- large-sprite.png">
92 <img id="2x-obstacle-small" src="default_200_percent/offline/200-obstacle- small-sprite.png">
93 <img id="2x-cloud" src="default_200_percent/offline/200-cloud.png">
94 <img id="2x-text" src="default_200_percent/offline/200-text-sprite.png">
95 <img id="2x-horizon" src="default_200_percent/offline/200-horizon.png">
96 <img id="2x-trex" src="default_200_percent/offline/200-offline-trex.png">
97 <img id="2x-restart" src="default_200_percent/offline/200-restart.png">
98 </div>
99 <template id="audio-resources">
100 <audio id="offline-sound-press" src="sounds/button-press.mp3"></audio>
101 <audio id="offline-sound-hit" src="sounds/hit.mp3"></audio>
102 <audio id="offline-sound-reached" src="sounds/score-reached.mp3"></audio>
103 </template>
104 </div>
83 </body> 105 </body>
84 </html> 106 </html>
OLDNEW
« no previous file with comments | « chrome/renderer/resources/neterror.css ('k') | chrome/renderer/resources/neterror.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698