197 lines
6.7 KiB
HTML
197 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" xmlns="http://www.w3.org/1999/html">
|
|
<head>
|
|
<title>Sense - a JSON aware interface to ElasticSearch</title>
|
|
<link id="bootstrapThemeCss" href="vendor/bootstrap/css/bootstrap.light.min.css" type="text/css" rel="stylesheet"/>
|
|
<link href="vendor/font-awesome/css/font-awesome.min.css" type="text/css" rel="stylesheet"/>
|
|
<link id="senseThemeCss" href="css/sense.light.css" rel="stylesheet" type="text/css"/>
|
|
<link href="css/sense.css" rel="stylesheet" type="text/css"/>
|
|
<link rel="shortcut icon" href="favicon.ico">
|
|
</head>
|
|
<body class="fouc">
|
|
<div class="navbar navbar-static-top">
|
|
<div class="navbar-inner">
|
|
<div class="container-fluid">
|
|
<span class="brand" id="server_label">Server</span>
|
|
|
|
<form class="navbar-form pull-left">
|
|
<input id="es_server" type="text" class="span5" value="localhost:9200"/>
|
|
</form>
|
|
<span class="pull-left btn btn-link"><span id="notification" style="visibility: hidden"
|
|
class="label label-info"></span></span>
|
|
<ul class="nav pull-right">
|
|
<li id="history_btn" data-toggle="modal" data-target="#history_popup">
|
|
<a title="History" href="#" data-placement="bottom"><i class="fa fa-clock-o"></i></a>
|
|
</li>
|
|
<li id="settings_btn" data-toggle="modal" data-target="#settings_popup">
|
|
<a title="Settings" href="#" data-placement="bottom"><i class="fa fa-cog"></i></a>
|
|
</li>
|
|
<li id="help_btn" data-toggle="modal" data-target="#help_popup">
|
|
<a title="Help" href="#" data-placement="bottom"><i class="fa fa-question-circle"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div id="main" class="container-fluid">
|
|
<div id="editor_container">
|
|
<div id="editor">GET _search
|
|
{
|
|
"query": { "match_all": {} }
|
|
}
|
|
</div>
|
|
</div>
|
|
<div id="output_container">
|
|
<div id="output">{}</div>
|
|
</div>
|
|
<div id="editor_actions">
|
|
<a id="send" href="#" data-toggle="tooltip" title="click to send request"><i
|
|
class="fa fa-play"></i></a>
|
|
<a id="request_wrench" data-toggle="dropdown" href="#"><i
|
|
class="fa fa-wrench"></i></a>
|
|
<ul class="dropdown-menu">
|
|
<li><a id="copy_as_curl" tabindex="-1" href="#">Copy as cURL</a></li>
|
|
<li><a id="auto_indent" tabindex="-1" href="#">Auto indent</a></li>
|
|
</ul>
|
|
</div>
|
|
<ul id="autocomplete" style="left: -1000px;"></ul>
|
|
</div>
|
|
|
|
|
|
<div id="help_popup" class="modal hide fade" data-keyboard="true">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h3>Help</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<h4>Request format</h4>
|
|
|
|
<div id="help_requests">
|
|
You can type one or more requests in the white editor. Sense understands requests in a compact format:
|
|
<div id="help_example_container"></div>
|
|
</div>
|
|
<h4>Keyboard tips</h4>
|
|
<dl class="dl-horizontal">
|
|
<dt></dt>
|
|
<dd><strong>General editing</strong></dd>
|
|
<dt>Ctrl/Cmd + I</dt>
|
|
<dd>Auto indent current request</dd>
|
|
<dt>Ctrl + Space</dt>
|
|
<dd>Open Auto complete (even if not typing)</dd>
|
|
<dt>Ctrl/Cmd + Enter</dt>
|
|
<dd>Submit request</dd>
|
|
<dt>Ctrl/Cmd + Shift + C</dt>
|
|
<dd>Copy request in cURL format</dd>
|
|
<dt>Ctrl/Cmd + Up/Down</dt>
|
|
<dd>Jump to the previous/next request start or end.</dd>
|
|
<dt>Ctrl/Cmd + Alt + L</dt>
|
|
<dd>Collapse/expand current scope.</dd>
|
|
</dl>
|
|
<dl class="dl-horizontal">
|
|
<dt></dt>
|
|
<dd><strong>When auto-complete is visible</strong></dd>
|
|
<dt>Down arrow</dt>
|
|
<dd>Switch focus to auto-complete menu. Use arrows to further select a term</dd>
|
|
<dt>Enter/Tab</dt>
|
|
<dd>Select the currently selected or the top most term in auto-complete menu</dd>
|
|
<dt>Esc</dt>
|
|
<dd>Close auto-complete menu</dd>
|
|
</dl>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Got it</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="history_popup" class="modal hide fade" data-keyboard="true">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h3>History</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<ul class="nav nav-list">
|
|
<!--<li><a href="#"><i class="icon-chevron-right"></i><span></span></a></li>-->
|
|
</ul>
|
|
<div id="history_viewer">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn pull-left" id="hist_clear">Clear</a>
|
|
|
|
<a href="#" class="btn" data-dismiss="modal">Cancel</a>
|
|
<a href="#" class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Apply</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="settings_popup" class="modal hide fade" data-keyboard="true">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h3>Settings</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form class="form-horizontal">
|
|
<div class="control-group">
|
|
<div class="controls">
|
|
<h5>Editor & Output pane settings</h5>
|
|
</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<label class="control-label" for="font_size">Font Size</label>
|
|
|
|
<div class="controls">
|
|
<input type="number" id="font_size">
|
|
</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<div class="controls">
|
|
<label class="checkbox">
|
|
<input id="wrap_mode" type="checkbox"> Wrap long lines </input>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="control-group">
|
|
<label class="control-label" for="font_size">Theme</label>
|
|
|
|
<div class="controls">
|
|
<select id="theme">
|
|
<option value="dark">Dark</option>
|
|
<option value="light">Light</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn" data-dismiss="modal">Cancel</a>
|
|
<a id="accept_settings" href="#" class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Save</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="welcome_popup" class="modal hide fade" data-keyboard="true" data-remote="app/welcome.html">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
|
<h3>Welcome to Sense</h3>
|
|
</div>
|
|
<div class="modal-body">
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="#" class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Get to work</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- initialize require.js -->
|
|
<script src="vendor/require/require.js"></script>
|
|
<script src="app/require.config.js"></script>
|
|
<script>
|
|
var SENSE_VERSION = '1.0.0';
|
|
// make sure all of ace is loaded first.
|
|
require(['require','ace'], function (require) { require(['app'], function () {})});
|
|
</script>
|
|
|
|
</body>
|
|
</html> |