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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified 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 side-by-side diff with in-line comments
Download patch
« remoting/webapp/host_list.js ('K') | « remoting/webapp/main.css ('k') | remoting/webapp/remoting.js » ('j') | remoting/webapp/ui_mode.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: remoting/webapp/main.html
diff --git a/remoting/webapp/main.html b/remoting/webapp/main.html
index 402795ebafb41c6e15873e2ffce0daec347364da..8a7853efcc292dd8070206a9a5adfc8479f28f2f 100644
--- a/remoting/webapp/main.html
+++ b/remoting/webapp/main.html
@@ -84,76 +84,101 @@ found in the LICENSE file.
<section>
<h2 i18n-content="MODE_IT2ME"></h2>
- <div>
- <div class="section-row">
- <div class="box-spacer">
- <div i18n-content="HOME_SHARE_DESCRIPTION"></div>
- <div id="chrome-os-no-share"
- i18n-content="HOME_SHARE_DESCRIPTION_CHROME_OS"
- class="small-print"></div>
+ <div id="it2me-first-run">
+ <div>
+ <p class="infographic-description"
+ i18n-content="IT2ME_FIRST_RUN"></p>
+ <button id="get-started-it2me" i18n-content="GET_STARTED"></button>
+ </div>
+ <div class="infographic">
+ <img src="infographic_remote_assistance.png">
+ </div>
+ </div>
+ <div id="it2me-content">
+ <div>
+ <div class="section-row">
+ <div class="box-spacer">
+ <div i18n-content="HOME_SHARE_DESCRIPTION"></div>
+ <div id="chrome-os-no-share"
+ i18n-content="HOME_SHARE_DESCRIPTION_CHROME_OS"
+ class="small-print"></div>
+ </div>
+ <div>
+ <button id="share-button"
+ i18n-content="HOME_SHARE_BUTTON"
+ class="kd-button-share"
+ type="button">
+ </button>
+ </div>
</div>
+ </div>
+ <div class="section-row">
+ <div i18n-content="HOME_ACCESS_DESCRIPTION"
+ class="box-spacer"></div>
<div>
- <button id="share-button"
- i18n-content="HOME_SHARE_BUTTON"
- class="kd-button-share"
+ <button id="access-mode-button"
+ i18n-content="HOME_ACCESS_BUTTON"
type="button">
</button>
</div>
</div>
- </div>
- <div class="section-row">
- <div i18n-content="HOME_ACCESS_DESCRIPTION" class="box-spacer"></div>
- <div>
- <button id="access-mode-button"
- i18n-content="HOME_ACCESS_BUTTON"
- type="button">
- </button>
- </div>
- </div>
+ </div> <!-- it2me-content -->
</section> <!-- Remote Assistance -->
- <section id="host-list-div" class="host-list-container" hidden>
+ <section id="host-list-div" class="host-list-container">
<h2 i18n-content="MODE_ME2ME"></h2>
- <div id="host-list"></div>
- <div id="host-list-error" class="error-state"></div>
- <div id="daemon-control" data-daemon-state="enabled disabled" hidden>
- <table class="host-list-table">
- <!-- TODO(jamiewalch): Rewrite this using flex boxes and apply the
- host-offline style if the daemon is not running -->
- <tr>
- <td class="host-list-main-icon">
- <img src="icon_host.png">
- </td>
- <td class="host-list-label">
- <span id="this-computer-name"
- data-daemon-state="enabled">
- My computer <!-- Placeholder until daemon mode is finished -->
- </span>
- <span i18n-content="HOME_DAEMON_START_MESSAGE"
- data-daemon-state="disabled">
- </span>
- </td>
- <td class="mode-select-button-column">
- <button type="button"
- id="stop-daemon"
- i18n-content="HOME_DAEMON_STOP_BUTTON"
+ <div id="me2me-first-run">
+ <div>
+ <p class="infographic-description"
+ i18n-content="ME2ME_FIRST_RUN"></p>
+ <button id="get-started-me2me" i18n-content="GET_STARTED"></button>
+ </div>
+ <div class="infographic">
+ <img src="infographic_my_computers.png">
+ </div>
+ </div>
+ <div id="me2me-content">
+ <div id="host-list"></div>
+ <div id="host-list-error" class="error-state"></div>
+ <div id="daemon-control" data-daemon-state="enabled disabled" hidden>
+ <table class="host-list-table">
+ <!-- TODO(jamiewalch): Rewrite this using flex boxes and apply the
+ host-offline style if the daemon is not running -->
+ <tr>
+ <td class="host-list-main-icon">
+ <img src="icon_host.png">
+ </td>
+ <td class="host-list-label">
+ <span id="this-computer-name"
data-daemon-state="enabled">
- </button>
- <button type="button"
- id="start-daemon"
- i18n-content="HOME_DAEMON_START_BUTTON"
+ My computer <!-- Placeholder until daemon mode is finished -->
+ </span>
+ <span i18n-content="HOME_DAEMON_START_MESSAGE"
data-daemon-state="disabled">
- </button>
- </td>
- </tr>
- </table>
- <div data-daemon-state="enabled">
- <span i18n-content="HOME_DAEMON_ACTIVE_MESSAGE"></span>
- <a id="change-daemon-pin"
- href="#"
- i18n-content="HOME_DAEMON_CHANGE_PIN_LINK"></a>
- </div>
- </div> <!-- daemon-control -->
+ </span>
+ </td>
+ <td class="mode-select-button-column">
+ <button type="button"
+ id="stop-daemon"
+ i18n-content="HOME_DAEMON_STOP_BUTTON"
+ data-daemon-state="enabled">
+ </button>
+ <button type="button"
+ id="start-daemon"
+ i18n-content="HOME_DAEMON_START_BUTTON"
+ data-daemon-state="disabled">
+ </button>
+ </td>
+ </tr>
+ </table>
+ <div data-daemon-state="enabled">
+ <span i18n-content="HOME_DAEMON_ACTIVE_MESSAGE"></span>
+ <a id="change-daemon-pin"
+ href="#"
+ i18n-content="HOME_DAEMON_CHANGE_PIN_LINK"></a>
+ </div>
+ </div> <!-- daemon-control -->
+ </div> <!-- me2me-content -->
</section> <!-- host-list-div -->
</div> <!-- home -->
« 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