blob: 8eb2a5876ba6afb54fbd10ec545f0096acbc79c2 [file] [log] [blame]
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Omnibox Debug Page</title>
<link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
<link rel="stylesheet" href="omnibox.css">
<script src="chrome://resources/js/cr.js"></script>
<script src="chrome://resources/js/mojo_bindings_lite.js"></script>
<script src="chrome://resources/js/util.js"></script>
<script src="chrome/browser/ui/webui/omnibox/omnibox.mojom-lite.js"></script>
<script src="omnibox_element.js"></script>
<script src="omnibox_inputs.js"></script>
<script src="omnibox_output.js"></script>
<script src="omnibox.js"></script>
</head>
<body>
<template id="omnibox-inputs-template">
<link rel="stylesheet" href="omnibox.css">
<p>
<input id="input-text" type="text" size="60" placeholder="Enter omnibox input text" autofocus>
</p>
<p>Input parameters:</p>
<p>
<label>
<input id="lock-cursor-position" type="checkbox">
Lock cursor position to end of input
</label>
</p>
<p>
<label>
<input id="prevent-inline-autocomplete" type="checkbox">
Prevent inline autocomplete
</label>
</p>
<p>
<label>
<input id="prefer-keyword" type="checkbox">
In keyword mode
</label>
</p>
<p>
Current page context:
<select id="page-classification">
<option value="0">Invalid spec</option>
<option value="2">about:blank</option>
<option value="3">user's home page</option>
<option value="4">arbitrary URL</option>
<option value="9">search result page not doing search term replacement</option>
<option value="7" selected>new tab page omnibox</option>
<option value="8">new tab page fakebox</option>
<option value="1">(OBSOLETE) new tab page</option>
<option value="6">(OBSOLETE) search result page doing search term replacement</option>
</select>
</p>
<p>Display parameters:</p>
<p>
<label>
<input id="show-incomplete-results" type="checkbox">
Show incomplete results
</label>
</p>
<p>
<label>
<input id="show-details" type="checkbox">
Show all details
</label>
</p>
<p>
<label>
<input id="show-all-providers" type="checkbox">
Show results per provider, not just merged results
</label>
</p>
<div class="section">
<button id="copy-text" title="Copy visible table in text format. This is affected by the visibility of ouput; i.e. toggling `Show all details` affects what will be copied.">Copy as text</button>
<button id="copy-json" title="Copy responses in JSON format. This is not affected by the visibility of output and will copy responses in their entirety.">Copy as JSON</button>
</div>
<div class="section">
<input id="filter-text" type="text" size="60" placeholder="Filter output">
<label class="toggle left-20">
<input id="filter-hide" type="checkbox">
<span class="toggle-off">Highlight</span>
<span class="toggle-on">Filter</span>
</label>
</div>
</template>
<template id="omnibox-output-template">
<link rel="stylesheet" href="omnibox.css">
<div id="contents"></div>
</template>
<template id="details-and-table-template">
<div class="details-and-table">
<div class="details"></div>
<table class="table"></table>
</div>
</template>
<template id="details-template">
<p>cursor position = <span class="cursor-position"></span></p>
<p>elapsed time = <span class="time"></span>ms</p>
<p>all providers done = <span class="done"></span></p>
<p>host = <span class="host"></span>, has isTypedHost = <span class="is-typed-host"></span></p>
</template>
<div class="section">
<omnibox-inputs id="omnibox-inputs"></omnibox-inputs>
</div>
<div class="section">
<omnibox-output id="omnibox-output"></omnibox-output>
</div>
</body>
</html>