| <link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar.html"> |
| <link rel="import" href="chrome://resources/html/cr.html"> |
| <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
| <link rel="import" href="chrome://resources/html/polymer.html"> |
| <link rel="import" href="chrome://resources/html/promise_resolver.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/paper-header-panel/paper-header-panel.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animated-pages.html"> |
| <link rel="import" href="chrome://extensions/detail_view.html"> |
| <link rel="import" href="chrome://extensions/drop_overlay.html"> |
| <link rel="import" href="chrome://extensions/error_page.html"> |
| <link rel="import" href="chrome://extensions/item_list.html"> |
| <link rel="import" href="chrome://extensions/keyboard_shortcuts.html"> |
| <link rel="import" href="chrome://extensions/options_dialog.html"> |
| <link rel="import" href="chrome://extensions/pack_dialog.html"> |
| <link rel="import" href="chrome://extensions/service.html"> |
| <link rel="import" href="chrome://extensions/sidebar.html"> |
| <link rel="stylesheet" href="chrome://resources/css/md_colors.css"> |
| |
| <dom-module id="extensions-manager"> |
| <template> |
| <style> |
| [hidden] { |
| display: none !important; |
| } |
| |
| :host { |
| height: 100%; |
| } |
| |
| #panel { |
| --paper-header-panel-standard-container: { |
| display: flex; |
| }; |
| } |
| |
| extensions-sidebar { |
| flex-basis: 256px; |
| } |
| |
| #pages { |
| -webkit-margin-start: 30px; |
| flex-grow: 1; |
| overflow-y: auto; |
| padding-bottom: 30px; |
| } |
| |
| extensions-item { |
| display: inline-block; |
| } |
| |
| cr-toolbar { |
| /* TODO(tsergeant): Remove the extra 30px margin from #pages so the |
| search field aligns with History. */ |
| --cr-toolbar-field-margin: 286px; |
| background: var(--md-toolbar-color); |
| font-size: 13px; |
| } |
| </style> |
| <extensions-drop-overlay></extensions-drop-overlay> |
| <paper-header-panel id="panel"> |
| <cr-toolbar class="paper-header" |
| page-name="$i18n{toolbarTitle}" |
| search-prompt="$i18n{search}" |
| clear-label="$i18n{clearSearch}" |
| on-search-changed="onFilterChanged_"> |
| </cr-toolbar> |
| <extensions-sidebar in-dev-mode="[[inDevMode]]"> |
| </extensions-sidebar> |
| <neon-animated-pages id="pages" selected="0"> |
| <extensions-item-list id="items-list" items="[[extensions]]" |
| delegate="[[itemDelegate]]" in-dev-mode="[[inDevMode]]" |
| filter="[[filter]]" |
| hidden$="[[computeListHidden_(extensions, extensions.splices, apps, apps.splices)]]"> |
| </extensions-item-list> |
| <extensions-detail-view id="details-view" delegate="[[itemDelegate]]" |
| data="[[detailViewItem_]]" on-close="onDetailsViewClose_"> |
| </extensions-detail-view> |
| <extensions-keyboard-shortcuts id="keyboard-shortcuts" |
| items="[[extensions]]"> |
| </extensions-keyboard-shortcuts> |
| <extensions-error-page id="error-page" on-close="onErrorPageClose_" |
| data="[[errorPageItem_]]"> |
| </extensions-error-page> |
| </neon-animated-pages> |
| <extensions-options-dialog id="options-dialog"> |
| </extensions-options-dialog> |
| <extensions-pack-dialog id="pack-dialog"></extensions-pack-dialog> |
| </paper-header-panel> |
| </template> |
| <script src="chrome://extensions/manager.js"></script> |
| </dom-module> |
