blob: df91dab4e7c7a22a3cde7f83a99d8a731ede4645 [file] [log] [blame]
<!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="dump">Dump</button>
</div>
<dialog id="dump-modal">
<textarea id="dump-box" name="json-box" rows="10" cols="40" readonly>
</textarea>
<button id="copy-to-clipboard">Copy</button>
<button id="close-dump">Close</button>
<span id="dump-info"></span>
</dialog>
<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>
<div>
Prefetching Log: <span id="prefetch-status"></span>
<button id="log-prefetch-on">Enable</button>
<button id="log-prefetch-off">Disable</button>
</div>
<ul id="logs"></ul>
</div>
<h2>Stored Pages</h2>
<div>
<button id="delete-selected-pages">Delete selected</button>
</div>
<table class="stored-pages-table">
<thead>
<tr>
<th>#</th>
<th><input type="checkbox" id="toggle-all-stored"></th>
<th>URL</th>
<th>Namespace</th>
<th>Size (Kb)</th>
</tr>
</thead>
<tbody id="stored-pages"> </tbody>
</table>
<template id="stored-pages-table-row">
<tr>
<td></td>
<td><input type="checkbox" name="stored"></td>
<td><a></a></td>
<td></td>
<td></td>
</tr>
</template>
<div id="page-actions-info" class="dump"></div>
<h2>Request Queue</h2>
<div>
<button id="delete-selected-requests">Delete selected</button>
</div>
<table class="request-queue-table">
<thead>
<tr>
<th><input type="checkbox" id="toggle-all-requests"></th>
<th>URL</th>
<th>Created Timestamp</th>
<th>Status</th>
<th>Request Origin</th>
</tr>
</thead>
<tbody id="request-queue"> </tbody>
</table>
<template id="request-queue-table-row">
<tr>
<td><input type="checkbox" name="requests"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</template>
<div id="request-queue-actions-info" class="dump"></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>
<h2>Prefetching</h2>
<div>
<div>
<button id="schedule-nwake">Schedule NWake</button>
<button id="cancel-nwake">Cancel NWake</button>
</div>
<div>
<!-- This button is used by UI automation testing !-->
<button id="show-notification">Show Notification</button>
</div>
<div>
<input id="generate-urls" type="text"
placeholder="http://www.url1.com, http://www.url2.com, ...">
<button id="generate-page-bundle">Generate Page Bundle</button>
</div>
<div>
<input id="operation-name" type="text"
placeholder="operations/1234-5678">
<button id="get-operation">Get Operation</button>
</div>
<div>
<input id="download-name" type="text" placeholder="us/page/1234-5678">
<button id="download-archive">Download</button>
</div>
</div>
<div id="prefetch-actions-info" class="dump"></div>
</body>
</html>