apisearch-io / search-ui Goto Github PK
View Code? Open in Web Editor NEW:mag: A set of UI components to build a fully customized search!
Home Page: http://apisearch.io
License: MIT License
:mag: A set of UI components to build a fully customized search!
Home Page: http://apisearch.io
License: MIT License
loading
codeIn order to reduce some first-results loads, we can work with certain events before making the first load
MultipleFilter widget preloads all aggregations every time and this makes every query super heavy and increases the response time. Even if the limit
of items is set and "Show more" button is on, all data is loaded. So when we click to "Show more", the data is already loaded, we only hide or show the items. And this is bad. Because if we have 1000 aggregations to load, this will be queried each time.
Solution: when limiting the items (aggregations) shown on the widget, only query this items. Not all of them. And when clicking show more, the rest of items will be queried.
const multipleFilterWidget = ui.widgets.multipleFilter({
target: "#authors-filter",
name: "author",
filterField: "author_id",
limit: 5, // <-- this limit
showMoreActive: true
})
Possibility to add a parameter, something like promotedItems
on ResultComponent to promote some items on the result search.
Also to add a parameter like excludedItems
on ResultComponent to exclude some items on the result search.
To keep SEO friendly we should use HTML5 history.
https://css-tricks.com/using-the-html5-history-api/
https://developer.mozilla.org/en-US/docs/Web/API/History_API
WDYT?
Hi!
Two fast questions:
?category_id =300
, and I want saw only items only from this category without button check filter.Allow users to pin items in another set of results.
It should be good to have an option on widget configuration to decide whether to trigger the search when user is typing or when pressing enter.
Widget file: https://github.com/puntmig/javascript-search-ui/blob/master/src/Widgets/SimpleSearch/SimpleSearchComponent.js
Add a parameter on template
property to write some label for the SortBy Component.
When using MultipleFilter
widget to refine a search based on a "rating" values, with our logic-less template engine there is no way to transform the given rating number to a star icons. This is just an example, but there are a lot more.
It would be useful to have an attribute, something like dataHelper
or dataTransformer
to transform the received data before is being passed to the template compiler.
Seems that the slider does not return to original position.
We can anticipate the results when we think that the use will require it.
load more
button - #39)A widget to manage the current page using the javascript client.
given an object, where the key is the translation key, and the value the translation, we should add the possibility to work with translatable texts in all the templates.
We could add a human-language representation as well, like Get 10 items like "my text" with categories X, Y, Z and brands J, Q, K, sorted by name ascending
Instead of changing on range input changes, add a manual trigger button as an option
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.