remoting/webapp/crd/html/ui_me2me.html

<!--
Copyright (c) 2014 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<section id="host-list-div" class="host-list-container">

  <div id="me2me-first-run">
    <h2 i18n-content="MODE_ME2ME"></h2>
    <div>
      <p class="infographic-description"
         i18n-content="ME2ME_FIRST_RUN"></p>
      <button id="get-started-me2me"
              i18n-content="GET_STARTED"
              disabled></button>
    </div>
    <div class="infographic">
      <img src="infographic_my_computers.webp">
    </div>
  </div>

  <div id="me2me-content">
    <h2>
      <span i18n-content="MODE_ME2ME"></span>
      <span class="h2-secondary" id="host-list-loading-indicator">
        <a href="#" id="host-list-reload"
           class="icon-black"
           i18n-title="TOOLTIP_REFRESH">
          <img src="reload.webp">
        </a>
        <img src="spinner.gif" id="host-list-loading">
      </span>
    </h2>

    <div id="host-list" hidden></div>

    <div id="host-list-error" class="box" hidden>
      <div id="host-list-error-message" class="error-state"></div>
      <div class="box-spacer"></div>
      <button type="button"
              id="host-list-refresh-failed-button"></button>
    </div>

    <div id="host-list-empty"
         class="host-list-empty-instructions" hidden>
    </div>

    <div class="daemon-control"
         data-daemon-state="enabled disabled enabled-other-account" hidden>
      <div class="section-row daemon-disabled"
           data-daemon-state="disabled">
        <img src="icon_host.webp" class="host-list-main-icon">
        <div class="box-spacer"
             class="no-daemon-message"
             i18n-content="HOME_DAEMON_START_MESSAGE"></div>
        <button type="button"
                class="start-daemon"
                i18n-content="HOME_DAEMON_START_BUTTON">
        </button>
      </div> <!-- disabled -->
      <div class="section-row host-enabled-other-account"
           data-daemon-state="enabled-other-account">
        <img src="icon_host.webp" class="host-list-main-icon">
        <div class="box-spacer"
             i18n-content="HOME_DAEMON_HOST_ENABLED_OTHER_ACCOUNT"></div>
        <button type="button"
                class="stop-daemon"
                i18n-content="HOME_DAEMON_STOP_BUTTON">
        </button>
      </div> <!-- enabled-other-account -->
      <div id="this-host-connect"
           data-daemon-state="enabled">
        <div class="host-entry"></div>
        <button type="button"
                class="stop-local-daemon"
                i18n-content="HOME_DAEMON_STOP_BUTTON">
        </button>
      </div> <!-- this-host-connect -->
      <div data-daemon-state="enabled">
        <div>
          <span i18n-content="HOME_DAEMON_ACTIVE_MESSAGE"></span>
          <a class="change-daemon-pin"
             href="#"
             i18n-content="HOME_DAEMON_CHANGE_PIN_LINK"></a>
        </div>
        <div id="paired-client-manager-message" hidden>
          <span i18n-content="HOME_DAEMON_PAIRED_MESSAGE"></span>
          <a href="#"
             id="open-paired-client-manager-dialog"
             i18n-content="HOME_DAEMON_MANAGE_PAIRINGS"></a>
        </div>
      </div> <!-- enabled -->
    </div> <!-- daemon-control -->

  </div> <!-- me2me-content -->

</section> <!-- host-list-div -->