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 id="daemon-control" data-daemon-state="enabled disabled" hidden>
  49       <div class="section-row no-non-local-hosts"
  50            data-daemon-state="disabled">
  51         <img src="icon_host.webp" class="host-list-main-icon">
  52         <div class="box-spacer host-list-label"
  53              id="start-daemon-message"
  54              i18n-content="HOME_DAEMON_START_MESSAGE"></div>
  55         <button type="button"
  56                 id="start-daemon"
  57                 i18n-content="HOME_DAEMON_START_BUTTON">
  58         </button>
  59       </div> <!-- disabled -->
  60       <div id="this-host-connect"
  61            class="section-row clickable no-non-local-hosts"
  62            data-daemon-state="enabled">
  63         <div class="host-list-main-icon">
  64           <span id="this-host-warning" hidden></span>
  65           <img id="this-host-icon"
  66                src="icon_host.webp">
  67         </div>
  68         <div id="this-host-name" class="box-spacer"></div>
  69         <span id="this-host-rename"
  70               class="host-list-edit"
  71               tabIndex="0"
  72               i18n-title="TOOLTIP_RENAME">
  73           <img class="host-list-rename-icon"
  74                src="icon_pencil.webp">
  75         </span>
  76         <button type="button"
  77                 id="stop-daemon"
  78                 i18n-content="HOME_DAEMON_STOP_BUTTON">
  79         </button>
  80       </div> <!-- this-host-connect -->
  81       <div data-daemon-state="enabled">
  82         <div>
  83           <span i18n-content="HOME_DAEMON_ACTIVE_MESSAGE"></span>
  84           <a id="change-daemon-pin"
  85              href="#"
  86              i18n-content="HOME_DAEMON_CHANGE_PIN_LINK"></a>
  87         </div>
  88         <div id="paired-client-manager-message" hidden>
  89           <span i18n-content="HOME_DAEMON_PAIRED_MESSAGE"></span>
  90           <a href="#"
  91              id="open-paired-client-manager-dialog"
  92              i18n-content="HOME_DAEMON_MANAGE_PAIRINGS"></a>
  93         </div>
  94       </div> <!-- enabled -->
  95     </div> <!-- daemon-control -->
  96
  97   </div> <!-- me2me-content -->
  98
  99 </section> <!-- host-list-div -->