blob: 74c972863fd8f2e1037001fb3b09d138e25d9b87 [file] [log] [blame]
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="browser_proxy.html">
<link rel="import" href="constants.html">
<link rel="import" href="metadata_view.html">
<link rel="import" href="permission_item.html">
<link rel="import" href="shared_style.html">
<link rel="import" href="shared_vars.html">
<link rel="import" href="permission_view_header.html">
<link rel="import" href="store_client.html">
<link rel="import" href="chrome://resources/cr_elements/cr_icons_css.html">
<link rel="import" href="chrome://resources/cr_elements/cr_toggle/cr_toggle.html">
<link rel="import" href="chrome://resources/cr_elements/paper_button_style_css.html">
<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
<link rel="import" href="chrome://resources/html/icon.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
<dom-module id="app-management-pwa-permission-view">
<template>
<style include="app-management-shared-css cr-icons paper-button-style">
#permission-list {
display: flex;
flex-direction: column;
}
.control-divider {
background: var(--control-separator-color);
height: 24px;
margin: 0 24px;
width: 1px;
}
#site-settings-button {
--paper-button-ink-color: none;
border: none;
color: var(--secondary-text-color);
display: flex;
font-size: 12px;
font-weight: var(--secondary-font-weight);
}
#site-settings-icon {
display: flex;
margin-inline-end: 24px;
margin-inline-start: 0;
}
</style>
<app-management-permission-view-header app="[[app_]]">
<div slot="extra-right-buttons">
<paper-button id="site-settings-button">
$i18n{openSiteSettings}
<paper-icon-button-light id="site-settings-icon"
class="icon-external">
<button></button>
</paper-icon-button-light>
</paper-button>
</div>
</app-management-permission-view-header>
<div id="permission-list" class="card-container">
<app-management-permission-item app="[[app_]]"
permission-label="$i18n{notifications}"
permission-type="CONTENT_SETTINGS_TYPE_NOTIFICATIONS">
</app-management-permission-item>
<span class="permission-row"
on-click="toggleListExpanded_">
<span class="header-text">$i18n{permissions}</span>
<span class="permission-row-controls">
<paper-icon-button-light>
<button>
<iron-icon icon="[[getCollapsedIcon_(listExpanded_)]]">
</iron-icon>
</button>
</paper-icon-button-light>
<div class="control-divider"></div>
<cr-toggle class="left-separated-control"></cr-toggle>
</span>
</span>
<iron-collapse opened="[[listExpanded_]]">
<app-management-permission-item app="[[app_]]"
permission-label="$i18n{location}"
permission-type="CONTENT_SETTINGS_TYPE_GEOLOCATION">
</app-management-permission-item>
<app-management-permission-item app="[[app_]]"
permission-label="$i18n{camera}"
permission-type="CONTENT_SETTINGS_TYPE_MEDIASTREAM_CAMERA">
</app-management-permission-item>
<app-management-permission-item app="[[app_]]"
permission-label="$i18n{microphone}"
permission-type="CONTENT_SETTINGS_TYPE_MEDIASTREAM_MIC">
</app-management-permission-item>
</iron-collapse>
</div>
<app-management-metadata-view app="[[app_]]"></app-management-metadata-view>
</template>
<script src="pwa_permission_view.js"></script>
</dom-module>