Index: chrome/browser/resources/extensions_ui.html |
=================================================================== |
--- chrome/browser/resources/extensions_ui.html (revision 102092) |
+++ chrome/browser/resources/extensions_ui.html (working copy) |
@@ -1,579 +0,0 @@ |
-<!DOCTYPE HTML> |
-<html i18n-values="dir:textdirection;"> |
-<head> |
-<meta charset="utf-8"> |
-<include src="content_security_policy.html"/> |
-<title i18n-content="title"></title> |
-<style> |
-body { |
- margin: 10px; |
- min-width: 47em; |
-} |
- |
-a { |
- color: blue; |
- font-size: 103%; |
-} |
- |
-div#header { |
- margin-bottom: 1.05em; |
- /* 67px is the height of the header's background image. */ |
- min-height: 67px; |
- overflow: hidden; |
- padding-bottom: 20px; |
- -webkit-padding-start: 0; |
- padding-top: 20px; |
- position: relative; |
- box-sizing: border-box; |
-} |
- |
-#header h1 { |
- background: url('../../app/theme/extensions_section.png') 0px 20px no-repeat; |
- display: inline; |
- margin: 0; |
- padding-bottom: 43px; |
- -webkit-padding-start: 75px; |
- padding-top: 40px; |
-} |
- |
-html[dir=rtl] #header h1 { |
- background: url('../../app/theme/extensions_section.png') right no-repeat; |
-} |
- |
-h1 { |
- font-size: 156%; |
- font-weight: bold; |
- padding: 0; |
- margin: 0; |
-} |
- |
-div.content { |
- font-size: 88%; |
- margin-top: 5px; |
-} |
- |
-.section-header { |
- background: #ebeff9; |
- border-top: 1px solid #b5c7de; |
- font-size: 99%; |
- padding-bottom: 2px; |
- -webkit-padding-start: 5px; |
- padding-top: 3px; |
- width: 100%; |
-} |
- |
-.section-header-title { |
- font-weight: bold; |
-} |
- |
-.vbox-container { |
- display: -webkit-box; |
- -webkit-box-orient: vertical; |
-} |
- |
-.wbox { |
- display: -webkit-box; |
- -webkit-box-align: stretch; |
- -webkit-box-flex: 1; |
-} |
- |
-.showInDevMode { |
- overflow: hidden; |
-} |
- |
-body.hideDevModeInitial .showInDevMode { |
- height: 0 !important; |
- opacity: 0; |
-} |
- |
-body.hideDevMode .showInDevMode { |
- height: 0 !important; |
- opacity: 0; |
- -webkit-transition: all .1s ease-out; |
-} |
- |
-body.showDevModeInitial .showInDevMode { |
- opacity: 1; |
-} |
- |
-body.showDevMode .showInDevMode { |
- opacity: 1; |
- -webkit-transition: all .1s ease-in; |
-} |
- |
-.wbox-dev-mode { |
- -webkit-box-align: stretch; |
- -webkit-box-flex: 1; |
-} |
- |
-.developer-mode-image { |
- margin-top: 2px; |
-} |
- |
-.developer-mode-link { |
- -webkit-margin-end: 3px; |
- white-space: nowrap; |
-} |
- |
-.developer-mode-link a { |
- font-size: 97%; |
-} |
- |
-.developer-mode { |
- background: #f4f6fc; |
- border-bottom: 1px solid #edeff5; |
- font-size: 89%; |
- padding-bottom: 0.8em; |
- -webkit-padding-start: 10px; |
- padding-top: 0.8em; |
- width: 100%; |
-} |
- |
-.extension_disabled td { |
- background-color: #f0f0f0; |
- color: #a0a0a0; |
- padding-bottom: 4px; |
- padding-top: 5px; |
-} |
- |
-.extension_enabled td { |
- padding-bottom: 4px; |
- padding-top: 5px; |
-} |
- |
-.extension { |
- border-bottom: 1px solid #cdcdcd; |
-} |
- |
-.extension-name { |
- font-weight: bold; |
-} |
- |
-.no-extensions { |
- margin: 6em 0 0; |
- text-align: center; |
- font-size: 1.2em; |
-} |
- |
-#try-gallery { |
- margin-top: 1em; |
- font-weight: normal; |
-} |
- |
-#get-moar-extensions { |
- margin-top: 1em; |
- text-align: right; |
- font-weight: bold; |
-} |
- |
-html[dir=rtl] #get-moar-extensions { |
- text-align: left; |
-} |
- |
-.extension-description { |
- margin-top: 0.4em; |
-} |
- |
-.extension-details { |
- margin-top: 0.5em; |
-} |
- |
-.extension-actions { |
-} |
- |
-.extension-actions-div { |
- margin-top: 0.4em; |
-} |
- |
-.extension-actions input { |
- margin: 0 3px 0 10px; |
- vertical-align: text-bottom; |
-} |
- |
-.extension-views { |
- margin: 0; |
- -webkit-margin-start: 2ex; |
- padding: 0; |
- list-style-type: none; |
-} |
- |
-button { |
- font-size: 104%; |
-} |
- |
-#dialog input[type=button] { |
- font-size: 12px; |
- height: 25px; |
- width: 100px; |
-} |
- |
-#dialog input[type=text] { |
- font-size: 12px; |
- font-family: Helvetica, Arial, sans-serif; |
- width: 220px; |
-} |
- |
-#dialogBackground { |
- background-color: rgba(0, 0, 0, .2); |
- display: none; |
- height: 100%; |
- left: 0; |
- position: fixed; |
- top: 0; |
- width: 100%; |
- z-index: 1; |
- -webkit-box-align: center; |
- -webkit-box-orient: vertical; |
- -webkit-user-select: none; |
-} |
- |
-#dialogBody div { |
- display: -webkit-box; |
- -webkit-box-align: center; |
-} |
- |
-html[dir=rtl] #dialogBackground { |
- right: 0; |
- left: auto; |
-} |
- |
-#dialogHBackground { |
- height: 100%; |
- -webkit-box-orient: horizontal; |
- -webkit-box-align: center; |
-} |
- |
- |
-#dialog { |
- background-color: #5296DE; |
- border: 1px solid #3A75BD; |
- border-radius: 6px 6px; |
- font-size: 12px; |
- width: 600px; |
- -webkit-box-orient: vertical; |
- -webkit-box-align: start; |
-} |
- |
-html[dir=rtl] #dialog { |
- font-size: 13px; |
-} |
- |
-#dialogHeader { |
- background-color: rgba(0,0,0,0); |
- color: white; |
- margin: 4px; |
- -webkit-box-align: start; |
-} |
- |
-#dialogBody { |
- background-color: rgb(240, 240, 240); |
- border: 1px solid #3A75BD; |
- border-bottom-left-radius: 4px 4px; |
- border-bottom-right-radius: 4px 4px; |
- margin: 0px 2px 2px; |
- -webkit-box-orient: vertical; |
-} |
- |
-#dialogContentHeader { |
- margin: 16px; |
-} |
- |
-.dialogBrowseRow { |
- width: 100%; |
- -webkit-box-orient: horizontal; |
- -webkit-box-pack: end; |
-} |
- |
-.dialogBrowseRow>* { |
- margin: 2px |
-} |
- |
-.dialogRowLabel { |
- -webkit-box-flex: 1; |
- -webkit-box-pack: end; /* Bug: doesn't work in line-wrap */ |
- text-align: right; |
-} |
- |
-html[dir=rtl] .dialogRowLabel { |
- text-align: left; |
-} |
- |
-#dialogContentFooter { |
- margin-bottom: 6px; |
- -webkit-margin-start: -12px; |
- margin-top: 20px; |
-} |
- |
-.inspectPopupNote { |
- color: grey; |
-} |
- |
-.incognitoWarning { |
- margin: 0.75em 0; |
- display: none; |
- opacity: 0; |
- -webkit-transition: opacity .2s ease-out; |
-} |
- |
-.incognitoWarning .yellow { |
- background:#fff299; |
- padding:2px 5px; |
- border-radius:3px; |
-} |
-</style> |
-<script src="chrome://resources/js/util.js"></script> |
-<script src="chrome://extensions/extensions_ui.js"></script> |
-<script src="chrome://extensions/strings.js"></script> |
-</head> |
-<body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> |
- <div id="dialogBackground"> |
- <div id="dialogHBackground"> |
- <div id="dialog"> |
- <div id="dialogHeader" i18n-content="packDialogTitle"> |
- PACK EXTENSION |
- </div> |
- <div id="dialogBody"> |
- <div id="dialogContentHeader" i18n-content="packDialogHeading"> |
- HEADING |
- </div> |
- <div class="dialogBrowseRow"> |
- <div class="dialogRowLabel" i18n-content="rootDirectoryLabel"> |
- ROOT_DIR |
- </div> |
- <div> |
- <input type="text" id="extensionPathText"> |
- </div> |
- <div> |
- <input class="extension-path" type="button" |
- value="BROWSE" i18n-values="value:packDialogBrowse"> |
- </div> |
- </div> |
- <div class="dialogBrowseRow"> |
- <div class="dialogRowLabel" i18n-content="privateKeyLabel"> |
- PRIVATE_KEY |
- </div> |
- <div> |
- <input type="text" id="privateKeyPath"> |
- </div> |
- <div> |
- <input class="private-key-path" type="button" |
- value="BROWSE" i18n-values="value:packDialogBrowse"> |
- </div> |
- </div> |
- <div class="dialogBrowseRow" id="dialogContentFooter"> |
- <div> |
- <input class="pack-extension" type="button" |
- value="OK" i18n-values="value:okButton"> |
- </div> |
- <div> |
- <input class="hide-pack-dialog" type="button" |
- value="CANCEL" i18n-values="value:cancelButton"> |
- </div> |
- </div> |
- </div> |
- </div> |
- </div> |
- </div> |
- |
- <div id="body-container" style="visibility:hidden"> |
- |
- <div id="header"><h1 i18n-content="title">TITLE</h1></div> |
- |
- <div id="extensionTemplate"> |
- |
- <div id="container" class="vbox-container"> |
- <div id="top" class="wbox" style="-webkit-padding-end: 5px"> |
- |
- <div class="section-header"> |
- <table cellpadding="0" cellspacing="0" width="100%"> |
- <tr valign="center"> |
- <td> |
- <span class="section-header-title" i18n-content="title" |
- >TITLE</span> |
- <span class="section-header-title" |
- jsdisplay="extensions.length > 0">(<span |
- jscontent="extensions.length"></span>)</span> |
- </td> |
- <td width="18" padding=""> |
- <img id="collapse" class="developer-mode-image" |
- style="display:none" src="shared/images/minus.png"> |
- <img id="expand" class="developer-mode-image" |
- src="shared/images/plus.png"> |
- </td> |
- <td width="50" align="right"> |
- <div class="developer-mode-link"> |
- <a style="cursor: default" i18n-content="devModeLink"> |
- DEVMODE</a> |
- </div> |
- </td> |
- </tr> |
- </table> |
- </div> |
- |
- </div> |
- <div id="developer_tools" class="wbox-dev-mode showInDevMode"> |
- <div class="developer-mode"> |
- <span i18n-content="devModePrefix">DEVELOPER_MODE:</span> |
- <button id="load-extension" i18n-content="loadUnpackedButton"> |
- LOAD</button> |
- <button id="show-pack-dialog" i18n-content="packButton"> |
- PACK</button> |
- <button id="auto-update" i18n-content="updateButton"> |
- UPDATE</button> |
- </div> |
- </div> |
- </div> |
- |
- <div class="content"> |
- <div class="extension-name no-extensions" jsdisplay="extensions.length === 0"> |
- <div i18n-content="noExtensions">NO_EXTENSIONS_ARE_INSTALLED</div> |
- <div i18n-content="suggestGallery" id="try-gallery">TRY_GALLERY</div> |
- </div> |
- |
- <div jsdisplay="extensions.length > 0"> |
- <div class="extension" jsselect="extensions" jsvalues=".extensionId:id"> |
- <table width="100%" cellpadding="2" cellspacing="0"> |
- <tr jsvalues=".className:enabled ? 'extension_enabled' : 'extension_disabled'"> |
- <td width="62" height="50" align="center" valign="top"> |
- <span jsdisplay="icon"><img jsvalues=".src:icon" width="48" |
- height="48"> |
- </td> |
- <td valign="top"> |
- <div> |
- <a jsdisplay="homepageUrl.length > 0" |
- jsvalues=".href:homepageUrl"> |
- <span class="extension-name" |
- jscontent="name">EXTENSION NAME</span></a> |
- <span class="extension-name" |
- jsdisplay="homepageUrl.length == 0" |
- jscontent="name">EXTENSION NAME</span> |
- - <span i18n-content="extensionVersion">VERSION</span> |
- <span jscontent="version">x.x.x.x</span> |
- <span jsdisplay="!enabled && !terminated" |
- i18n-content="extensionDisabled">(DISABLED)</span> |
- <span jsdisplay="terminated" |
- i18n-content="extensionCrashed">(CRASHED)</span> |
- <span jsdisplay="isUnpacked" |
- i18n-content="inDevelopment">(IN DEVELOPMENT)</span> |
- </div> |
- |
- <div class="extension-description" jscontent="description"></div> |
- <div class="showInDevMode"> |
- <div class="extension-details"> |
- <span i18n-content="extensionId">ID_LABEL: </span> |
- <span jscontent="id"></span> |
- </div> |
- <div class="extension-details" jsdisplay="path"> |
- <span i18n-content="extensionPath">PATH_LABEL: </span> |
- <span jscontent="path"></span> |
- </div> |
- <div class="extension-details"> |
- <span jsdisplay="views.length > 0 || hasPopupAction" i18n-content="inspectViews"> |
- INSPECT ACTIVE VIEWS: |
- </span> |
- <ul class="extension-views"> |
- <li jsselect="views"> |
- <span jsvalues=".extensionView:$this"> |
- <a class="inspect-message" |
- jsvalues=".extensionView:$this" |
- href="#"> |
- <span jscontent="path"></span></a> |
- <span jsdisplay="incognito" |
- i18n-content="viewIncognito">(INCOGNITO)</span> |
- </span> |
- </li> |
- <li i18n-content="inspectPopupsInstructions" |
- class="inspectPopupNote" jsdisplay="hasPopupAction"> |
- INSPECT POPUP INSRUCTIONS |
- </li> |
- </ul> |
- </div> |
- </div> |
- <div class="extension-actions-div"> |
- <span class="extension-actions"> |
- <a |
- class="reload-extension" |
- jsvalues=".extensionId:id" |
- jsdisplay="(enabled && allow_reload) || terminated" |
- href="#" |
- i18n-content="reload" |
- >RELOAD</a> |
- <span jsdisplay="enabled && allow_reload">-</span> |
- <a |
- class="disable-extension" |
- jsvalues=".extensionId:id" |
- jsdisplay="enabled && mayDisable" |
- href="#" |
- i18n-content="disable" |
- >DISABLE</a> |
- <a |
- class="enable-extension" |
- jsvalues=".extensionId:id" |
- jsdisplay="!enabled && !terminated" |
- href="#" |
- i18n-content="enable" |
- >ENABLE</a> |
- <span jsdisplay="mayDisable">-</span> |
- <a |
- class="uninstall-extension" |
- jsvalues=".extensionId:id" |
- jsdisplay="mayDisable" |
- href="#" |
- i18n-content="uninstall" |
- >UNINSTALL</a> |
- <span jsdisplay="options_url && enabled">-</span> |
- <a |
- class="options-url" |
- jsdisplay="options_url && enabled" |
- jsvalues=".extensionId:id" |
- href="#" |
- i18n-content="options" |
- >OPTIONS</a> |
- <span jsdisplay="enable_show_button && enabled">-</span> |
- <a |
- class="show-button" |
- jsdisplay="enable_show_button && enabled" |
- jsvalues=".extensionId:id" |
- href="#" |
- i18n-content="showButton" |
- >SHOW_BUTTON</a> |
- <label jsdisplay="enabled && !is_hosted_app"> |
- <input |
- class="toggle-incognito" |
- type="checkbox" |
- jsvalues=".extensionId:id;.enabled:enabled" |
- jsdisplay="enabled" |
- jseval="this.checked = enabledIncognito"> |
- <span i18n-content="enableIncognito">ALLOW THIS EXTENSION TO RUN IN INCOGNITO</span></label> |
- <label jsdisplay="enabled && wantsFileAccess"> |
- <input |
- class="file-access" |
- type="checkbox" |
- jsvalues=".extensionId:id;.enabled:enabled;.wantsFileAccess:wantsFileAccess" |
- jsdisplay="enabled && wantsFileAccess" |
- jseval="this.checked = allowFileAccess"> |
- <span i18n-content="allowFileAccess">ALLOW THIS EXTENSION ACCESS TO FILE URLS</span></label> |
- <span jsdisplay="!mayDisable">-</span> |
- <span jsdisplay="!mayDisable" |
- i18n-content="policyControlled">THIS EXTENSION CAN NOT BE DISABLED OR UNINSTALLED BY USER</span> |
- </span> |
- </div> |
- <div class="incognitoWarning"> |
- <span class="yellow" i18n-values=".innerHTML:incognitoWarning">WARNING - CHROME CANNOT PREVENT THIS EXTENSION FROM RECORDING YOUR BROWSING HISTORY</span> |
- </div> |
- </td> |
- </tr> |
- </table> |
- </div> |
- </div> |
- |
- <div id="get-moar-extensions" jsdisplay="extensions.length > 0" |
- i18n-content="getMoreExtensions"></div> |
- </div> |
- </div> |
- </div> |
- <script src="chrome://resources/js/i18n_template.js"></script> |
- <script src="chrome://resources/js/i18n_process.js"></script> |
- <script src="chrome://resources/js/jstemplate_compiled.js"></script> |
- </body> |
-</html> |