| <!doctype html> |
| <html lang="en" dir="ltr"> |
| <head> |
| <meta charset="utf-8"> |
| <title>Offline Internals</title> |
| <meta name="viewport" content="width=device-width"> |
| <link rel="stylesheet" href="chrome://resources/css/text_defaults.css"> |
| <link rel="stylesheet" href="offline_internals.css"> |
| |
| <link rel="import" href="chrome://resources/html/cr.html"> |
| <script src="chrome://resources/js/load_time_data.js"></script> |
| <script src="chrome://resources/js/util.js"></script> |
| <script src="strings.js"></script> |
| <script src="offline_internals_browser_proxy.js"></script> |
| <script src="offline_internals.js"></script> |
| </head> |
| <body> |
| <h1>Offline Internals</h1> |
| <div> |
| <span id="current-status"></span> |
| <button id="refresh">Refresh page</button> |
| <button id="download">Dump</button> |
| </div> |
| |
| <h2>Event Logs</h2> |
| <div> |
| <button id="refresh-logs">Refresh Logs</button> |
| <div> |
| Page Model Log: <span id="model-status"></span> |
| <button id="log-model-on">Enable</button> |
| <button id="log-model-off">Disable</button> |
| </div> |
| <div> |
| Request Queue Log: <span id="request-status"></span> |
| <button id="log-request-on">Enable</button> |
| <button id="log-request-off">Disable</button> |
| </div> |
| <ul id="logs"></ul> |
| </div> |
| |
| <h2>Stored Pages</h2> |
| <div> |
| <button id="delete-all-pages">Delete all</button> |
| <button id="delete-selected-pages">Delete selected</button> |
| </div> |
| <table class="stored-pages-table"> |
| <thead> |
| <tr> |
| <th> </th> |
| <th>URL</th> |
| <th>Namespace</th> |
| <th>Size (Kb)</th> |
| <th>Expired</th> |
| </tr> |
| </thead> |
| <tbody id="stored-pages"> </tbody> |
| </table> |
| <div id="page-actions-info"></div> |
| |
| <h2>Request Queue</h2> |
| <div> |
| <button id="delete-all-requests">Delete all</button> |
| <button id="delete-selected-requests">Delete selected</button> |
| </div> |
| <table class="request-queue-table"> |
| <thead> |
| <tr> |
| <th> </th> |
| <th>URL</th> |
| <th>Created Timestamp</th> |
| <th>Status</th> |
| </tr> |
| </thead> |
| <tbody id="request-queue"> </tbody> |
| </table> |
| <div id="request-queue-actions-info"></div> |
| <input id="url" type="url" |
| placeholder="http://www.url1.com, http://www.url2.com, ..."> |
| <button id="add-to-queue">Load in background</button> |
| <div id="save-url-state"></div> |
| </body> |
| </html> |
