blob: dba1b625ffe3406a28a0cb0bf380b13b58c9a5f8 [file] [log] [blame]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Interventions-Internals</title>
<script src="chrome://resources/js/cr.js"></script>
<script src="chrome://resources/js/mojo_bindings.js"></script>
<script src="chrome://resources/js/util.js"></script>
<script src="chrome/browser/ui/webui/interventions_internals/interventions_internals.mojom.js">
</script>
<script src="index.js"></script>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<nav class="tab-select">
<label class="active-tab">
<input type="radio" id="statuses-tab" name="tabs"
value="previews-status" checked="checked">
<span>Interventions</span>
</label>
<label class="inactive-tab">
<input type="radio" id="logs-tab" name="tabs" value="message-logs">
<span>Logs</span>
</label>
<label class="inactive-tab">
<input type="radio" id="blacklist-tab" name="tabs"
value="blacklist-status">
<span>Blocklist Status</span>
</label>
<label class="inactive-tab">
<input type="radio" id="nqe-tab" name="tabs" value="nqe-info">
<span>Network Quality</span>
</label>
</nav>
<div class="tab-content" id="previews-status">
<div id="previews-enabled-status">
<div class="section-header">
Intervention Status
</div>
</div>
<div id="previews-flags-status">
<div class="section-header">
Intervention Flags
</div>
<table id="previews-flags-table">
<tr>
<th class="flag-name" id="flag-name-header">Flag</th>
<th class="flag-value" id="flag-value-header">Value</th>
</tr>
</table>
</div>
</div>
<div class="tab-content" id="message-logs">
<div class="table-name">Interventions Logs</div>
<input type="text" id="log-search-bar"
placeholder="Search for something ...">
<button id="clear-log-button" type="button">Clear logs</button>
<button id="collapse-log-button" type="button">Collapse all</button>
<button id="expand-log-button" type="button">Expand all</button>
<table id="message-logs-table">
<tr>
<th class="log-time" id="time-table-header">Time</th>
<th class="log-type" id="type-table-header">Type</th>
<th class="log-description" id="description-table-header">
Description
</th>
<th class="log-url" id="url-table-header">URL</th>
</tr>
</table>
</div>
<div class="tab-content" id="blacklist-status">
<div id="blacklist-ignored-status"></div>
<button id="ignore-blacklist-button" type="button">
Ignore Blocklist
</button>
<div id="user-blacklisted-status">
User blocklisted status:
<span id="user-blacklisted-status-value">N/A</span>
</div>
<div id="blacklist-cleared-status">
Last blocklist cleared:
<span id="blacklist-last-cleared-time">N/A</span>
</div>
<div id="blacklisted-hosts">
<div class="table-name">Blocklisted hosts</div>
<table id="blacklisted-hosts-table">
<tr>
<th id="blacklisted-host-header">Host</th>
<th id="blacklisted-time-header">Time</th>
</tr>
</table>
</div>
</div>
<div class="tab-content" id="nqe-info">
<div id="nqe-status">
Estimated effective connection type:
<span id="nqe-type">N/A</span>
</div>
<div id="nqe-slow-page-threshold">
Slow page maximum threshold:
<span id="max-intervention-type">N/A</span>
</div>
<div id="nqe-logs">
<div class="table-name">Network Quality Change Log</div>
<table id="nqe-logs-table">
<tr>
<th id="nqe-time-header">Time</th>
<th id="nqe-value-header">Connection</th>
</tr>
</table>
</div>
</div>
</body>
</html>