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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/ssl_roadblock.html

Issue 14752005: Finch experiments on SSL, malware, and phishing interstitials (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Added Safe Browsing Field Trial Created 7 years, 7 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 | Annotate | Revision Log
« no previous file with comments | « chrome/browser/resources/ssl_policeman.png ('k') | chrome/browser/resources/ssl_stoplight.png » ('j') | chrome/browser/safe_browsing/safe_browsing_blocking_page.h » ('J')
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">
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <title i18n-content="title"></title> 5 <title i18n-content="title"></title>
6 <style type="text/css"> 6 <style type="text/css">
7 7
8 html { 8 html {
9 background-color: rgb(92, 0, 0); 9 background-color: rgb(92, 0, 0);
10 background-image: url(ssl_roadblock_background.png); 10 background-image: url(ssl_roadblock_background.png);
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
61 text-decoration: underline; 61 text-decoration: underline;
62 } 62 }
63 63
64 .title { 64 .title {
65 color: #660000; 65 color: #660000;
66 font-size: 18pt; 66 font-size: 18pt;
67 font-weight: bold; 67 font-weight: bold;
68 line-height: 140%; 68 line-height: 140%;
69 margin: 0 77px 6pt; 69 margin: 0 77px 6pt;
70 } 70 }
71
72 #trial-badguy {
73 float:right;
74 height:150px;
75 padding-left: 10px;
76 padding-right: 30px;
77 width:196px;
78 }
79
80 #trial-policeman {
81 float:right;
82 height:150px;
83 padding-left: 10px;
84 padding-right: 30px;
85 width:150px;
86 }
87
88 #trial-stoplight {
89 float:right;
90 height:150px;
91 padding-left: 20px;
92 padding-right: 30px;
93 width:60px;
94 }
71 95
72 .twisty { 96 .twisty {
73 display: inline; 97 display: inline;
74 } 98 }
75 </style> 99 </style>
76 100
77 <script> 101 <script>
78 // Should match SSLBlockingPageCommands in ssl_blocking_page.cc. 102 // Should match SSLBlockingPageCommands in ssl_blocking_page.cc.
79 var CMD_DONT_PROCEED = 0; 103 var CMD_DONT_PROCEED = 0;
80 var CMD_PROCEED = 1; 104 var CMD_PROCEED = 1;
(...skipping 72 matching lines...) Expand 10 before | Expand all | Expand 10 after
153 177
154 $('exit-button').addEventListener('click', function() { 178 $('exit-button').addEventListener('click', function() {
155 sendCommand(CMD_DONT_PROCEED); 179 sendCommand(CMD_DONT_PROCEED);
156 }); 180 });
157 181
158 document.addEventListener('contextmenu', function(e) { 182 document.addEventListener('contextmenu', function(e) {
159 e.preventDefault(); 183 e.preventDefault();
160 }); 184 });
161 } 185 }
162 186
187 function setupFinch() {
188 var condition = $('trial-type').innerHTML;
189 if (condition == '') {
190 return; // This is the most common case.
191 } else if (condition == 'Condition18SSLNoImages') {
192 $('roadblock-icon').style.display = 'none';
193 } else if (condition == 'Condition19SSLPoliceman') {
194 $('trial-policeman').hidden = false;
195 $('more-info-short').style.marginRight = '30px';
196 $('more-info-long').style.marginRight = '30px';
197 } else if (condition == 'Condition20SSLStoplight') {
198 $('trial-stoplight').hidden = false;
199 $('more-info-short').style.marginRight = '30px';
200 $('more-info-long').style.marginRight = '30px';
201 } else if (condition == 'Condition21SSLBadGuy') {
202 $('trial-badguy').hidden = false;
203 $('more-info-short').style.marginRight = '30px';
204 $('more-info-long').style.marginRight = '30px';
205 }
206 }
207
163 window.addEventListener('focus', handleFocusEvent); 208 window.addEventListener('focus', handleFocusEvent);
164 document.addEventListener('DOMContentLoaded', setupEvents); 209 document.addEventListener('DOMContentLoaded', setupEvents);
210 document.addEventListener('DOMContentLoaded', setupFinch);
165 </script> 211 </script>
166 </head> 212 </head>
167 <body> 213 <body>
168 <div class="box"> 214 <div class="box">
169 <div class="icon"> 215 <div class="icon">
170 <img src="ssl_roadblock_icon.png" alt="SSL Error Icon"> 216 <img src="ssl_roadblock_icon.png" alt="SSL Error Icon" id="roadblock-icon" >
171 </div> 217 </div>
172 <div class="title" i18n-content="headLine"></div> 218 <div class="title" i18n-content="headLine"></div>
219
220 <!-- RHS images for the field trial. -->
221 <div id="trial-badguy" hidden>
222 <img src="ssl_badguy.png" alt="Bad guy">
223 </div>
224 <div id="trial-policeman" hidden>
225 <img src="ssl_policeman.png" alt="Policeman">
226 </div>
227 <div id="trial-stoplight" hidden>
228 <img src="ssl_stoplight.png" alt="Stoplight">
229 </div>
230
173 <div class="main" i18n-values=".innerHTML:description;dir:textdirection"></d iv> 231 <div class="main" i18n-values=".innerHTML:description;dir:textdirection"></d iv>
174 <div class="main" i18n-values=".innerHTML:reasonForNotProceeding"></div> 232 <div class="main" i18n-values=".innerHTML:reasonForNotProceeding"></div>
175 <div class="main"> 233 <div class="main">
176 <button i18n-content="proceed" id="proceed-button" hidden></button> 234 <button i18n-content="proceed" id="proceed-button" hidden></button>
177 <button i18n-content="exit" id="exit-button"></button> 235 <button i18n-content="exit" id="exit-button"></button>
178 </div> 236 </div>
179 <div class="more" id="more-info-short"> 237 <div class="more" id="more-info-short">
180 <span class="more-link"> 238 <span class="more-link">
181 <img id="twisty-closed" class="twisty" src="twisty_closed.png" 239 <img id="twisty-closed" class="twisty" src="twisty_closed.png"
182 border="0"><span i18n-content="moreInfoTitle" id="more-info-title" 240 border="0"><span i18n-content="moreInfoTitle" id="more-info-title"
183 class="show-more-info-title"></span> 241 class="show-more-info-title"></span>
184 </span> 242 </span>
185 </div> 243 </div>
186 <div class="more" id="more-info-long" hidden> 244 <div class="more" id="more-info-long" hidden>
187 <span class="more-link"> 245 <span class="more-link">
188 <img class="twisty" src="twisty_open.png" border="0"><span 246 <img class="twisty" src="twisty_open.png" border="0"><span
189 i18n-content="moreInfoTitle" class="more-info-title"></span> 247 i18n-content="moreInfoTitle" class="more-info-title"></span>
190 </span> 248 </span>
191 <p i18n-values=".innerHTML:moreInfo1"></p> 249 <p i18n-values=".innerHTML:moreInfo1"></p>
192 <p i18n-values=".innerHTML:moreInfo2"></p> 250 <p i18n-values=".innerHTML:moreInfo2"></p>
193 <p i18n-values=".innerHTML:moreInfo3"></p> 251 <p i18n-values=".innerHTML:moreInfo3"></p>
194 <p i18n-values=".innerHTML:moreInfo4"></p> 252 <p i18n-values=".innerHTML:moreInfo4"></p>
195 <p i18n-values=".innerHTML:moreInfo5"></p> 253 <p i18n-values=".innerHTML:moreInfo5"></p>
196 </div> 254 </div>
197 </div> 255 </div>
198 <span id="error-type" i18n-content="errorType" hidden></span> 256 <span id="error-type" i18n-content="errorType" hidden></span>
257 <div id="trial-type" i18n-values=".innerHTML:trialType" hidden></div>
199 </table> 258 </table>
200 </body> 259 </body>
201 </html> 260 </html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/ssl_policeman.png ('k') | chrome/browser/resources/ssl_stoplight.png » ('j') | chrome/browser/safe_browsing/safe_browsing_blocking_page.h » ('J')

Powered by Google App Engine
This is Rietveld 408576698