chrome/browser/resources/safe_browsing_multiple_threat_block.html

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