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

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: Rebase Created 8 years, 8 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
« no previous file with comments | « remoting/webapp/main.css ('k') | remoting/webapp/remoting.js » ('j') | no next file with comments »
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 68 matching lines...) Expand 10 before | Expand all | Expand 10 after
79 </header> 79 </header>
80 80
81 <div data-ui-mode="home" hidden> 81 <div data-ui-mode="home" hidden>
82 <section> 82 <section>
83 <div i18n-content="DESCRIPTION_HOME" 83 <div i18n-content="DESCRIPTION_HOME"
84 i18n-value-1="<a href='https://chrome.google.com/remotedesktop'>chr ome.google.com/remotedesktop</a>"></div> 84 i18n-value-1="<a href='https://chrome.google.com/remotedesktop'>chr ome.google.com/remotedesktop</a>"></div>
85 </section> 85 </section>
86 86
87 <section> 87 <section>
88 <h2 i18n-content="MODE_IT2ME"></h2> 88 <h2 i18n-content="MODE_IT2ME"></h2>
89 <div> 89 <div id="it2me-first-run">
90 <div>
91 <p class="infographic-description"
92 i18n-content="IT2ME_FIRST_RUN"></p>
93 <button id="get-started-it2me" i18n-content="GET_STARTED"></button>
94 </div>
95 <div class="infographic">
96 <img src="infographic_remote_assistance.png">
97 </div>
98 </div>
99 <div id="it2me-content">
100 <div>
101 <div class="section-row">
102 <div class="box-spacer">
103 <div i18n-content="HOME_SHARE_DESCRIPTION"></div>
104 <div id="chrome-os-no-share"
105 i18n-content="HOME_SHARE_DESCRIPTION_CHROME_OS"
106 class="small-print"></div>
107 </div>
108 <div>
109 <button id="share-button"
110 i18n-content="HOME_SHARE_BUTTON"
111 class="kd-button-share"
112 type="button">
113 </button>
114 </div>
115 </div>
116 </div>
90 <div class="section-row"> 117 <div class="section-row">
91 <div class="box-spacer"> 118 <div i18n-content="HOME_ACCESS_DESCRIPTION"
92 <div i18n-content="HOME_SHARE_DESCRIPTION"></div> 119 class="box-spacer"></div>
93 <div id="chrome-os-no-share"
94 i18n-content="HOME_SHARE_DESCRIPTION_CHROME_OS"
95 class="small-print"></div>
96 </div>
97 <div> 120 <div>
98 <button id="share-button" 121 <button id="access-mode-button"
99 i18n-content="HOME_SHARE_BUTTON" 122 i18n-content="HOME_ACCESS_BUTTON"
100 class="kd-button-share"
101 type="button"> 123 type="button">
102 </button> 124 </button>
103 </div> 125 </div>
104 </div> 126 </div>
105 </div> 127 </div> <!-- it2me-content -->
106 <div class="section-row"> 128 </section> <!-- Remote Assistance -->
107 <div i18n-content="HOME_ACCESS_DESCRIPTION" class="box-spacer"></div> 129
130 <section id="host-list-div" class="host-list-container">
131 <h2 i18n-content="MODE_ME2ME"></h2>
132 <div id="me2me-first-run">
108 <div> 133 <div>
109 <button id="access-mode-button" 134 <p class="infographic-description"
110 i18n-content="HOME_ACCESS_BUTTON" 135 i18n-content="ME2ME_FIRST_RUN"></p>
111 type="button"> 136 <button id="get-started-me2me" i18n-content="GET_STARTED"></button>
112 </button> 137 </div>
138 <div class="infographic">
139 <img src="infographic_my_computers.png">
113 </div> 140 </div>
114 </div> 141 </div>
115 </section> <!-- Remote Assistance --> 142 <div id="me2me-content">
116 143 <div id="host-list"></div>
117 <section id="host-list-div" class="host-list-container" hidden> 144 <div id="host-list-error" class="error-state"></div>
118 <h2 i18n-content="MODE_ME2ME"></h2> 145 <div id="daemon-control" data-daemon-state="enabled disabled" hidden>
119 <div id="host-list"></div> 146 <table class="host-list-table">
120 <div id="host-list-error" class="error-state"></div> 147 <!-- TODO(jamiewalch): Rewrite this using flex boxes and apply the
121 <div id="daemon-control" data-daemon-state="enabled disabled" hidden> 148 host-offline style if the daemon is not running -->
122 <table class="host-list-table"> 149 <tr>
123 <!-- TODO(jamiewalch): Rewrite this using flex boxes and apply the 150 <td class="host-list-main-icon">
124 host-offline style if the daemon is not running --> 151 <img src="icon_host.png">
125 <tr> 152 </td>
126 <td class="host-list-main-icon"> 153 <td class="host-list-label">
127 <img src="icon_host.png"> 154 <span id="this-computer-name"
128 </td>
129 <td class="host-list-label">
130 <span id="this-computer-name"
131 data-daemon-state="enabled">
132 My computer <!-- Placeholder until daemon mode is finished -->
133 </span>
134 <span i18n-content="HOME_DAEMON_START_MESSAGE"
135 data-daemon-state="disabled">
136 </span>
137 </td>
138 <td class="mode-select-button-column">
139 <button type="button"
140 id="stop-daemon"
141 i18n-content="HOME_DAEMON_STOP_BUTTON"
142 data-daemon-state="enabled"> 155 data-daemon-state="enabled">
143 </button> 156 My computer <!-- Placeholder until daemon mode is finished - ->
144 <button type="button" 157 </span>
145 id="start-daemon" 158 <span i18n-content="HOME_DAEMON_START_MESSAGE"
146 i18n-content="HOME_DAEMON_START_BUTTON"
147 data-daemon-state="disabled"> 159 data-daemon-state="disabled">
148 </button> 160 </span>
149 </td> 161 </td>
150 </tr> 162 <td class="mode-select-button-column">
151 </table> 163 <button type="button"
152 <div data-daemon-state="enabled"> 164 id="stop-daemon"
153 <span i18n-content="HOME_DAEMON_ACTIVE_MESSAGE"></span> 165 i18n-content="HOME_DAEMON_STOP_BUTTON"
154 <a id="change-daemon-pin" 166 data-daemon-state="enabled">
155 href="#" 167 </button>
156 i18n-content="HOME_DAEMON_CHANGE_PIN_LINK"></a> 168 <button type="button"
157 </div> 169 id="start-daemon"
158 </div> <!-- daemon-control --> 170 i18n-content="HOME_DAEMON_START_BUTTON"
171 data-daemon-state="disabled">
172 </button>
173 </td>
174 </tr>
175 </table>
176 <div data-daemon-state="enabled">
177 <span i18n-content="HOME_DAEMON_ACTIVE_MESSAGE"></span>
178 <a id="change-daemon-pin"
179 href="#"
180 i18n-content="HOME_DAEMON_CHANGE_PIN_LINK"></a>
181 </div>
182 </div> <!-- daemon-control -->
183 </div> <!-- me2me-content -->
159 </section> <!-- host-list-div --> 184 </section> <!-- host-list-div -->
160 </div> <!-- home --> 185 </div> <!-- home -->
161 186
162 <div id="dialog-screen" 187 <div id="dialog-screen"
163 data-ui-mode="home.host home.client home.auth home.history home.confirm -host-delete home.ask-pin" 188 data-ui-mode="home.host home.client home.auth home.history home.confirm -host-delete home.ask-pin"
164 hidden></div> 189 hidden></div>
165 190
166 <div id="dialog-container" 191 <div id="dialog-container"
167 data-ui-mode="home.host home.client home.auth home.history home.confirm -host-delete home.ask-pin" 192 data-ui-mode="home.host home.client home.auth home.history home.confirm -host-delete home.ask-pin"
168 hidden> 193 hidden>
(...skipping 280 matching lines...) Expand 10 before | Expand all | Expand 10 after
449 <div class="arrow-down"></div> 474 <div class="arrow-down"></div>
450 </div> 475 </div>
451 </div> <!-- session-toolbar --> 476 </div> <!-- session-toolbar -->
452 </div> <!-- session-mode --> 477 </div> <!-- session-mode -->
453 478
454 <div id="statistics" dir="ltr" class="selectable" hidden> 479 <div id="statistics" dir="ltr" class="selectable" hidden>
455 </div> <!-- statistics --> 480 </div> <!-- statistics -->
456 481
457 </body> 482 </body>
458 </html> 483 </html>
OLDNEW
« no previous file with comments | « remoting/webapp/main.css ('k') | remoting/webapp/remoting.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698