Display the facet values on the HTML debug page

This commit is contained in:
Kerollmops 2020-12-28 19:32:56 +01:00
parent 3b64735058
commit d25a859985
No known key found for this signature in database
GPG Key ID: 92ADA4E935E71FA4
3 changed files with 30 additions and 1 deletions

View File

@ -4,6 +4,7 @@ var timeoutID = null;
$('#query, #facet').on('input', function () { $('#query, #facet').on('input', function () {
var query = $('#query').val(); var query = $('#query').val();
var facet = $('#facet').val(); var facet = $('#facet').val();
let fetchFacetDistribution = query.trim() !== "" || facet.trim() !== "";
var timeoutMs = 100; var timeoutMs = 100;
if (timeoutID !== null) { if (timeoutID !== null) {
@ -15,10 +16,13 @@ $('#query, #facet').on('input', function () {
type: "POST", type: "POST",
url: "query", url: "query",
contentType: 'application/json', contentType: 'application/json',
data: JSON.stringify({ 'query': query, 'facetCondition': facet, "facetDistribution": true }), data: JSON.stringify({
'query': query, 'facetCondition': facet, "facetDistribution": fetchFacetDistribution
}),
contentType: 'application/json', contentType: 'application/json',
success: function (data, textStatus, request) { success: function (data, textStatus, request) {
results.innerHTML = ''; results.innerHTML = '';
facets.innerHTML = '';
let timeSpent = request.getResponseHeader('Time-Ms'); let timeSpent = request.getResponseHeader('Time-Ms');
let numberOfDocuments = data.documents.length; let numberOfDocuments = data.documents.length;
@ -26,6 +30,15 @@ $('#query, #facet').on('input', function () {
time.innerHTML = `${timeSpent}ms`; time.innerHTML = `${timeSpent}ms`;
time.classList.remove('fade-in-out'); time.classList.remove('fade-in-out');
for (facet_name in data.facets) {
for (value of data.facets[facet_name]) {
const elem = document.createElement('span');
elem.classList.add("tag");
elem.innerHTML = `${facet_name}:${value}`;
facets.appendChild(elem);
}
}
for (element of data.documents) { for (element of data.documents) {
const elem = document.createElement('li'); const elem = document.createElement('li');
elem.classList.add("document"); elem.classList.add("document");

View File

@ -4,6 +4,18 @@
padding: 0; padding: 0;
} }
#facets .tag {
margin-right: 1em;
margin-bottom: 1em;
}
#facets {
max-width: 900px;
margin: 20px auto 0 auto;
padding: 0;
max-height: 16em;
overflow: scroll;
}
#logo-white { #logo-white {
display: none; display: none;
} }

View File

@ -84,6 +84,10 @@
</div> </div>
</section> </section>
<section id="facets">
<!-- facet values -->
</section>
<section> <section>
<ol id="results" class="content"> <ol id="results" class="content">
<!-- documents matching requests --> <!-- documents matching requests -->