src/chrome/browser/resources/about_conflicts.html

   1 <!DOCTYPE HTML>
   2 <html i18n-values="dir:textdirection;">
   3 <head>
   4 <meta charset="utf-8">
   5 <style>
   6 body {
   7   margin: 10px;
   8   min-width: 47em;
   9 }
  10
  11 a {
  12   color: blue;
  13   font-size: 103%;
  14 }
  15
  16 div#header {
  17   margin-bottom: 1.05em;
  18   /* 67px is the height of the header's background image. */
  19   min-height: 67px;
  20   overflow: hidden;
  21   padding-bottom: 20px;
  22   -webkit-padding-start: 0;
  23   padding-top: 20px;
  24   position: relative;
  25   box-sizing: border-box;
  26 }
  27
  28 #header h1 {
  29   background: url('../../app/theme/default_100_percent/about_conflicts.png') 0px 20px no-repeat;
  30   display: inline;
  31   margin: 0;
  32   padding-bottom: 43px;
  33   padding-left: 75px;
  34   padding-top: 40px;
  35 }
  36
  37 html[dir=rtl] #header h1 {
  38   background: url('../../app/theme/default_100_percent/about_conflicts.png') right no-repeat;
  39   padding-right: 95px;
  40   padding-left: 0;
  41 }
  42
  43 h1 {
  44   font-size: 156%;
  45   font-weight: bold;
  46   padding: 0;
  47   margin: 0;
  48 }
  49
  50 #blurb-container {
  51   padding-bottom: 1.5em;
  52   font-size: 120%;
  53 }
  54
  55 div.content {
  56   font-size: 88%;
  57   margin-top: 5px;
  58 }
  59
  60 .section-header {
  61   background: #ebeff9;
  62   border-top: 1px solid #b5c7de;
  63   font-size: 99%;
  64   padding-bottom: 2px;
  65   -webkit-padding-start: 5px;
  66   padding-top: 3px;
  67   width: 100%;
  68 }
  69
  70 .section-header > table > tr > td:first-child {
  71   width: 100%;
  72 }
  73
  74 .section-header > table {
  75   width: 100%;
  76 }
  77
  78 .section-header-title {
  79   font-weight: bold;
  80 }
  81
  82 .vbox-container {
  83   display: -webkit-box;
  84   -webkit-box-orient: vertical;
  85 }
  86
  87 .wbox {
  88   display: -webkit-box;
  89   -webkit-box-align: stretch;
  90   -webkit-box-flex: 1;
  91 }
  92
  93 #top {
  94   -webkit-padding-end: 5px;
  95 }
  96
  97 .module-loaded > td {
  98   padding-bottom: 4px;
  99   padding-top: 5px;
 100 }
 101
 102 .module {
 103   border-bottom: 1px solid #cdcdcd;
 104 }
 105
 106 .module-name {
 107   font-weight: bold;
 108 }
 109
 110 .no-modules {
 111   margin: 6em 0 0;
 112   text-align: center;
 113   font-size: 1.2em;
 114 }
 115
 116 .suspected-bad {
 117   color: #DD7700;
 118 }
 119
 120 .confirmed-bad {
 121   color: red;
 122 }
 123
 124 .nowrap {
 125   white-space: nowrap;
 126 }
 127
 128 .extra-info-text {
 129   margin-top: -1em;
 130   margin-bottom: 1em;
 131 }
 132
 133 .clearing {
 134   clear: left;
 135   float: left;
 136 }
 137
 138 html[dir=rtl] .clearing {
 139   clear: right;
 140   float: right;
 141 }
 142
 143 .datacell {
 144   border-bottom: 1px solid #aaa;
 145 }
 146 </style>
 147 </head>
 148 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
 149 <div id="loading-message" i18n-content="loadingMessage"></div>
 150
 151 <div id="body-container" style="visibility:hidden">
 152
 153   <div id="header"><h1 i18n-content="modulesLongTitle">TITLE</h1></div>
 154
 155   <div id="blurb-container">
 156     <span i18n-content="modulesBlurb">MODULES BLURB</span>
 157   </div>
 158
 159   <div id="modulesTemplate">
 160
 161     <div id="container" class="vbox-container">
 162     <div id="top" class="wbox">
 163
 164       <div class="section-header">
 165         <table cellpadding="0" cellspacing="0"><tr valign="center">
 166           <td>
 167             <span class="section-header-title"
 168                   jscontent="modulesTableTitle">TITLE</span>
 169           </td>
 170         </tr></table>
 171       </div>
 172
 173     </div>
 174     </div>
 175
 176     <div class="content">
 177       <div class="module-name no-modules"
 178            jsdisplay="moduleList.length === 0">
 179         <div i18n-content="modulesNoneLoaded">NO_MODULES_ARE_AVAILABLE</div>
 180       </div>
 181
 182       <div jsdisplay="moduleList.length &gt; 0">
 183       <table width="100%" cellpadding="0" cellspacing="0">
 184       <tr class="module-loaded">
 185       <td valign="top">
 186         <table cellpadding="2" cellspacing="0" border="0">
 187           <tr>
 188             <td class="datacell"><span dir="ltr" i18n-content="headerSoftware"
 189                     >SOFTWARE</span></td>
 190             <td class="datacell"><span dir="ltr" i18n-content="headerSignedBy"
 191                     >SIGNER</span></td>
 192             <td class="datacell"><span dir="ltr" i18n-content="headerVersion"
 193                     >VERSION</span></td>
 194             <td class="datacell"><span dir="ltr" i18n-content="headerLocation"
 195                     >LOCATION</span></td>
 196           </tr>
 197           <tr jsselect="moduleList">
 198             <td valign="top" class="datacell">
 199               <span dir="ltr"
 200                     jsvalues=".innerHTML:description"
 201                     class="clearing nowrap"></span>
 202               <div jsdisplay="status == 2 || status == 3"
 203                    class="extra-info-text">
 204                 <span class="clearing">
 205                   <span jsdisplay="status == 2"
 206                         i18n-content="moduleSuspectedBad"
 207                         class="suspected-bad">SUSPECTED_BAD</span>
 208                   <span jsdisplay="status == 3"
 209                         i18n-content="moduleConfirmedBad"
 210                         class="confirmed-bad">CONFIRMED_BAD</span>
 211                 </span>
 212                 <span class="clearing">
 213                   <span jsdisplay="possibleResolution.length &gt; 0">
 214                     <span jscontent="possibleResolution"
 215                         >POSSIBLE_RESOLUTION</span>
 216                   </span>
 217                   <a jsdisplay="help_url.length &gt; 0"
 218                      jsvalues=".href:help_url"
 219                      i18n-content="helpCenterLink">HELP_CENTER</a>
 220                 </span>
 221               </div>
 222             </td>
 223             <td valign="top" class="datacell"><span dir="ltr"
 224                                                     jscontent="digital_signer"
 225                                    class="nowrap">SIGNER</span></td>
 226             <td valign="top" class="datacell"><span dir="ltr"
 227                                                     jscontent="version"
 228                                                     class="nowrap">VERSION</span
 229             ></td>
 230             <td valign="top" class="datacell">
 231               <span class="nowrap">
 232                 <span dir="ltr" jscontent="location">LOCATION</span><strong
 233                     ><span dir="ltr" jscontent="name">NAME</span></strong>
 234                 <span dir="ltr"
 235                       jsdisplay="type_description.length &gt; 0"
 236                     >(<span dir="ltr"
 237                             jscontent="type_description">MODULE_TYPE</span
 238                     >)</span>
 239               </span>
 240             </td>
 241           </tr>
 242         </table>
 243       </td>
 244       </tr>
 245       </table>
 246       </div>
 247     </div>
 248   </div>
 249 </div>
 250 <script src="chrome://conflicts/strings.js"></script>
 251 <script src="chrome://conflicts/conflicts.js"></script>
 252 <script src="chrome://resources/js/i18n_template.js"></script>
 253 <script src="chrome://resources/js/i18n_process.js"></script>
 254 <script src="chrome://resources/js/jstemplate_compiled.js"></script>
 255 <script src="chrome://resources/js/util.js"></script>
 256 </body>
 257 </html>