mirror of
https://github.com/featurebasedb/featurebase.git
synced 2026-08-28 10:54:59 +00:00
123 lines
4.3 KiB
HTML
123 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="/assets/style.css">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Pilosa WebUI</title>
|
|
<link rel="icon" type="image/png" href="https://www.pilosa.com/img/favicon.png">
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<img src="https://www.pilosa.com/img/logo.svg" width="110" alt="">
|
|
<div id="server-version" class=""></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="nav">
|
|
<div class="nav-item nav-active" id="nav-console" onclick="handle_nav_click(this)">
|
|
<img style='margin-bottom:10px;' height='40px' src="/assets/nav-console.svg" alt="" class="nav-image">
|
|
<img style='margin-bottom:10px;' height='40px' src="/assets/nav-console-active.svg" alt="" class="nav-image-active">
|
|
Console
|
|
</div>
|
|
<div class="nav-item" id="nav-cluster" onclick="handle_nav_click(this)">
|
|
<img style='margin-bottom:10px;' height='20px' src="/assets/nav-cluster.svg" alt="" class="nav-image">
|
|
<img style='margin-bottom:10px;' height='20px' src="/assets/nav-cluster-active.svg" alt="" class="nav-image-active">
|
|
Cluster Admin
|
|
</div>
|
|
<div class="nav-item" id="nav-documentation" onclick="window.open('https://www.pilosa.com/docs/')">
|
|
<img style='margin-bottom:10px;' height='30px' src="/assets/nav-documentation.svg" alt="" class="nav-image">
|
|
<img style='margin-bottom:10px;' height='30px' src="/assets/nav-documentation-active.svg" alt="" class="nav-image-active">
|
|
Documentation
|
|
</div>
|
|
</div>
|
|
<div class="interface interface-active" id="interface-console">
|
|
|
|
<div class="query">
|
|
<h2>Query</h2>
|
|
<a class="query-tooltip" href="https://www.pilosa.com/docs/webui/" target="_blank"><sup>?</sup></a>
|
|
<div class="query-tooltip-container">
|
|
<div class='query-tooltip-content'>
|
|
<h5>PQL</h5>
|
|
<div class="code">
|
|
SetBit(frame=foo, row=0, col=0)<br />
|
|
ClearBit(frame=foo, row=0, col=0)<br />
|
|
SetRowAttrs(frame=foo, row=0, color="blue")<br />
|
|
SetColumnAttrs(frame=foo, col=0, shape="circle")<br />
|
|
SetFieldValue(frame=foo, col=0, age=30)<br />
|
|
Bitmap(frame=foo, row=0)<br />
|
|
Range(frame=foo, row=0, start="2010-01", end="2017-03")<br />
|
|
Count(<BITMAP_CALL>)<br />
|
|
TopN([BITMAP_CALL], frame=foo, n=20)<br />
|
|
Union([BITMAP_CALL, ...])<br />
|
|
Intersect(<BITMAP_CALL>, [BITMAP_CALL, ...])<br />
|
|
Difference(<BITMAP_CALL>, <BITMAP_CALL>)<br />
|
|
Xor([BITMAP_CALL, ...])<br />
|
|
Min([BITMAP_CALL], frame=foo, field=age)<br />
|
|
Max([BITMAP_CALL], frame=foo, field=age)<br />
|
|
Sum([BITMAP_CALL], frame=foo, field=age)
|
|
</div>
|
|
<br />
|
|
<h5>Special commands</h5>
|
|
<div class="code">
|
|
:create index test<br />
|
|
:use test<br />
|
|
:create frame foo<br />
|
|
:delete index test<br />
|
|
:delete frame foo
|
|
</div>
|
|
<br />
|
|
<tab>: autocomplete<br />
|
|
<up>/<down>: history<br />
|
|
</div>
|
|
</div>
|
|
<textarea name="name" id='query' rows="5" required></textarea>
|
|
<div class='input-controls'>
|
|
<div class="input-hints">
|
|
<select class="" name="" id="index-dropdown">
|
|
<option value="0">Select index</option>
|
|
</select>
|
|
|
|
<button id='query-btn'>Run Query</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="output-container">
|
|
<h2>Output</h2>
|
|
<div id="outputs">
|
|
<!-- results -->
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="interface" id="interface-cluster">
|
|
<div class="status-container">
|
|
<h2>Nodes</h2>
|
|
<div class="status-table-container" id="status-nodes">
|
|
</div>
|
|
</div>
|
|
<div class="status-container">
|
|
<h2>Indexes</h2>
|
|
<div class="status-table-container" id="status-indexes">
|
|
</div>
|
|
</div>
|
|
<div class="status-container">
|
|
<!--
|
|
<h2>Slice Distribution</h2>
|
|
<div class="status-table-container" id="status-slices">
|
|
</div>
|
|
-->
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="interface" id="interface-documentation">
|
|
docs!
|
|
</div>
|
|
|
|
</div>
|
|
<script type="text/javascript" src="/assets/main.js"></script>
|
|
</body>
|
|
</html>
|