Chromium Code Reviews Chromium Code Reviews
Issue 10832191:
Major revision of page cycler UI. (Closed)
Base URL: http://git.chromium.org/chromium/src.git@master| Index: chrome/common/extensions/docs/examples/apps/cycler/cycler.html |
| diff --git a/chrome/common/extensions/docs/examples/apps/cycler/cycler.html b/chrome/common/extensions/docs/examples/apps/cycler/cycler.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..a997edc9997c6b47b634460e4c84468b980f4bcb |
| --- /dev/null |
| +++ b/chrome/common/extensions/docs/examples/apps/cycler/cycler.html |
| @@ -0,0 +1,107 @@ |
| +<!doctype html> |
| + |
| +<!-- Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| +Use of this source code is governed by a BSD-style license that can be |
| +found in the LICENSE file. --> |
| + |
| +<html> |
| + |
| +<head> |
| + <title>Page Cycler</title> |
| + <link rel='stylesheet' type='text/css' href='cycler.css'/> |
| +</head> |
| + |
| +<body> |
| + |
| +<div id='page'> |
| + <div class='row'> |
| + <div id='tab-navigator column'> |
| + <div class='row'> |
| + <img id='header-icon' src='cycler_icon_128.png' height='30' |
| + height='30'/> |
| + <h1 id='header'>Cycler</h1> |
| + </div> |
| + <div id='capture-tab-label' class='tab-label selected'> |
| + <a>Capture</a> |
| + </div> |
| + <div id='playback-tab-label' class='tab-label'> |
| + <a>Playback</a> |
| + </div> |
| + </div> |
| + |
| + <div id='tab-wrapper'> |
| + <div id='capture-tab'> |
| + <div class='column'> |
| + <h1>Capture</h1> |
| + <div class='divider'></div> |
| + <h2>Name:</h2> |
| + <input class='indent name-combo' id='capture-name' type='text'/> |
| + <h2>URLs:</h2> |
| + <div class='indent'> |
| + Enter the URLs to capture, one URL per line.<br/> |
| + <textarea id='capture-urls' class='url-list'></textarea> |
| + </div> |
| + <button id='do-capture' class='gapped'>Capture!</button> |
| + </div> |
| + </div> |
| + |
| + <div id='playback-tab' hidden> |
| + <div class='column'> |
| + <h1>Playback</h1> |
| + <div class='divider'> </div> |
| + <div id="no-captures" hidden> |
| + <h2>No captures available. Create new ones via Capture tab.</h2> |
| + </div> |
| + <div id='yes-captures'> |
|
Jeffrey Yasskin
2012/08/16 20:19:31
Nit: "yes-captures" doesn't really mean the opposi
clintstaley
2012/08/17 04:12:25
Done.
clintstaley
2012/08/17 04:12:25
Done.
|
| + <div class='column'> |
| + <h2>Capture:</h2> |
| + <select id='playback-name' class='indent name-combo'> |
| + <option value='' disabled selected>Choose a capture</option> |
| + </select> |
| + <div id='playback-details' class='gapped'> |
| + <div class='column gapped'> |
| + <h2>URLs:</h2> |
| + <textarea id='playback-urls' class='indent url-list'> |
| + </textarea> |
|
Jeffrey Yasskin
2012/08/16 20:19:31
Nit: </textarea> should be indented to line up wit
clintstaley
2012/08/17 04:12:25
Done.
|
| + </div> |
| + <h2>Playback Options:</h2> |
| + <div class='row gapped'> |
| + <div class='indent sub-label'>Repetitions:</div> |
| + <input id='playback-repeats' type='number' min='1' max='100' |
| + value='1'/> |
| + </div> |
| + <div class='row gapped'> |
| + <div class='indent sub-label'>Install Extension:</div> |
| + <input id='playback-extension' type='text' /> |
| + <button id='playback-browse'>Browse..</button> |
| + </div> |
| + <div class='row gapped'> |
| + <button id='do-playback'>Playback</button> |
| + <button id='do-delete'>Delete</button> |
| + </div> |
| + </div> |
| + </div> |
| + </div> |
| + </div> |
| + </div> |
| + </div> |
| + </div> |
| + |
| + <div id='popup' hidden> |
| + <div id='popup-box' style='column'> |
| + <div id='popup-content'> |
| + When in the course of human events it<br/> |
| + becomes necessary for one people<br/> |
| + to dissolve... |
| + </div> |
| + <button id='do-popup-dismiss' class='gapped'>Dismiss</button> |
| + </div> |
| + </div> |
| +</div> |
| + |
| +<script type='text/javascript' src='cycler_data.js'></script> |
| +<script type='text/javascript' src='capture_tab.js'></script> |
| +<script type='text/javascript' src='playback_tab.js'></script> |
| +<script type='text/javascript' src='cycler_ui.js'></script> |
| +</body> |
| +</html> |
