ui/webui/resources/cr_elements/chromeos/network/cr_network_list.html

<link rel="import" href="../../../html/polymer.html">

<link rel="import" href="../../chromeos/network/cr_network_list_item.html">
<link rel="import" href="../../chromeos/network/cr_onc_types.html">
<link rel="import" href="../../chromeos/network/cr_onc_types.html">
<link rel="import" href="../../cr_scrollable_behavior.html">
<link rel="import" href="../../shared_style_css.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.html">

<dom-module id="cr-network-list">
  <template>
    <style include="cr-shared-style iron-flex">
      :host {
        display: inline-flex;
      }

      cr-network-list-item {
        align-items: center;
        height: 48px;
      }

      #container {
        overflow-x: hidden;
        overflow-y: auto;
      }

      /* Override scrollable border-bottom-color */
      #container[no-bottom-scroll-border] {
        border-bottom-color: transparent;
      }

      iron-list > *:not(:first-of-type) {
        border-top: var(--cr-separator-line);
      }

    </style>
    <div id="container" class="layout vertical flex" scrollable
        no-bottom-scroll-border$="[[noBottomScrollBorder]]">
      <iron-list id="networkList" selection-enabled items="[[listItems_]]"
          scroll-target="container" selected-item="{{selectedItem}}">
        <template>
          <cr-network-list-item item="[[item]]"
              show-buttons="[[showButtons]]" tabindex$="[[tabIndex]]">
          </cr-network-list-item>
        </template>
      </iron-list>
    </div>
  </template>
  <script src="cr_network_list.js"></script>
</dom-module>