tyb-advanced-searchbox

An implementation to add advanced searching capabilities into a reusable UI to help build parameters based off of filters, queries and operators to send off to a search API.

Usage no npm install needed!

<script type="module">
  import tybAdvancedSearchbox from 'https://cdn.skypack.dev/tyb-advanced-searchbox';
</script>

README

Angular ![GitHub version](https://img.shields.io/github/tag/tybeck/tyb-advanced-searchbox.svg?maxAge=180000)     ![Commits Since](https://img.shields.io/github/commits-since/tybeck/tyb-advanced-searchbox/v1.0.10.svg?maxAge=180000)     ![NPM Dependencies](https://david-dm.org/tybeck/tyb-advanced-searchbox.svg)     ![NPM Dev Dependencies](https://david-dm.org/tybeck/tyb-advanced-searchbox/dev-status.svg)     ![Total Downloads](https://img.shields.io/github/downloads/tyb-advanced-searchbox/tyb-advanced-searchbox/total.svg?maxAge=180000)    

Tyb - Angular2 Advanced Searchbox

Currently in development!

An implementation to add advanced searching capabilities into a reusable UI to help build parameters based off of filters, queries and operators to send off to a search API.

Features

  • Basic Search Query Input Box
  • Filters
  • Filter Selectors - Selectors for filters (Contains, Is Equal To, etc).
  • Operators - OR/AND support between filters to give more advanced searchbox functionality.
  • Drag and Drop - Swap / Insert Before and After functionality for filters to change arrangement.
  • Validation - Validators on filters allows control over when search get's updated based on valid entries.
  • Middlewares - to modify values within filters after user input.
  • Externalized Configuration / HTML (In Progress)
  • Grouping (In Progress)