summaryrefslogtreecommitdiffstats
path: root/remoting/webapp/html/template_main.html
blob: 981f7947d66351ab605f2fc3eac240fd2303cb44 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!doctype html>
<!--
Copyright (c) 2012 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.
-->

<html class="full-height">
  <head>
    <meta charset="utf-8">
    <link rel="icon" type="image/png" href="chromoting16.webp">
    <link rel="stylesheet" href="open_sans.css">
    <link rel="stylesheet" href="connection_stats.css">
    <link rel="stylesheet" href="main.css">
    <link rel="stylesheet" href="menu_button.css">
    <link rel="stylesheet" href="toolbar.css">
    <link rel="stylesheet" href="window_frame.css">

    <meta-include type="javascript"/>

    <title i18n-content="PRODUCT_NAME"></title>
  </head>

  <body class="full-height">

    <meta-include src="webapp/html/window_frame.html"/>

    <div class="window-body full-height">

      <!-- loading-mode is initially visible, but becomes hidden as soon as an
           AppMode is selected by remoting.init. All other divs are initially
           hidden, but are shown appropriately when the mode changes. -->
      <section id="loading-mode" data-ui-mode="">
        <em>Loading&hellip;</em>
      </section>

      <div id="daemon-plugin-container"></div>
      <div id="host-plugin-container"></div>

      <iframe id="wcs-sandbox" src="wcs_sandbox.html" hidden></iframe>

      <div class="dialog-screen"
           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"
           hidden></div>

      <div id="scroller">
        <div class="inset home-screen full-height"
             data-ui-mode="home"
             hidden>

          <meta-include src="webapp/html/ui_header.html"/>
          <meta-include src="webapp/html/butterbar.html"/>
          <meta-include src="webapp/html/ui_it2me.html"/>
          <meta-include src="webapp/html/ui_me2me.html"/>

          <!-- The bottom-marker div is used to verify scroll-bar correctness
               in browser tests; it is not rendered. -->
          <div id="bottom-marker"></div>

        </div>  <!-- inset -->

        <meta-include src="webapp/html/dialog_auth.html"/>

        <div class="dialog-container"
             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"
             hidden>

          <meta-include src="webapp/html/dialog_token_refresh_failed.html"/>
          <meta-include src="webapp/html/dialog_host_setup.html"/>
          <meta-include src="webapp/html/dialog_host_install.html"/>
          <meta-include src="webapp/html/dialog_host.html"/>

          <div id="client-dialog"
               class="kd-modaldialog"
               data-ui-mode="home.client">

            <meta-include src="webapp/html/dialog_client_unconnected.html"/>
            <meta-include src="webapp/html/dialog_client_connecting.html"/>
            <meta-include src="webapp/html/dialog_client_host_needs_upgrade.html"/>
            <meta-include src="webapp/html/dialog_client_pin_prompt.html"/>
            <meta-include src="webapp/html/dialog_client_third_party_auth.html"/>
            <meta-include src="webapp/html/dialog_client_connect_failed.html"/>
            <meta-include src="webapp/html/dialog_client_session_finished.html"/>
          </div>

          <meta-include src="webapp/html/dialog_connection_history.html"/>
          <meta-include src="webapp/html/dialog_confirm_host_delete.html"/>
          <meta-include src="webapp/html/dialog_manage_pairings.html"/>

        </div>  <!-- dialog-container -->

        <div id="session-mode"
             data-ui-mode="in-session home.client"
             class="full-height"
             hidden>

          <meta-include src="webapp/html/toolbar.html"/>
          <meta-include src="webapp/html/client_plugin.html"/>

        </div>  <!-- session-mode -->

        <div id="statistics" dir="ltr" class="selectable" hidden>
        </div>

      </div>  <!-- scroller -->

    </div>  <!-- window-body -->

  </body>
</html>