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 |