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…</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> |