blob: 1c6c79d8334aa4aba3e56efb7382a18ae7fc9042 [file] [log] [blame]
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
<link rel="import" href="chrome://resources/cr_elements/cr_action_menu/cr_action_menu.html">
<link rel="import" href="../i18n_setup.html">
<link rel="import" href="../settings_shared_css.html">
<link rel="import" href="../site_favicon.html">
<link rel="import" href="site_settings_behavior.html">
<link rel="import" href="site_settings_prefs_browser_proxy.html">
<dom-module id="usb-devices">
<template>
<style include="settings-shared">
:host {
display: block;
}
.column-header {
margin-bottom: 15px;
margin-inline-start: 20px;
margin-top: 15px;
}
</style>
<div class="settings-box first" hidden$="[[hasDevices_(devices_)]]">
$i18n{noUsbDevicesFound}
</div>
<template is="dom-repeat" items="[[devices_]]">
<div class="column-header">[[item.objectName]]</div>
<div class="list-frame menu-content vertical-list">
<div class="list-item">
<site-favicon url="[[item.origin]]"></site-favicon>
<div class="middle">
<span class="url-directionality">[[item.origin]]</span>
</div>
<paper-icon-button-light class="icon-more-vert">
<button on-click="showMenu_" title="$i18n{moreActions}"></button>
</paper-icon-button-light>
</div>
</div>
</template>
<cr-action-menu>
<button id="removeButton" slot="item" class="dropdown-item"
on-click="onRemoveTap_">
$i18n{handlerRemove}
</button>
</cr-action-menu>
</template>
<script src="usb_devices.js"></script>
</dom-module>