| OLD | NEW |
|---|
| (Empty) |
| 1 <!DOCTYPE HTML> | |
| 2 <html i18n-values="dir:textdirection;"> | |
| 3 <head> | |
| 4 <meta charset="utf-8"> | |
| 5 <include src="content_security_policy.html"/> | |
| 6 <title i18n-content="title"></title> | |
| 7 <style> | |
| 8 body { | |
| 9 margin: 10px; | |
| 10 min-width: 47em; | |
| 11 } | |
| 12 | |
| 13 a { | |
| 14 color: blue; | |
| 15 font-size: 103%; | |
| 16 } | |
| 17 | |
| 18 div#header { | |
| 19 margin-bottom: 1.05em; | |
| 20 /* 67px is the height of the header's background image. */ | |
| 21 min-height: 67px; | |
| 22 overflow: hidden; | |
| 23 padding-bottom: 20px; | |
| 24 -webkit-padding-start: 0; | |
| 25 padding-top: 20px; | |
| 26 position: relative; | |
| 27 box-sizing: border-box; | |
| 28 } | |
| 29 | |
| 30 #header h1 { | |
| 31 background: url('../../app/theme/extensions_section.png') 0px 20px no-repeat; | |
| 32 display: inline; | |
| 33 margin: 0; | |
| 34 padding-bottom: 43px; | |
| 35 -webkit-padding-start: 75px; | |
| 36 padding-top: 40px; | |
| 37 } | |
| 38 | |
| 39 html[dir=rtl] #header h1 { | |
| 40 background: url('../../app/theme/extensions_section.png') right no-repeat; | |
| 41 } | |
| 42 | |
| 43 h1 { | |
| 44 font-size: 156%; | |
| 45 font-weight: bold; | |
| 46 padding: 0; | |
| 47 margin: 0; | |
| 48 } | |
| 49 | |
| 50 div.content { | |
| 51 font-size: 88%; | |
| 52 margin-top: 5px; | |
| 53 } | |
| 54 | |
| 55 .section-header { | |
| 56 background: #ebeff9; | |
| 57 border-top: 1px solid #b5c7de; | |
| 58 font-size: 99%; | |
| 59 padding-bottom: 2px; | |
| 60 -webkit-padding-start: 5px; | |
| 61 padding-top: 3px; | |
| 62 width: 100%; | |
| 63 } | |
| 64 | |
| 65 .section-header-title { | |
| 66 font-weight: bold; | |
| 67 } | |
| 68 | |
| 69 .vbox-container { | |
| 70 display: -webkit-box; | |
| 71 -webkit-box-orient: vertical; | |
| 72 } | |
| 73 | |
| 74 .wbox { | |
| 75 display: -webkit-box; | |
| 76 -webkit-box-align: stretch; | |
| 77 -webkit-box-flex: 1; | |
| 78 } | |
| 79 | |
| 80 .showInDevMode { | |
| 81 overflow: hidden; | |
| 82 } | |
| 83 | |
| 84 body.hideDevModeInitial .showInDevMode { | |
| 85 height: 0 !important; | |
| 86 opacity: 0; | |
| 87 } | |
| 88 | |
| 89 body.hideDevMode .showInDevMode { | |
| 90 height: 0 !important; | |
| 91 opacity: 0; | |
| 92 -webkit-transition: all .1s ease-out; | |
| 93 } | |
| 94 | |
| 95 body.showDevModeInitial .showInDevMode { | |
| 96 opacity: 1; | |
| 97 } | |
| 98 | |
| 99 body.showDevMode .showInDevMode { | |
| 100 opacity: 1; | |
| 101 -webkit-transition: all .1s ease-in; | |
| 102 } | |
| 103 | |
| 104 .wbox-dev-mode { | |
| 105 -webkit-box-align: stretch; | |
| 106 -webkit-box-flex: 1; | |
| 107 } | |
| 108 | |
| 109 .developer-mode-image { | |
| 110 margin-top: 2px; | |
| 111 } | |
| 112 | |
| 113 .developer-mode-link { | |
| 114 -webkit-margin-end: 3px; | |
| 115 white-space: nowrap; | |
| 116 } | |
| 117 | |
| 118 .developer-mode-link a { | |
| 119 font-size: 97%; | |
| 120 } | |
| 121 | |
| 122 .developer-mode { | |
| 123 background: #f4f6fc; | |
| 124 border-bottom: 1px solid #edeff5; | |
| 125 font-size: 89%; | |
| 126 padding-bottom: 0.8em; | |
| 127 -webkit-padding-start: 10px; | |
| 128 padding-top: 0.8em; | |
| 129 width: 100%; | |
| 130 } | |
| 131 | |
| 132 .extension_disabled td { | |
| 133 background-color: #f0f0f0; | |
| 134 color: #a0a0a0; | |
| 135 padding-bottom: 4px; | |
| 136 padding-top: 5px; | |
| 137 } | |
| 138 | |
| 139 .extension_enabled td { | |
| 140 padding-bottom: 4px; | |
| 141 padding-top: 5px; | |
| 142 } | |
| 143 | |
| 144 .extension { | |
| 145 border-bottom: 1px solid #cdcdcd; | |
| 146 } | |
| 147 | |
| 148 .extension-name { | |
| 149 font-weight: bold; | |
| 150 } | |
| 151 | |
| 152 .no-extensions { | |
| 153 margin: 6em 0 0; | |
| 154 text-align: center; | |
| 155 font-size: 1.2em; | |
| 156 } | |
| 157 | |
| 158 #try-gallery { | |
| 159 margin-top: 1em; | |
| 160 font-weight: normal; | |
| 161 } | |
| 162 | |
| 163 #get-moar-extensions { | |
| 164 margin-top: 1em; | |
| 165 text-align: right; | |
| 166 font-weight: bold; | |
| 167 } | |
| 168 | |
| 169 html[dir=rtl] #get-moar-extensions { | |
| 170 text-align: left; | |
| 171 } | |
| 172 | |
| 173 .extension-description { | |
| 174 margin-top: 0.4em; | |
| 175 } | |
| 176 | |
| 177 .extension-details { | |
| 178 margin-top: 0.5em; | |
| 179 } | |
| 180 | |
| 181 .extension-actions { | |
| 182 } | |
| 183 | |
| 184 .extension-actions-div { | |
| 185 margin-top: 0.4em; | |
| 186 } | |
| 187 | |
| 188 .extension-actions input { | |
| 189 margin: 0 3px 0 10px; | |
| 190 vertical-align: text-bottom; | |
| 191 } | |
| 192 | |
| 193 .extension-views { | |
| 194 margin: 0; | |
| 195 -webkit-margin-start: 2ex; | |
| 196 padding: 0; | |
| 197 list-style-type: none; | |
| 198 } | |
| 199 | |
| 200 button { | |
| 201 font-size: 104%; | |
| 202 } | |
| 203 | |
| 204 #dialog input[type=button] { | |
| 205 font-size: 12px; | |
| 206 height: 25px; | |
| 207 width: 100px; | |
| 208 } | |
| 209 | |
| 210 #dialog input[type=text] { | |
| 211 font-size: 12px; | |
| 212 font-family: Helvetica, Arial, sans-serif; | |
| 213 width: 220px; | |
| 214 } | |
| 215 | |
| 216 #dialogBackground { | |
| 217 background-color: rgba(0, 0, 0, .2); | |
| 218 display: none; | |
| 219 height: 100%; | |
| 220 left: 0; | |
| 221 position: fixed; | |
| 222 top: 0; | |
| 223 width: 100%; | |
| 224 z-index: 1; | |
| 225 -webkit-box-align: center; | |
| 226 -webkit-box-orient: vertical; | |
| 227 -webkit-user-select: none; | |
| 228 } | |
| 229 | |
| 230 #dialogBody div { | |
| 231 display: -webkit-box; | |
| 232 -webkit-box-align: center; | |
| 233 } | |
| 234 | |
| 235 html[dir=rtl] #dialogBackground { | |
| 236 right: 0; | |
| 237 left: auto; | |
| 238 } | |
| 239 | |
| 240 #dialogHBackground { | |
| 241 height: 100%; | |
| 242 -webkit-box-orient: horizontal; | |
| 243 -webkit-box-align: center; | |
| 244 } | |
| 245 | |
| 246 | |
| 247 #dialog { | |
| 248 background-color: #5296DE; | |
| 249 border: 1px solid #3A75BD; | |
| 250 border-radius: 6px 6px; | |
| 251 font-size: 12px; | |
| 252 width: 600px; | |
| 253 -webkit-box-orient: vertical; | |
| 254 -webkit-box-align: start; | |
| 255 } | |
| 256 | |
| 257 html[dir=rtl] #dialog { | |
| 258 font-size: 13px; | |
| 259 } | |
| 260 | |
| 261 #dialogHeader { | |
| 262 background-color: rgba(0,0,0,0); | |
| 263 color: white; | |
| 264 margin: 4px; | |
| 265 -webkit-box-align: start; | |
| 266 } | |
| 267 | |
| 268 #dialogBody { | |
| 269 background-color: rgb(240, 240, 240); | |
| 270 border: 1px solid #3A75BD; | |
| 271 border-bottom-left-radius: 4px 4px; | |
| 272 border-bottom-right-radius: 4px 4px; | |
| 273 margin: 0px 2px 2px; | |
| 274 -webkit-box-orient: vertical; | |
| 275 } | |
| 276 | |
| 277 #dialogContentHeader { | |
| 278 margin: 16px; | |
| 279 } | |
| 280 | |
| 281 .dialogBrowseRow { | |
| 282 width: 100%; | |
| 283 -webkit-box-orient: horizontal; | |
| 284 -webkit-box-pack: end; | |
| 285 } | |
| 286 | |
| 287 .dialogBrowseRow>* { | |
| 288 margin: 2px | |
| 289 } | |
| 290 | |
| 291 .dialogRowLabel { | |
| 292 -webkit-box-flex: 1; | |
| 293 -webkit-box-pack: end; /* Bug: doesn't work in line-wrap */ | |
| 294 text-align: right; | |
| 295 } | |
| 296 | |
| 297 html[dir=rtl] .dialogRowLabel { | |
| 298 text-align: left; | |
| 299 } | |
| 300 | |
| 301 #dialogContentFooter { | |
| 302 margin-bottom: 6px; | |
| 303 -webkit-margin-start: -12px; | |
| 304 margin-top: 20px; | |
| 305 } | |
| 306 | |
| 307 .inspectPopupNote { | |
| 308 color: grey; | |
| 309 } | |
| 310 | |
| 311 .incognitoWarning { | |
| 312 margin: 0.75em 0; | |
| 313 display: none; | |
| 314 opacity: 0; | |
| 315 -webkit-transition: opacity .2s ease-out; | |
| 316 } | |
| 317 | |
| 318 .incognitoWarning .yellow { | |
| 319 background:#fff299; | |
| 320 padding:2px 5px; | |
| 321 border-radius:3px; | |
| 322 } | |
| 323 </style> | |
| 324 <script src="chrome://resources/js/util.js"></script> | |
| 325 <script src="chrome://extensions/extensions_ui.js"></script> | |
| 326 <script src="chrome://extensions/strings.js"></script> | |
| 327 </head> | |
| 328 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> | |
| 329 <div id="dialogBackground"> | |
| 330 <div id="dialogHBackground"> | |
| 331 <div id="dialog"> | |
| 332 <div id="dialogHeader" i18n-content="packDialogTitle"> | |
| 333 PACK EXTENSION | |
| 334 </div> | |
| 335 <div id="dialogBody"> | |
| 336 <div id="dialogContentHeader" i18n-content="packDialogHeading"> | |
| 337 HEADING | |
| 338 </div> | |
| 339 <div class="dialogBrowseRow"> | |
| 340 <div class="dialogRowLabel" i18n-content="rootDirectoryLabel"> | |
| 341 ROOT_DIR | |
| 342 </div> | |
| 343 <div> | |
| 344 <input type="text" id="extensionPathText"> | |
| 345 </div> | |
| 346 <div> | |
| 347 <input class="extension-path" type="button" | |
| 348 value="BROWSE" i18n-values="value:packDialogBrowse"> | |
| 349 </div> | |
| 350 </div> | |
| 351 <div class="dialogBrowseRow"> | |
| 352 <div class="dialogRowLabel" i18n-content="privateKeyLabel"> | |
| 353 PRIVATE_KEY | |
| 354 </div> | |
| 355 <div> | |
| 356 <input type="text" id="privateKeyPath"> | |
| 357 </div> | |
| 358 <div> | |
| 359 <input class="private-key-path" type="button" | |
| 360 value="BROWSE" i18n-values="value:packDialogBrowse"> | |
| 361 </div> | |
| 362 </div> | |
| 363 <div class="dialogBrowseRow" id="dialogContentFooter"> | |
| 364 <div> | |
| 365 <input class="pack-extension" type="button" | |
| 366 value="OK" i18n-values="value:okButton"> | |
| 367 </div> | |
| 368 <div> | |
| 369 <input class="hide-pack-dialog" type="button" | |
| 370 value="CANCEL" i18n-values="value:cancelButton"> | |
| 371 </div> | |
| 372 </div> | |
| 373 </div> | |
| 374 </div> | |
| 375 </div> | |
| 376 </div> | |
| 377 | |
| 378 <div id="body-container" style="visibility:hidden"> | |
| 379 | |
| 380 <div id="header"><h1 i18n-content="title">TITLE</h1></div> | |
| 381 | |
| 382 <div id="extensionTemplate"> | |
| 383 | |
| 384 <div id="container" class="vbox-container"> | |
| 385 <div id="top" class="wbox" style="-webkit-padding-end: 5px"> | |
| 386 | |
| 387 <div class="section-header"> | |
| 388 <table cellpadding="0" cellspacing="0" width="100%"> | |
| 389 <tr valign="center"> | |
| 390 <td> | |
| 391 <span class="section-header-title" i18n-content="title" | |
| 392 >TITLE</span> | |
| 393 <span class="section-header-title" | |
| 394 jsdisplay="extensions.length > 0">(<span | |
| 395 jscontent="extensions.length"></span>)</span> | |
| 396 </td> | |
| 397 <td width="18" padding=""> | |
| 398 <img id="collapse" class="developer-mode-image" | |
| 399 style="display:none" src="shared/images/minus.png"> | |
| 400 <img id="expand" class="developer-mode-image" | |
| 401 src="shared/images/plus.png"> | |
| 402 </td> | |
| 403 <td width="50" align="right"> | |
| 404 <div class="developer-mode-link"> | |
| 405 <a style="cursor: default" i18n-content="devModeLink"> | |
| 406 DEVMODE</a> | |
| 407 </div> | |
| 408 </td> | |
| 409 </tr> | |
| 410 </table> | |
| 411 </div> | |
| 412 | |
| 413 </div> | |
| 414 <div id="developer_tools" class="wbox-dev-mode showInDevMode"> | |
| 415 <div class="developer-mode"> | |
| 416 <span i18n-content="devModePrefix">DEVELOPER_MODE:</span> | |
| 417 <button id="load-extension" i18n-content="loadUnpackedButton"> | |
| 418 LOAD</button> | |
| 419 <button id="show-pack-dialog" i18n-content="packButton"> | |
| 420 PACK</button> | |
| 421 <button id="auto-update" i18n-content="updateButton"> | |
| 422 UPDATE</button> | |
| 423 </div> | |
| 424 </div> | |
| 425 </div> | |
| 426 | |
| 427 <div class="content"> | |
| 428 <div class="extension-name no-extensions" jsdisplay="extensions.length =
== 0"> | |
| 429 <div i18n-content="noExtensions">NO_EXTENSIONS_ARE_INSTALLED</div> | |
| 430 <div i18n-content="suggestGallery" id="try-gallery">TRY_GALLERY</div> | |
| 431 </div> | |
| 432 | |
| 433 <div jsdisplay="extensions.length > 0"> | |
| 434 <div class="extension" jsselect="extensions" jsvalues=".extensionId:id"> | |
| 435 <table width="100%" cellpadding="2" cellspacing="0"> | |
| 436 <tr jsvalues=".className:enabled ? 'extension_enabled' : 'extension_di
sabled'"> | |
| 437 <td width="62" height="50" align="center" valign="top"> | |
| 438 <span jsdisplay="icon"><img jsvalues=".src:icon" width="48" | |
| 439 height="48"> | |
| 440 </td> | |
| 441 <td valign="top"> | |
| 442 <div> | |
| 443 <a jsdisplay="homepageUrl.length > 0" | |
| 444 jsvalues=".href:homepageUrl"> | |
| 445 <span class="extension-name" | |
| 446 jscontent="name">EXTENSION NAME</span></a> | |
| 447 <span class="extension-name" | |
| 448 jsdisplay="homepageUrl.length == 0" | |
| 449 jscontent="name">EXTENSION NAME</span> | |
| 450 - <span i18n-content="extensionVersion">VERSION</span> | |
| 451 <span jscontent="version">x.x.x.x</span> | |
| 452 <span jsdisplay="!enabled && !terminated" | |
| 453 i18n-content="extensionDisabled">(DISABLED)</span> | |
| 454 <span jsdisplay="terminated" | |
| 455 i18n-content="extensionCrashed">(CRASHED)</span> | |
| 456 <span jsdisplay="isUnpacked" | |
| 457 i18n-content="inDevelopment">(IN DEVELOPMENT)</span> | |
| 458 </div> | |
| 459 | |
| 460 <div class="extension-description" jscontent="description"></div> | |
| 461 <div class="showInDevMode"> | |
| 462 <div class="extension-details"> | |
| 463 <span i18n-content="extensionId">ID_LABEL: </span> | |
| 464 <span jscontent="id"></span> | |
| 465 </div> | |
| 466 <div class="extension-details" jsdisplay="path"> | |
| 467 <span i18n-content="extensionPath">PATH_LABEL: </span> | |
| 468 <span jscontent="path"></span> | |
| 469 </div> | |
| 470 <div class="extension-details"> | |
| 471 <span jsdisplay="views.length > 0 || hasPopupAction" i18n-conten
t="inspectViews"> | |
| 472 INSPECT ACTIVE VIEWS: | |
| 473 </span> | |
| 474 <ul class="extension-views"> | |
| 475 <li jsselect="views"> | |
| 476 <span jsvalues=".extensionView:$this"> | |
| 477 <a class="inspect-message" | |
| 478 jsvalues=".extensionView:$this" | |
| 479 href="#"> | |
| 480 <span jscontent="path"></span></a> | |
| 481 <span jsdisplay="incognito" | |
| 482 i18n-content="viewIncognito">(INCOGNITO)</span> | |
| 483 </span> | |
| 484 </li> | |
| 485 <li i18n-content="inspectPopupsInstructions" | |
| 486 class="inspectPopupNote" jsdisplay="hasPopupAction"> | |
| 487 INSPECT POPUP INSRUCTIONS | |
| 488 </li> | |
| 489 </ul> | |
| 490 </div> | |
| 491 </div> | |
| 492 <div class="extension-actions-div"> | |
| 493 <span class="extension-actions"> | |
| 494 <a | |
| 495 class="reload-extension" | |
| 496 jsvalues=".extensionId:id" | |
| 497 jsdisplay="(enabled && allow_reload) || terminated" | |
| 498 href="#" | |
| 499 i18n-content="reload" | |
| 500 >RELOAD</a> | |
| 501 <span jsdisplay="enabled && allow_reload">-</span> | |
| 502 <a | |
| 503 class="disable-extension" | |
| 504 jsvalues=".extensionId:id" | |
| 505 jsdisplay="enabled && mayDisable" | |
| 506 href="#" | |
| 507 i18n-content="disable" | |
| 508 >DISABLE</a> | |
| 509 <a | |
| 510 class="enable-extension" | |
| 511 jsvalues=".extensionId:id" | |
| 512 jsdisplay="!enabled && !terminated" | |
| 513 href="#" | |
| 514 i18n-content="enable" | |
| 515 >ENABLE</a> | |
| 516 <span jsdisplay="mayDisable">-</span> | |
| 517 <a | |
| 518 class="uninstall-extension" | |
| 519 jsvalues=".extensionId:id" | |
| 520 jsdisplay="mayDisable" | |
| 521 href="#" | |
| 522 i18n-content="uninstall" | |
| 523 >UNINSTALL</a> | |
| 524 <span jsdisplay="options_url && enabled">-</span> | |
| 525 <a | |
| 526 class="options-url" | |
| 527 jsdisplay="options_url && enabled" | |
| 528 jsvalues=".extensionId:id" | |
| 529 href="#" | |
| 530 i18n-content="options" | |
| 531 >OPTIONS</a> | |
| 532 <span jsdisplay="enable_show_button && enabled">-</span> | |
| 533 <a | |
| 534 class="show-button" | |
| 535 jsdisplay="enable_show_button && enabled" | |
| 536 jsvalues=".extensionId:id" | |
| 537 href="#" | |
| 538 i18n-content="showButton" | |
| 539 >SHOW_BUTTON</a> | |
| 540 <label jsdisplay="enabled && !is_hosted_app"> | |
| 541 <input | |
| 542 class="toggle-incognito" | |
| 543 type="checkbox" | |
| 544 jsvalues=".extensionId:id;.enabled:enabled" | |
| 545 jsdisplay="enabled" | |
| 546 jseval="this.checked = enabledIncognito"> | |
| 547 <span i18n-content="enableIncognito">ALLOW THIS EXTENSION TO RUN
IN INCOGNITO</span></label> | |
| 548 <label jsdisplay="enabled && wantsFileAccess"> | |
| 549 <input | |
| 550 class="file-access" | |
| 551 type="checkbox" | |
| 552 jsvalues=".extensionId:id;.enabled:enabled;.wantsFileAccess:wa
ntsFileAccess" | |
| 553 jsdisplay="enabled && wantsFileAccess" | |
| 554 jseval="this.checked = allowFileAccess"> | |
| 555 <span i18n-content="allowFileAccess">ALLOW THIS EXTENSION ACCESS
TO FILE URLS</span></label> | |
| 556 <span jsdisplay="!mayDisable">-</span> | |
| 557 <span jsdisplay="!mayDisable" | |
| 558 i18n-content="policyControlled">THIS EXTENSION CAN NOT BE DISA
BLED OR UNINSTALLED BY USER</span> | |
| 559 </span> | |
| 560 </div> | |
| 561 <div class="incognitoWarning"> | |
| 562 <span class="yellow" i18n-values=".innerHTML:incognitoWarning">WAR
NING - CHROME CANNOT PREVENT THIS EXTENSION FROM RECORDING YOUR BROWSING HISTORY
</span> | |
| 563 </div> | |
| 564 </td> | |
| 565 </tr> | |
| 566 </table> | |
| 567 </div> | |
| 568 </div> | |
| 569 | |
| 570 <div id="get-moar-extensions" jsdisplay="extensions.length > 0" | |
| 571 i18n-content="getMoreExtensions"></div> | |
| 572 </div> | |
| 573 </div> | |
| 574 </div> | |
| 575 <script src="chrome://resources/js/i18n_template.js"></script> | |
| 576 <script src="chrome://resources/js/i18n_process.js"></script> | |
| 577 <script src="chrome://resources/js/jstemplate_compiled.js"></script> | |
| 578 </body> | |
| 579 </html> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 7976023:
Remove the old chrome://extensions page, since the URL now redirects to the new Settings page.BUG... (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/src/