Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(48)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: remoting/webapp/main.html

Issue 9903008: Added first-run infographic screens for IT2Me and Me2Me. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 8 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« remoting/webapp/host_list.js ('K') | « remoting/webapp/main.css ('k') | remoting/webapp/remoting.js » ('j') | remoting/webapp/ui_mode.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!doctype html> 1 <!doctype html>
2 <!-- 2 <!--
3 Copyright (c) 2012 The Chromium Authors. All rights reserved. 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 4 Use of this source code is governed by a BSD-style license that can be
5 found in the LICENSE file. 5 found in the LICENSE file.
6 --> 6 -->
7 7
8 <html> 8 <html>
9 <head> 9 <head>
10 <meta charset="utf-8"> 10 <meta charset="utf-8">
(...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after
77 </header> 77 </header>
78 78
79 <div data-ui-mode="home" hidden> 79 <div data-ui-mode="home" hidden>
80 <section> 80 <section>
81 <div i18n-content="DESCRIPTION_HOME" 81 <div i18n-content="DESCRIPTION_HOME"
82 i18n-value-1="<a href='https://chrome.google.com/remotedesktop'>chr ome.google.com/remotedesktop</a>"></div> 82 i18n-value-1="<a href='https://chrome.google.com/remotedesktop'>chr ome.google.com/remotedesktop</a>"></div>
83 </section> 83 </section>
84 84
85 <section> 85 <section>
86 <h2 i18n-content="MODE_IT2ME"></h2> 86 <h2 i18n-content="MODE_IT2ME"></h2>
87 <div> 87 <div id="it2me-first-run">
88 <div>
89 <p class="infographic-description"
90 i18n-content="IT2ME_FIRST_RUN"></p>
91 <button id="get-started-it2me" i18n-content="GET_STARTED"></button>
92 </div>
93 <div class="infographic">
94 <img src="infographic_remote_assistance.png">
95 </div>
96 </div>
97 <div id="it2me-content">
98 <div>
99 <div class="section-row">
100 <div class="box-spacer">
101 <div i18n-content="HOME_SHARE_DESCRIPTION"></div>
102 <div id="chrome-os-no-share"
103 i18n-content="HOME_SHARE_DESCRIPTION_CHROME_OS"
104 class="small-print"></div>
105 </div>
106 <div>
107 <button id="share-button"
108 i18n-content="HOME_SHARE_BUTTON"
109 class="kd-button-share"
110 type="button">
111 </button>
112 </div>
113 </div>
114 </div>
88 <div class="section-row"> 115 <div class="section-row">
89 <div class="box-spacer"> 116 <div i18n-content="HOME_ACCESS_DESCRIPTION"
90 <div i18n-content="HOME_SHARE_DESCRIPTION"></div> 117 class="box-spacer"></div>
91 <div id="chrome-os-no-share"
92 i18n-content="HOME_SHARE_DESCRIPTION_CHROME_OS"
93 class="small-print"></div>
94 </div>
95 <div> 118 <div>
96 <button id="share-button" 119 <button id="access-mode-button"
97 i18n-content="HOME_SHARE_BUTTON" 120 i18n-content="HOME_ACCESS_BUTTON"
98 class="kd-button-share"
99 type="button"> 121 type="button">
100 </button> 122 </button>
101 </div> 123 </div>
102 </div> 124 </div>
103 </div> 125 </div> <!-- it2me-content -->
104 <div class="section-row"> 126 </section> <!-- Remote Assistance -->
105 <div i18n-content="HOME_ACCESS_DESCRIPTION" class="box-spacer"></div> 127
128 <section id="host-list-div" class="host-list-container">
129 <h2 i18n-content="MODE_ME2ME"></h2>
130 <div id="me2me-first-run">
106 <div> 131 <div>
107 <button id="access-mode-button" 132 <p class="infographic-description"
108 i18n-content="HOME_ACCESS_BUTTON" 133 i18n-content="ME2ME_FIRST_RUN"></p>
109 type="button"> 134 <button id="get-started-me2me" i18n-content="GET_STARTED"></button>
110 </button> 135 </div>
136 <div class="infographic">
137 <img src="infographic_my_computers.png">
111 </div> 138 </div>
112 </div> 139 </div>
113 </section> <!-- Remote Assistance --> 140 <div id="me2me-content">
114 141 <div id="host-list"></div>
115 <section id="host-list-div" class="host-list-container" hidden> 142 <div id="host-list-error" class="error-state"></div>
116 <h2 i18n-content="MODE_ME2ME"></h2> 143 <div id="daemon-control" data-daemon-state="enabled disabled" hidden>
117 <div id="host-list"></div> 144 <table class="host-list-table">
118 <div id="host-list-error" class="error-state"></div> 145 <!-- TODO(jamiewalch): Rewrite this using flex boxes and apply the
119 <div id="daemon-control" data-daemon-state="enabled disabled" hidden> 146 host-offline style if the daemon is not running -->
120 <table class="host-list-table"> 147 <tr>
121 <!-- TODO(jamiewalch): Rewrite this using flex boxes and apply the 148 <td class="host-list-main-icon">
122 host-offline style if the daemon is not running --> 149 <img src="icon_host.png">
123 <tr> 150 </td>
124 <td class="host-list-main-icon"> 151 <td class="host-list-label">
125 <img src="icon_host.png"> 152 <span id="this-computer-name"
126 </td>
127 <td class="host-list-label">
128 <span id="this-computer-name"
129 data-daemon-state="enabled">
130 My computer <!-- Placeholder until daemon mode is finished -->
131 </span>
132 <span i18n-content="HOME_DAEMON_START_MESSAGE"
133 data-daemon-state="disabled">
134 </span>
135 </td>
136 <td class="mode-select-button-column">
137 <button type="button"
138 id="stop-daemon"
139 i18n-content="HOME_DAEMON_STOP_BUTTON"
140 data-daemon-state="enabled"> 153 data-daemon-state="enabled">
141 </button> 154 My computer <!-- Placeholder until daemon mode is finished - ->
142 <button type="button" 155 </span>
143 id="start-daemon" 156 <span i18n-content="HOME_DAEMON_START_MESSAGE"
144 i18n-content="HOME_DAEMON_START_BUTTON"
145 data-daemon-state="disabled"> 157 data-daemon-state="disabled">
146 </button> 158 </span>
147 </td> 159 </td>
148 </tr> 160 <td class="mode-select-button-column">
149 </table> 161 <button type="button"
150 <div data-daemon-state="enabled"> 162 id="stop-daemon"
151 <span i18n-content="HOME_DAEMON_ACTIVE_MESSAGE"></span> 163 i18n-content="HOME_DAEMON_STOP_BUTTON"
152 <a id="change-daemon-pin" 164 data-daemon-state="enabled">
153 href="#" 165 </button>
154 i18n-content="HOME_DAEMON_CHANGE_PIN_LINK"></a> 166 <button type="button"
155 </div> 167 id="start-daemon"
156 </div> <!-- daemon-control --> 168 i18n-content="HOME_DAEMON_START_BUTTON"
169 data-daemon-state="disabled">
170 </button>
171 </td>
172 </tr>
173 </table>
174 <div data-daemon-state="enabled">
175 <span i18n-content="HOME_DAEMON_ACTIVE_MESSAGE"></span>
176 <a id="change-daemon-pin"
177 href="#"
178 i18n-content="HOME_DAEMON_CHANGE_PIN_LINK"></a>
179 </div>
180 </div> <!-- daemon-control -->
181 </div> <!-- me2me-content -->
157 </section> <!-- host-list-div --> 182 </section> <!-- host-list-div -->
158 </div> <!-- home --> 183 </div> <!-- home -->
159 184
160 <div id="dialog-screen" 185 <div id="dialog-screen"
161 data-ui-mode="home.host home.client home.auth home.history home.confirm -host-delete home.ask-pin" 186 data-ui-mode="home.host home.client home.auth home.history home.confirm -host-delete home.ask-pin"
162 hidden></div> 187 hidden></div>
163 188
164 <div id="dialog-container" 189 <div id="dialog-container"
165 data-ui-mode="home.host home.client home.auth home.history home.confirm -host-delete home.ask-pin" 190 data-ui-mode="home.host home.client home.auth home.history home.confirm -host-delete home.ask-pin"
166 hidden> 191 hidden>
(...skipping 271 matching lines...) Expand 10 before | Expand all | Expand 10 after
438 <div class="arrow-down"></div> 463 <div class="arrow-down"></div>
439 </div> 464 </div>
440 </div> <!-- session-toolbar --> 465 </div> <!-- session-toolbar -->
441 </div> <!-- session-mode --> 466 </div> <!-- session-mode -->
442 467
443 <div id="statistics" dir="ltr" class="selectable" hidden> 468 <div id="statistics" dir="ltr" class="selectable" hidden>
444 </div> <!-- statistics --> 469 </div> <!-- statistics -->
445 470
446 </body> 471 </body>
447 </html> 472 </html>
OLDNEW
« remoting/webapp/host_list.js ('K') | « remoting/webapp/main.css ('k') | remoting/webapp/remoting.js » ('j') | remoting/webapp/ui_mode.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698