| <link rel="import" href="chrome://resources/html/polymer.html"> |
| |
| <link rel="import" href="shared_style.html"> |
| <link rel="import" href="chrome://resources/cr_elements/paper_button_style_css.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html"> |
| <link rel="import" href="chrome://resources/cr_elements/cr_icon_button/cr_icon_button.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html"> |
| |
| <dom-module id="app-management-permission-view-header"> |
| <template> |
| <style include="app-management-shared-css paper-button-style"> |
| :host { |
| align-items: center; |
| display: flex; |
| margin: 24px auto; |
| width: var(--card-width); |
| } |
| |
| #permission-view-header-icon { |
| height: 26px; |
| margin-inline-end: 8px; |
| margin-inline-start: 24px; |
| width: 26px; |
| } |
| |
| #app-title { |
| flex: 1; |
| font-size: 16px; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| } |
| |
| cr-icon-button { |
| margin: 0; |
| } |
| |
| #uninstall-button { |
| background: white; |
| } |
| |
| #policy-indicator { |
| fill: var(--google-grey-refresh-500); |
| padding-inline-end: 10px; |
| } |
| </style> |
| <cr-icon-button class="icon-arrow-back" id="backButton" |
| on-click="onClickBackButton_" aria-label="$i18n{back}"></cr-icon-button> |
| <img id="permission-view-header-icon" src="[[iconUrlFromId_(app_)]]"> |
| <div class="page-title">[[app_.title]]</div> |
| |
| <div id="uninstall-wrapper" title$="[[getUninstallButtonHoverText_(app_)]]"> |
| <template is="dom-if" if="[[isPolicyApp_(app_)]]"> |
| <iron-icon id="policy-indicator" icon="cr:domain"></iron-icon> |
| </template> |
| <paper-button id="uninstall-button" on-click="onClickUninstallButton_" |
| disabled$="[[getUninstallButtonDisableState_(app_)]]"> |
| $i18n{uninstall} |
| </paper-button> |
| </div> |
| </template> |
| <script src="permission_view_header.js"></script> |
| </dom-module> |