| OLD | NEW |
|---|
| (Empty) | |
| 1 <link rel="import" href="chrome://resources/html/cr.html"> |
| 2 <link rel="import" href="chrome://resources/html/i18n_behavior.html"> |
| 3 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
eckbox.html"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> |
| 7 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio
ns/hero-animation.html"> |
| 8 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animatio
ns/scale-down-animation.html"> |
| 9 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-ani
matable-behavior.html"> |
| 10 |
| 11 <dom-module id="extensions-detail-view"> |
| 12 <template> |
| 13 <style> |
| 14 #main { |
| 15 background-color: white; |
| 16 height: 800px; |
| 17 width: 90%; |
| 18 } |
| 19 #top-bar { |
| 20 align-items: center; |
| 21 color: var(--paper-grey-600); |
| 22 display: flex; |
| 23 height: 40px; |
| 24 margin-bottom: 30px; |
| 25 padding: 8px 12px 0; |
| 26 } |
| 27 #name { |
| 28 flex-grow: 1; |
| 29 } |
| 30 .section { |
| 31 border-bottom: var(--paper-grey-600); |
| 32 padding: 12px 20px; |
| 33 } |
| 34 .section:last-child { |
| 35 border: none; |
| 36 } |
| 37 .section-title { |
| 38 color: var(--paper-grey-800); |
| 39 } |
| 40 .section-content { |
| 41 color: var(--paper-grey-600); |
| 42 } |
| 43 .checkbox { |
| 44 --paper-checkbox-checked-color: var(--google-blue-500); |
| 45 --primary-text-color: var(--paper-grey-800); |
| 46 } |
| 47 </style> |
| 48 <div id="main"> |
| 49 <div id="top-bar"> |
| 50 <paper-icon-button id="close-button" icon="arrow-back" |
| 51 on-click="onCloseButtonClick_"></paper-icon-button> |
| 52 <span id="name">[[data.name]]</span> |
| 53 <paper-icon-button id="open-in-webstore" icon="open-in-new"> |
| 54 </paper-icon-button> |
| 55 <paper-icon-button id="options" icon="settings"> |
| 56 </paper-icon-button> |
| 57 </div> |
| 58 <div class="section"> |
| 59 <div class="section-title">$i18n{itemDescriptionLabel}</div> |
| 60 <div class="section-content">[[data.description]]</div> |
| 61 </div> |
| 62 <div class="section"> |
| 63 <div class="section-title">$i18n{itemVersion}</div> |
| 64 <div class="section-content">[[data.version]]</div> |
| 65 </div> |
| 66 <div class="section"> |
| 67 <div class="section-title">$i18n{itemPermissions}</div> |
| 68 <div class="section-content">TODO</div> |
| 69 </div> |
| 70 <template is="dom-if" |
| 71 if="[[hasDependentExtensions_(data.dependentExtensions.splices)]]"> |
| 72 <div class="section"> |
| 73 <div class="section-title">$i18n{itemDependencies}</div> |
| 74 <div class="section-content">TODO</div> |
| 75 </div> |
| 76 </template> |
| 77 <template is="dom-if" if="[[shouldShowOptionsSection_(data.*)]]"> |
| 78 <div class="section"> |
| 79 <template is="dom-if" if="[[data.incognitoAccess.isEnabled]]"> |
| 80 <paper-checkbox id="allow-incognito" class="checkbox" |
| 81 checked="[[data.incognitoAccess.isActive]]" |
| 82 on-change="onAllowIncognitoChange_"> |
| 83 $i18n{itemAllowIncognito} |
| 84 </paper-checkbox> |
| 85 </template> |
| 86 </div> |
| 87 </template> |
| 88 <div class="section"> |
| 89 <div class="section-title">$i18n{itemSource}</div> |
| 90 <div class="section-content">TODO</div> |
| 91 </div> |
| 92 </div> |
| 93 </template> |
| 94 <script src="chrome://extensions/detail_view.js"></script> |
| 95 </dom-module> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1913353002:
[MD Extensions] Add a details subpage, move to one list (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master