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..800bede8016a4bc8765a4965d9793a4d8865064a |
| --- /dev/null |
| +++ b/chrome/common/extensions/docs/examples/apps/cycler/cycler.html |
| @@ -0,0 +1,95 @@ |
| +<!doctype html5> |
| + |
| +<!-- 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 border'> |
| + <img id='header-icon' src='cycler_icon.png' height='30' height='30'/> |
| + <div id='header-title'>Cycler</div> |
| + </div> |
| + <div class='row'> |
| + <div id='tab-navigator column'> |
| + <div id='capture-tab-label' class='tab-label select border'> |
| + <a>Capture</a> |
| + </div> |
| + <div id='playback-tab-label' class='tab-label border'> |
| + <a>Playback</a> |
| + </div> |
| + </div> |
| + |
| + <div id='tab-wrapper'> |
| + <div id='capture-tab'> |
| + <div class='column'> |
| + <h3>Name:</h3> |
| + <input id='capture-name' type='text' class='name-combo'/> |
| + <h3>URLs:</h3> |
| + <div>Enter the URLs to capture, one URL per line.</div> |
| + <textarea id='capture-urls' class='url-list'></textarea> |
| + <div><button id='do-capture' class='gapped'>Capture!</button></div> |
| + </div> |
| + </div> |
| + |
| + <div id='playback-tab' hidden> |
|
Jeffrey Yasskin
2012/08/09 19:27:04
I'm not sure what the usual style is, but it might
clintstaley
2012/08/10 00:33:13
I don't see a lot of comments int structural HTML,
|
| + <div id="no-captures" hidden> |
| + <h2>No captures available. Create new ones via Capture tab.</h2> |
| + </div> |
| + <div id='yes-captures'> |
| + <div class='column'> |
| + <div class='row gapped'> |
| + <div class='left-label'>Capture:</div> |
| + <select id='playback-name' class='name-combo'> |
| + <option value='' disabled selected>Choose a capture</option> |
| + </select> |
| + </div> |
| + <div id='playback-details' class='gapped'> |
| + <div class='row gapped'> |
| + <div class='left-label'>URLs:</div> |
| + <textarea id='playback-urls' class='url-list'></textarea> |
| + </div> |
| + <div class='row gapped'> |
| + <div class='left-label'>Repetitions:</div> |
| + <input id='playback-repeats' type='number' min='1' max='100' |
| + value='1'/> |
| + </div> |
| + <div class='row gapped'> |
| + <div class='left-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 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.js'></script> |
| +</body> |
| +</html> |
