mirror of
https://github.com/simon987/sist2.git
synced 2025-10-31 16:06:53 +00:00
219 lines
10 KiB
HTML
219 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>sist2 - Search</title>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no'/>
|
|
|
|
<link href="css" rel="stylesheet" type="text/css">
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-expand-lg">
|
|
<a class="navbar-brand" href="/">sist2</a>
|
|
<span class="badge badge-pill version">v1.3.0</span>
|
|
<span class="tagline">Lightning-fast file system indexer and search tool </span>
|
|
<button style="margin-left: auto" class="btn" type="button" data-toggle="modal" data-target="#settings" onclick="loadSettings()">Settings</button>
|
|
<a id="theme" class="btn" title="Toggle theme" href="/">Theme</a>
|
|
</nav>
|
|
|
|
<div class="container">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
|
|
<div class="form-group">
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<button id="pathBarHelper" class="btn btn-outline-secondary" data-toggle="modal" data-target="#pathTreeModal">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" width="20px"><path d="M288 224h224a32 32 0 0 0 32-32V64a32 32 0 0 0-32-32H400L368 0h-80a32 32 0 0 0-32 32v64H64V8a8 8 0 0 0-8-8H40a8 8 0 0 0-8 8v392a16 16 0 0 0 16 16h208v64a32 32 0 0 0 32 32h224a32 32 0 0 0 32-32V352a32 32 0 0 0-32-32H400l-32-32h-80a32 32 0 0 0-32 32v64H64V128h192v64a32 32 0 0 0 32 32zm0 96h66.74l32 32H512v128H288zm0-288h66.74l32 32H512v128H288z"/></svg>
|
|
</button>
|
|
</div>
|
|
<input id="pathBar" type="search" class="form-control" placeholder="Filter path">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<div class="input-group-prepend">
|
|
<div class="input-group-text">
|
|
<span title="Toggle fuzzy searching" onclick="document.getElementById('fuzzyToggle').click()">Fuzzy </span>
|
|
<input title="Toggle fuzzy searching" type="checkbox" id="fuzzyToggle"
|
|
onclick="toggleFuzzy()" checked>
|
|
</div>
|
|
</div>
|
|
<input id="searchBar" type="search" class="form-control" placeholder="Search">
|
|
<div class="input-group-append">
|
|
<button class="btn btn-outline-secondary small-btn" type="button" data-toggle="modal"
|
|
data-target="#help">?
|
|
</button>
|
|
<button class="btn btn-outline-secondary large-btn" type="button" data-toggle="modal"
|
|
data-target="#help">Help
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<input title="File size" id="sizeSlider" name="size">
|
|
|
|
<div class="row">
|
|
<div class="col">
|
|
<label for="indices">Search in indices</label>
|
|
<select class="custom-select" id="indices" multiple size="6"></select>
|
|
</div>
|
|
|
|
<div class="col" id="treeTabs">
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" data-toggle="tab" href="#mime" role="tab" aria-controls="home"
|
|
aria-selected="true">Mime Types</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="tab" href="#tag" role="tab" aria-controls="profile"
|
|
aria-selected="false" title="User-defined tags">Tags</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content" id="myTabContent">
|
|
<div class="tab-pane fade show active" id="mime" role="tabpanel" aria-labelledby="home-tab">
|
|
<div id="mimeTree" class="tree"></div>
|
|
</div>
|
|
<div class="tab-pane fade" id="tag" role="tabpanel" aria-labelledby="profile-tab">
|
|
<div id="tagTree" class="tree"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal" id="modal" tabindex="-1" role="dialog" aria-labelledby="modal-title" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="modal-title"></h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body" id="modal-body"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal" id="help" tabindex="-1" role="dialog" aria-labelledby="modal-title" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Search help</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td><code>+</code></td>
|
|
<td>signifies AND operation</td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>|</code></td>
|
|
<td>signifies OR operation</td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>-</code></td>
|
|
<td>negates a single token</td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>""</code></td>
|
|
<td>wraps a number of tokens to signify a phrase for searching</td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>*</code></td>
|
|
<td>at the end of a term signifies a prefix query</td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>(</code> and <code>)</code></td>
|
|
<td>signify precedence</td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>~N</code></td>
|
|
<td>after a word signifies edit distance (fuzziness)</td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>~N</code></td>
|
|
<td>after a phrase signifies slop amount</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p>For example: <code>"fried eggs" +(eggplant | potato) -frittata</code> will match the phrase
|
|
<i>fried eggs</i> and either <i>eggplant</i> or <i>potato</i>, but will ignore results
|
|
containing <i>frittata</i>.</p>
|
|
|
|
<p>When neither <code>+</code> or <code>|</code> is specified, the default operator is <code>+</code> (and).</p>
|
|
<p>When the <b>Fuzzy</b> option is checked, partial matches are also returned.</p>
|
|
<br>
|
|
<p>For more information, see <a target="_blank"
|
|
href="//www.elastic.co/guide/en/elasticsearch/reference/current/query-dsl-simple-query-string-query.html">Elasticsearch
|
|
documentation</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal" id="settings" tabindex="-1" role="dialog" aria-labelledby="modal-title" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Settings</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="settingHighlight">
|
|
<label class="custom-control-label" for="settingHighlight">Enable highlighting</label>
|
|
</div>
|
|
|
|
<div class="custom-control custom-checkbox">
|
|
<input type="checkbox" class="custom-control-input" id="settingFuzzy">
|
|
<label class="custom-control-label" for="settingFuzzy">Set fuzzy search by default</label>
|
|
</div>
|
|
|
|
<label for="settingDisplay">Display</label>
|
|
<select id="settingDisplay" class="form-control form-control-sm">
|
|
<option value="grid">Grid</option>
|
|
<option value="list">List</option>
|
|
</select>
|
|
|
|
<br>
|
|
<button style="float: right" class="btn btn-primary" onclick="updateSettings()">Update settings</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal" id="pathTreeModal" tabindex="-1" role="dialog" aria-labelledby="modal-title" aria-hidden="true">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Select path</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div id="pathTree" class="tree"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="searchResults"></div>
|
|
</div>
|
|
|
|
<script src="js" type="text/javascript"></script>
|
|
</body>
|
|
</html>
|