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