src/remoting/webapp/html/template_main.html

   1 <!doctype html>
   2 <!--
   3 Copyright (c) 2012 The Chromium Authors. All rights reserved.
   4 Use of this source code is governed by a BSD-style license that can be
   5 found in the LICENSE file.
   6 -->
   7
   8 <html class="full-height">
   9   <head>
  10     <meta charset="utf-8">
  11     <link rel="icon" type="image/png" href="chromoting16.webp">
  12     <link rel="stylesheet" href="open_sans.css">
  13     <link rel="stylesheet" href="connection_stats.css">
  14     <link rel="stylesheet" href="main.css">
  15     <link rel="stylesheet" href="menu_button.css">
  16     <link rel="stylesheet" href="toolbar.css">
  17     <link rel="stylesheet" href="window_frame.css">
  18
  19     <meta-include type="javascript"/>
  20
  21     <title i18n-content="PRODUCT_NAME"></title>
  22   </head>
  23
  24   <body class="full-height inner-border-for-apps-v2">
  25
  26     <meta-include src="webapp/html/window_frame.html"/>
  27
  28     <!-- loading-mode is initially visible, but becomes hidden as soon as an
  29          AppMode is selected by remoting.init. All other divs are initially
  30          hidden, but are shown appropriately when the mode changes. -->
  31     <section id="loading-mode" data-ui-mode="">
  32       <em>Loading&hellip;</em>
  33     </section>
  34
  35     <div id="daemon-plugin-container"></div>
  36     <div id="host-plugin-container"></div>
  37
  38     <iframe id="wcs-sandbox" src="wcs_sandbox.html" hidden></iframe>
  39
  40     <div id="scroller">
  41       <div class="inset home-screen" data-ui-mode="home" hidden>
  42
  43         <meta-include src="webapp/html/ui_header.html"/>
  44         <meta-include src="webapp/html/butterbar.html"/>
  45         <meta-include src="webapp/html/ui_it2me.html"/>
  46         <meta-include src="webapp/html/ui_me2me.html"/>
  47
  48       </div>  <!-- inset -->
  49
  50       <meta-include src="webapp/html/dialog_auth.html"/>
  51
  52       <div class="dialog-screen"
  53            data-ui-mode="home.host home.client home.history home.confirm-host-delete home.host-setup home.token-refresh-failed home.manage-pairings home.host-setup home.host-install"
  54            hidden></div>
  55
  56       <div class="dialog-container"
  57            data-ui-mode="home.host home.client home.history home.confirm-host-delete home.host-install home.host-setup home.token-refresh-failed home.manage-pairings"
  58            hidden>
  59
  60         <meta-include src="webapp/html/dialog_token_refresh_failed.html"/>
  61         <meta-include src="webapp/html/dialog_host_setup.html"/>
  62         <meta-include src="webapp/html/dialog_host_install.html"/>
  63         <meta-include src="webapp/html/dialog_host.html"/>
  64
  65         <div id="client-dialog"
  66              class="kd-modaldialog"
  67              data-ui-mode="home.client">
  68
  69           <meta-include src="webapp/html/dialog_client_unconnected.html"/>
  70           <meta-include src="webapp/html/dialog_client_connecting.html"/>
  71           <meta-include src="webapp/html/dialog_client_host_needs_upgrade.html"/>
  72           <meta-include src="webapp/html/dialog_client_pin_prompt.html"/>
  73           <meta-include src="webapp/html/dialog_client_third_party_auth.html"/>
  74           <meta-include src="webapp/html/dialog_client_connect_failed.html"/>
  75           <meta-include src="webapp/html/dialog_client_session_finished.html"/>
  76
  77         </div>
  78
  79         <meta-include src="webapp/html/dialog_connection_history.html"/>
  80         <meta-include src="webapp/html/dialog_confirm_host_delete.html"/>
  81         <meta-include src="webapp/html/dialog_manage_pairings.html"/>
  82
  83       </div>  <!-- dialog-container -->
  84
  85       <div id="session-mode"
  86            data-ui-mode="in-session home.client"
  87            class="full-height"
  88            hidden>
  89
  90         <meta-include src="webapp/html/toolbar.html"/>
  91         <meta-include src="webapp/html/client_plugin.html"/>
  92
  93       </div>  <!-- session-mode -->
  94
  95       <div id="statistics" dir="ltr" class="selectable" hidden>
  96       </div>
  97
  98     </div>  <!-- scroller ->
  99
 100   </body>
 101 </html>