blob: 3b413265fedda78bd7b2733f8017ae3a54b9084c [file] [log] [blame]
<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>