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| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!doctype html5> | |
| 2 | |
| 3 <!-- Copyright (c) 2012 The Chromium Authors. All rights reserved. | |
| 4 Use of this source code is governed by a BSD-style license that can be | |
| 5 found in the LICENSE file. --> | |
| 6 | |
| 7 <html> | |
| 8 | |
| 9 <head> | |
| 10 <title>Page Cycler</title> | |
| 11 <link rel='stylesheet' type='text/css' href='cycler.css'/> | |
| 12 </head> | |
| 13 | |
| 14 <body> | |
| 15 | |
| 16 <div id='page'> | |
| 17 <div class='row border'> | |
| 18 <img id='header-icon' src='cycler_icon.png' height='30' height='30'/> | |
| 19 <div id='header-title'>Cycler</div> | |
| 20 </div> | |
| 21 <div class='row'> | |
| 22 <div id='tab-navigator column'> | |
| 23 <div id='capture-tab-label' class='tab-label select border'> | |
| 24 <a>Capture</a> | |
| 25 </div> | |
| 26 <div id='playback-tab-label' class='tab-label border'> | |
| 27 <a>Playback</a> | |
| 28 </div> | |
| 29 </div> | |
| 30 | |
| 31 <div id='tab-wrapper'> | |
| 32 <div id='capture-tab'> | |
| 33 <div class='column'> | |
| 34 <h3>Name:</h3> | |
| 35 <input id='capture-name' type='text' class='name-combo'/> | |
| 36 <h3>URLs:</h3> | |
| 37 <div>Enter the URLs to capture, one URL per line.</div> | |
| 38 <textarea id='capture-urls' class='url-list'></textarea> | |
| 39 <div><button id='do-capture' class='gapped'>Capture!</button></div> | |
| 40 </div> | |
| 41 </div> | |
| 42 | |
| 43 <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,
| |
| 44 <div id="no-captures" hidden> | |
| 45 <h2>No captures available. Create new ones via Capture tab.</h2> | |
| 46 </div> | |
| 47 <div id='yes-captures'> | |
| 48 <div class='column'> | |
| 49 <div class='row gapped'> | |
| 50 <div class='left-label'>Capture:</div> | |
| 51 <select id='playback-name' class='name-combo'> | |
| 52 <option value='' disabled selected>Choose a capture</option> | |
| 53 </select> | |
| 54 </div> | |
| 55 <div id='playback-details' class='gapped'> | |
| 56 <div class='row gapped'> | |
| 57 <div class='left-label'>URLs:</div> | |
| 58 <textarea id='playback-urls' class='url-list'></textarea> | |
| 59 </div> | |
| 60 <div class='row gapped'> | |
| 61 <div class='left-label'>Repetitions:</div> | |
| 62 <input id='playback-repeats' type='number' min='1' max='100' | |
| 63 value='1'/> | |
| 64 </div> | |
| 65 <div class='row gapped'> | |
| 66 <div class='left-label'>Install Extension:</div> | |
| 67 <input id='playback-extension' type='text' /> | |
| 68 <button id='playback-browse'>Browse..</button> | |
| 69 </div> | |
| 70 <div class='row gapped'> | |
| 71 <button id='do-playback'>Playback</button> | |
| 72 <button id='do-delete'>Delete</button> | |
| 73 </div> | |
| 74 </div> | |
| 75 </div> | |
| 76 </div> | |
| 77 </div> | |
| 78 </div> | |
| 79 </div> | |
| 80 | |
| 81 <div id='popup' hidden> | |
| 82 <div id='popup-box' style='column'> | |
| 83 <div id='popup-content'> | |
| 84 When in the course of human events it<br/> | |
| 85 becomes necessary for one people<br/> | |
| 86 to dissolve... | |
| 87 </div> | |
| 88 <button id='do-popup-dismiss' class='gapped'>Dismiss</button> | |
| 89 </div> | |
| 90 </div> | |
| 91 </div> | |
| 92 | |
| 93 <script type='text/javascript' src='cycler.js'></script> | |
| 94 </body> | |
| 95 </html> | |
| OLD | NEW |
