chrome/browser/resources/settings/internet_page/internet_known_networks_page.html

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

<link rel="import" href="chrome://resources/cr_elements/cr_action_menu/cr_action_menu.html">
<link rel="import" href="chrome://resources/cr_elements/icons.html">
<link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_network_behavior.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
<link rel="import" href="../settings_shared_css.html">

<dom-module id="settings-internet-known-networks-page">
  <template>
    <style include="internet-shared">
      cr-policy-indicator {
        -webkit-margin-start: var(--settings-controlled-by-spacing);
      }
    </style>

    <div class="settings-box first">
      <div>$i18n{knownNetworksMessage}</div>
    </div>

    <div class="settings-box">
      <div class="secondary">$i18n{knownNetworksPreferred}</div>
    </div>
    <div class="list-frame vertical-list">
      <div class="list-item"
          hidden$="[[havePreferred_(networkStateList_)]]">
        $i18n{internetNoNetworks}
      </div>
      <template is="dom-repeat" items="[[networkStateList_]]"
          filter="networkIsPreferred_">
        <div class="list-item">
          <div class="start">[[item.Name]]</div>
          <template is="dom-if" if="[[isPolicySource(item.Source))]]">
            <cr-policy-indicator
                indicator-type="[[getIndicatorTypeForSource(item.Source)]]">
            </cr-policy-indicator>
          </template>
          <button class="subpage-arrow" is="paper-icon-button-light"
              actionable on-tap="fireShowDetails_" tabindex$="[[tabindex]]"
              aria-label$="[[item.Name]]">
          </button>
          <div class="separator"></div>
          <button is="paper-icon-button-light" class="icon-more-vert"
              preferred tabindex$="[[tabindex]]" on-tap="onMenuButtonTap_"
              title="$i18n{moreActions}">
          </button>
        </div>
      </template>
    </div>

    <div class="settings-box">
      <div class="secondary">$i18n{knownNetworksAll}</div>
    </div>
    <div class="list-frame vertical-list"
        hidden$="[[!haveNotPreferred_(networkStateList_)]]">
      <template is="dom-repeat" items="[[networkStateList_]]"
          filter="networkIsNotPreferred_">
        <div class="list-item">
          <div class="start">[[item.Name]]</div>
          <template is="dom-if" if="[[isPolicySource(item.Source))]]">
            <cr-policy-indicator
                indicator-type="[[getIndicatorTypeForSource(item.Source)]]">
            </cr-policy-indicator>
          </template>
          <button class="subpage-arrow" is="paper-icon-button-light"
              actionable on-tap="fireShowDetails_" tabindex$="[[tabindex]]"
              aria-label$="[[item.Name]]">
          </button>
          <div class="separator"></div>
          <button is="paper-icon-button-light" class="icon-more-vert"
              tabindex$="[[tabindex]]" on-tap="onMenuButtonTap_"
              title="$i18n{moreActions}">
          </button>
        </div>
      </template>
    </div>

    <dialog id="dotsMenu" is="cr-action-menu">
      <button class="dropdown-item" hidden="[[!showAddPreferred_]]"
          on-tap="onAddPreferredTap_">
        $i18n{knownNetworksMenuAddPreferred}
      </button>
      <button class="dropdown-item" hidden="[[!showRemovePreferred_]]"
          on-tap="onRemovePreferredTap_">
        $i18n{knownNetworksMenuRemovePreferred}
      </button>
      <button class="dropdown-item" disabled="[[!enableForget_]]"
          on-tap="onForgetTap_">
        $i18n{knownNetworksMenuForget}
      </button>
    </dialog>

  </template>
  <script src="internet_known_networks_page.js"></script>
</dom-module>