| <link rel="import" href="chrome://resources/html/polymer.html"> |
| |
| <link rel="import" href="shared_style.html"> |
| <link rel="import" href="permission_toggle.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html"> |
| <link rel="import" href="chrome://resources/cr_elements/cr_toggle/cr_toggle.html"> |
| |
| <dom-module id="app-management-permission-item"> |
| <template> |
| <style include="app-management-shared-css"> |
| :host { |
| align-items: center; |
| display: flex; |
| justify-content: space-between; |
| } |
| |
| #permission-icon { |
| color: var(--permission-icon-color); |
| padding-inline-end: var(--permission-icon-padding); |
| } |
| </style> |
| <!-- `permission-item` does not include any icon-set, so containing |
| elements should import the icon-set needed for the specified |icon|. --> |
| <div class="permission-row-controls"> |
| <template is="dom-if" if="[[icon]]"> |
| <iron-icon id="permission-icon" icon="[[icon]]"></iron-icon> |
| </template> |
| <div id="permission-label">[[permissionLabel]]</div> |
| </div> |
| <app-management-permission-toggle |
| app="[[app_]]" permission-type="[[permissionType]]"> |
| </app-management-permission-toggle> |
| </template> |
| <script src="permission_item.js"></script> |
| </dom-module> |