searchengines-web/MeiliSearch
searchengines-web/MeiliSearch
1
0
Fork 0
mirror of https://github.com/meilisearch/MeiliSearch synced 2024-11-26 23:04:26 +01:00
Code Issues Releases Wiki Activity

Append the facet value to the facet query on click

Browse Source
This commit is contained in:
Kerollmops 2020-12-29 00:44:42 +01:00
parent d25a859985
commit 510df4729c
No known key found for this signature in database
GPG Key ID: 92ADA4E935E71FA4
2 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
http-ui/public/script.js
View File

@ -34,6 +34,8 @@ $('#query, #facet').on('input', function () {
for (value of data.facets[facet_name]) {
const elem = document.createElement('span');
elem.classList.add("tag");
elem.setAttribute('data-name', facet_name);
elem.setAttribute('data-value', value);
elem.innerHTML = `${facet_name}:${value}`;
facets.appendChild(elem);
}
@ -67,6 +69,19 @@ $('#query, #facet').on('input', function () {
results.appendChild(elem);
}
// When we click on a tag we append the facet value
// at the end of the facet query.
$('#facets .tag').on('click', function () {
let name = $(this).attr("data-name");
let value = $(this).attr("data-value");
let facet_query = $('#facet').val().trim();
if (facet_query === "") {
$('#facet').val(`${name} = "${value}"`).trigger('input');
} else {
$('#facet').val(`${facet_query} AND ${name} = "${value}"`).trigger('input');
}
});
},
beforeSend: function () {
if (request !== null) {
@ -88,8 +103,8 @@ $('#db-size').text(function(index, text) {
return filesize(parseInt(text))
});
// We trigger the input when we load the script, this way
// we execute a placeholder search when the input is empty.
// We trigger the input when we load the script.
$(window).on('load', function () {
// We execute a placeholder search when the input is empty.
$('#query').trigger('input');
});

5
http-ui/public/style.css
View File

@ -8,6 +8,7 @@
margin-right: 1em;
margin-bottom: 1em;
}
#facets {
max-width: 900px;
margin: 20px auto 0 auto;
@ -16,6 +17,10 @@
overflow: scroll;
}
#facets .tag:hover {
cursor: pointer;
}
#logo-white {
display: none;
}