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

Unified Diff: remoting/webapp/me2mom/choice.html

Issue 7383015: Replace in-session header with auto-hide tool-bar. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Removed comment. Created 9 years, 5 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
« no previous file with comments | « no previous file | remoting/webapp/me2mom/debug_log.css » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: remoting/webapp/me2mom/choice.html
diff --git a/remoting/webapp/me2mom/choice.html b/remoting/webapp/me2mom/choice.html
index fa3a4b703579aa2e2c7220ad45b23846e2cf3dba..2a31cbbf5a32ad17fb4e6193b9f604ce62a5d332 100644
--- a/remoting/webapp/me2mom/choice.html
+++ b/remoting/webapp/me2mom/choice.html
@@ -14,6 +14,7 @@ found in the LICENSE file.
<link rel="stylesheet" href="debug_log.css" />
<link rel="stylesheet" href="main.css" />
<link rel="stylesheet" href="choice.css" />
+ <link rel="stylesheet" href="toolbar.css" />
<script src="client_session.js"></script>
<script src="debug_log.js"></script>
<script src="oauth2.js"></script>
@@ -24,13 +25,13 @@ found in the LICENSE file.
</head>
<body onLoad="remoting.init();">
- <nav id="control-panel">
+ <div id="control-panel" class="client-element host-element">
<span id="email-status">
<span class="auth-status-label">Email:</span>
<span id="current-email"></span>
</span> <!-- email-status -->
- <span id="oauth2-entry" class="client-element host-element">
+ <span id="oauth2-entry">
<form>
<span class="auth-status-label">OAuth2 Token:</span>
<input id="oauth2-token-button" type="button"
@@ -42,24 +43,38 @@ found in the LICENSE file.
</form>
</span> <!-- oauth2-entry -->
- <span id="session-controls" class="in-session-element">
- <form id="session-buttons">
- <input id="scale-to-fit-toggle" type="button"
- value="Scale to fit" onclick="remoting.toggleScaleToFit();"/>
- </form>
- <span id="session-status-message">Initializing...</span>
- </span> <!-- session-controls -->
-
<span id="debug-enable">
<form>
- <input id="debug-log-toggle" type="button" value="Debug Log"
+ <input id="debug-log-toggle" type="button" value="Debug log"
onclick="remoting.toggleDebugLog();"/>
</form>
</span> <!-- debug-enable -->
-
- </nav> <!-- control-panel -->
-
- <section id="choice-mode" class="mode hidden host-element client-element">
+ </div> <!-- control-panel -->
+
+ <div id="session-toolbar"
+ class="toolbar-container in-session-element"
+ hidden>
+ <div class="toolbar-border">
+ <span id="session-status-message">Initialising...</span>
+ <strong id="connected-to"></strong>
+ <button type="button" disabled>Disconnect</button>
+ <span class="right-align">
+ <button type="button"
+ onclick="remoting.toggleDebugLog();">
+ Debug log
+ </button>
+ <button type="button"
+ onclick="remoting.toggleScaleToFit();">
+ Fit screen
+ </button>
+ </span>
+ </div>
+ <div class="toolbar-stub">
+ <img src="toolbar-stub.png">
+ </div>
+ </div> <!-- session-toolbar -->
+
+ <section id="choice-mode" class="mode host-element client-element" hidden>
<header class="choice-header">
<img id="icon" src="chromoting128.png">
<h1 class="icon-label host-element">
@@ -206,17 +221,23 @@ found in the LICENSE file.
</footer>
</section> <!-- choice-mode -->
- <section id="session-mode" class="mode in-session-element hidden">
+ <section id="session-mode" class="mode in-session-element">
</section> <!-- session-mode -->
<section id="loading-mode">
<em>Loading&hellip;</em>
- </section>
+ </section> <!-- loading-mode -->
<div id="host-plugin-container">
- </div>
- <div id="debug-log" class="hidden">
- </div>
+ </div> <!-- host-plugin-container -->
+
+ <section id="debug-log" hidden>
+ <div id="statistics">
+ </div>
+ <div id="debug-messages">
+ </div>
+ </section> <!-- debug-log -->
+
</body>
</html>
« no previous file with comments | « no previous file | remoting/webapp/me2mom/debug_log.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698