chrome/browser/resources/safe_browsing_multiple_threat_block.html

   1 <!DOCTYPE html>
   2 <html id="template_root">
   3 <head>
   4 <meta charset="utf-8">
   5 <title i18n-content="title"></title>
   6 <style>
   7 body {
   8   background-color:#500;
   9   font-family:Helvetica,Arial,sans-serif;
  10   margin:0px;
  11 }
  12 .background {
  13   position:absolute;
  14   width:100%;
  15   height:100%;
  16 }
  17 .cell {
  18   padding:40px;
  19 }
  20 .box {
  21   width:80%;
  22   background-color:white;
  23   color:black;
  24   font-size:10pt;
  25   line-height:16pt;
  26   text-align:left;
  27   padding:20px;
  28   position:relative;
  29   -webkit-box-shadow:3px 3px 8px #200;
  30   border-radius:5px;
  31 }
  32 html[dir='rtl'] .box {
  33   text-align:right;
  34 }
  35
  36 .icon {
  37   position:absolute;
  38 }
  39 .title {
  40   margin:0px 87px 0px;
  41   font-size:18pt;
  42   line-height: 140%;
  43   margin-bottom:6pt;
  44   font-weight:bold;
  45   color:#660000;
  46 }
  47 .main {
  48   margin:0px 90px 0px;
  49 }
  50 .submission {
  51   margin:15px 5px 15px 0px;
  52   padding:0px;
  53 }
  54 input {
  55   margin:0px;
  56 }
  57 .proceedbutton {
  58 }
  59 .helpbutton {
  60   float:right;
  61 }
  62 .example {
  63   margin: 30px 90px 0px;
  64   border-top:1px solid #ccc;
  65   padding-top:6px;
  66 }
  67 .moreinfotitle {
  68   margin-left:5px;
  69   margin-right:5px;
  70 }
  71
  72 .errorlist {
  73   background-color:white;
  74   color:black;
  75   font-size:10pt;
  76   line-height:16pt;
  77   text-align:left;
  78 }
  79 </style>
  80
  81 <script>
  82 function agreed(form) {
  83   form.continue_button.disabled = !form.continue_button.disabled;
  84 }
  85
  86 function sendCommand(command) {
  87   window.domAutomationController.setAutomationId(1);
  88   window.domAutomationController.send(command);
  89 }
  90
  91 function learnMore() {
  92   sendCommand('learnMore');
  93 }
  94
  95 function proceed() {
  96   sendCommand('proceed');
  97 }
  98
  99 function takeMeBack() {
 100   sendCommand('takeMeBack');
 101 }
 102
 103 /**
 104  * Called when the user clicks the link to show the diagnostic or report a
 105  * malware site, depending on the threat type.
 106  * @param {MouseEvent} event The mouse event that triggered this call.
 107  */
 108 function showOrReport(event) {
 109   var id = event.currentTarget.getAttribute('chromiumID');
 110   var isMalware = event.currentTarget.getAttribute('chromiumIsMalware');
 111   var cmd = isMalware ? 'showDiagnostic:' : 'reportError:';
 112   sendCommand(cmd + id);
 113   return false;
 114 }
 115 </script>
 116 </head>
 117
 118 <body oncontextmenu="return false;">
 119 <div class="background">
 120   <img src="ssl/roadblock_background.png" width="100%" height="100%"
 121       alt="background" onmousedown="return false;">
 122 </div>
 123 <table width="100%" cellspacing="0" cellpadding="0">
 124   <td class="cell" valign="middle" align="center">
 125     <div class="box">
 126       <div class="icon">
 127         <img src="../../../ui/webui/resources/images/phishing_icon.png" alt="Malware Icon"
 128             onmousedown="return false;">
 129       </div>
 130       <div class="title" i18n-content="headLine"></div>
 131       <div class="main" i18n-values=".innerHTML:description1"></div>
 132       <div class="main" i18n-content="description2"></div>
 133       <div class="main">
 134         <table cellpadding="5" jsvalues="$counter:{value: 0}">
 135           <tr jsselect="errors" class="errorlist">
 136             <td jscontent="typeLabel"></td>
 137             <td jscontent="url"></td>
 138             <td><a href="" onclick="showOrReport(event)"
 139                 jsvalues="chromiumID:$counter.value;chromiumIsMalware:type=='malware'"
 140                 jscontent="errorLink" jseval="$counter.value++"></a></td>
 141           </tr>
 142         </table>
 143       </div>
 144
 145       <div class="main">
 146         <a href="" i18n-content="description3" onmousedown="return false;"
 147             onclick="learnMore(); return false;"></a>
 148       </div>
 149       <div class="main">
 150         <form class="submission">
 151           <input id="checky" name="checky" type="checkbox"
 152               jsdisplay="!proceedDisabled"
 153               onclick="agreed(this.form)">&nbsp;
 154           <label for="checky" i18n-content="confirm_text"
 155               jsdisplay="!proceedDisabled"></label>
 156           <button name="continue_button" i18n-content="continue_button"
 157               disabled="true" jsdisplay="!proceedDisabled"
 158               onclick="proceed();"></button><br>
 159           <button name="back_button" i18n-content="back_button"
 160               onclick="takeMeBack()"></button>
 161         </form>
 162       </div>
 163     </div>
 164   </td>
 165 </table>
 166 </body>
 167 </html>