remoting/webapp/crd/html/ui_me2me.html

   1 <!--
   2 Copyright (c) 2014 The Chromium Authors. All rights reserved.
   3 Use of this source code is governed by a BSD-style license that can be
   4 found in the LICENSE file.
   5 -->
   6 <section id="host-list-div" class="host-list-container">
   7
   8   <div id="me2me-first-run">
   9     <h2 i18n-content="MODE_ME2ME"></h2>
  10     <div>
  11       <p class="infographic-description"
  12          i18n-content="ME2ME_FIRST_RUN"></p>
  13       <button id="get-started-me2me"
  14               i18n-content="GET_STARTED"
  15               disabled></button>
  16     </div>
  17     <div class="infographic">
  18       <img src="infographic_my_computers.webp">
  19     </div>
  20   </div>
  21
  22   <div id="me2me-content">
  23     <h2>
  24       <span i18n-content="MODE_ME2ME"></span>
  25       <span class="h2-secondary" id="host-list-loading-indicator">
  26         <a href="#" id="host-list-reload"
  27            class="icon-black"
  28            i18n-title="TOOLTIP_REFRESH">
  29           <img src="reload.webp">
  30         </a>
  31         <img src="spinner.gif" id="host-list-loading">
  32       </span>
  33     </h2>
  34
  35     <div id="host-list" hidden></div>
  36
  37     <div id="host-list-error" class="box" hidden>
  38       <div id="host-list-error-message" class="error-state"></div>
  39       <div class="box-spacer"></div>
  40       <button type="button"
  41               id="host-list-refresh-failed-button"></button>
  42     </div>
  43
  44     <div id="host-list-empty"
  45          class="host-list-empty-instructions" hidden>
  46     </div>
  47
  48     <div class="daemon-control"
  49          data-daemon-state="enabled disabled enabled-other-account" hidden>
  50       <div class="section-row daemon-disabled"
  51            data-daemon-state="disabled">
  52         <img src="icon_host.webp" class="host-list-main-icon">
  53         <div class="box-spacer"
  54              class="no-daemon-message"
  55              i18n-content="HOME_DAEMON_START_MESSAGE"></div>
  56         <button type="button"
  57                 class="start-daemon"
  58                 i18n-content="HOME_DAEMON_START_BUTTON">
  59         </button>
  60       </div> <!-- disabled -->
  61       <div class="section-row host-enabled-other-account"
  62            data-daemon-state="enabled-other-account">
  63         <img src="icon_host.webp" class="host-list-main-icon">
  64         <div class="box-spacer"
  65              i18n-content="HOME_DAEMON_HOST_ENABLED_OTHER_ACCOUNT"></div>
  66         <button type="button"
  67                 class="stop-daemon"
  68                 i18n-content="HOME_DAEMON_STOP_BUTTON">
  69         </button>
  70       </div> <!-- enabled-other-account -->
  71       <div id="this-host-connect"
  72            data-daemon-state="enabled">
  73         <div class="host-entry"></div>
  74         <button type="button"
  75                 class="stop-local-daemon"
  76                 i18n-content="HOME_DAEMON_STOP_BUTTON">
  77         </button>
  78       </div> <!-- this-host-connect -->
  79       <div data-daemon-state="enabled">
  80         <div>
  81           <span i18n-content="HOME_DAEMON_ACTIVE_MESSAGE"></span>
  82           <a class="change-daemon-pin"
  83              href="#"
  84              i18n-content="HOME_DAEMON_CHANGE_PIN_LINK"></a>
  85         </div>
  86         <div id="paired-client-manager-message" hidden>
  87           <span i18n-content="HOME_DAEMON_PAIRED_MESSAGE"></span>
  88           <a href="#"
  89              id="open-paired-client-manager-dialog"
  90              i18n-content="HOME_DAEMON_MANAGE_PAIRINGS"></a>
  91         </div>
  92       </div> <!-- enabled -->
  93     </div> <!-- daemon-control -->
  94
  95   </div> <!-- me2me-content -->
  96
  97 </section> <!-- host-list-div -->