| OLD | NEW |
|---|
| (Empty) | |
| 1 <!doctype html> |
| 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'> |
| 18 <div id='tab-navigator column'> |
| 19 <div class='row'> |
| 20 <img id='header-icon' src='cycler_icon_128.png' height='30' |
| 21 height='30'/> |
| 22 <h1 id='header'>Cycler</h1> |
| 23 </div> |
| 24 <div id='capture-tab-label' class='tab-label selected'> |
| 25 <a>Capture</a> |
| 26 </div> |
| 27 <div id='playback-tab-label' class='tab-label'> |
| 28 <a>Playback</a> |
| 29 </div> |
| 30 </div> |
| 31 |
| 32 <div id='tab-wrapper'> |
| 33 <div id='capture-tab'> |
| 34 <div class='column'> |
| 35 <h1>Capture</h1> |
| 36 <div class='divider'></div> |
| 37 <h2>Name:</h2> |
| 38 <input class='indent name-combo' id='capture-name' type='text'/> |
| 39 <h2>URLs:</h2> |
| 40 <div class='indent'> |
| 41 Enter the URLs to capture, one URL per line.<br/> |
| 42 <textarea id='capture-urls' class='url-list'></textarea> |
| 43 </div> |
| 44 <button id='do-capture' class='gapped'>Capture!</button> |
| 45 </div> |
| 46 </div> |
| 47 |
| 48 <div id='playback-tab' hidden> |
| 49 <div class='column'> |
| 50 <h1>Playback</h1> |
| 51 <div class='divider'> </div> |
| 52 <div id="no-captures" hidden> |
| 53 <h2>No captures available. Create new ones via Capture tab.</h2> |
| 54 </div> |
| 55 <div id='have-captures'> |
| 56 <div class='column'> |
| 57 <h2>Capture:</h2> |
| 58 <select id='playback-name' class='indent name-combo'> |
| 59 <option value='' disabled selected>Choose a capture</option> |
| 60 </select> |
| 61 <div id='playback-details' class='gapped'> |
| 62 <div class='column gapped'> |
| 63 <h2>URLs:</h2> |
| 64 <textarea id='playback-urls' class='indent url-list'> |
| 65 </textarea> |
| 66 </div> |
| 67 <h2>Playback Options:</h2> |
| 68 <div class='row gapped'> |
| 69 <div class='indent sub-label'>Repetitions:</div> |
| 70 <input id='playback-repeats' type='number' min='1' max='100' |
| 71 value='1'/> |
| 72 </div> |
| 73 <div class='row gapped'> |
| 74 <div class='indent sub-label'>Install Extension:</div> |
| 75 <input id='playback-extension' type='text' /> |
| 76 <button id='playback-browse'>Browse..</button> |
| 77 </div> |
| 78 <div class='row gapped'> |
| 79 <button id='do-playback'>Playback</button> |
| 80 <button id='do-delete'>Delete</button> |
| 81 </div> |
| 82 </div> |
| 83 </div> |
| 84 </div> |
| 85 </div> |
| 86 </div> |
| 87 </div> |
| 88 </div> |
| 89 |
| 90 <div id='popup' hidden> |
| 91 <div id='popup-box' style='column'> |
| 92 <div id='popup-content'> |
| 93 When in the course of human events it<br/> |
| 94 becomes necessary for one people<br/> |
| 95 to dissolve... |
| 96 </div> |
| 97 <button id='do-popup-dismiss' class='gapped'>Dismiss</button> |
| 98 </div> |
| 99 </div> |
| 100 </div> |
| 101 |
| 102 <script type='text/javascript' src='cycler_data.js'></script> |
| 103 <script type='text/javascript' src='capture_tab.js'></script> |
| 104 <script type='text/javascript' src='playback_tab.js'></script> |
| 105 <script type='text/javascript' src='cycler_ui.js'></script> |
| 106 </body> |
| 107 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 10832191:
Major revision of page cycler UI. (Closed)
Base URL: http://git.chromium.org/chromium/src.git@master