Skip to content

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.

License

Notifications You must be signed in to change notification settings

votiakov/angular2-searchbox

 
 

Repository files navigation

Angular

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

Angular2 Searchbox - Alpha

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.

Looking for angular 1.x version? You can find that here: https://github.com/tybeck/pure-angular-advanced-searchbox

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)

About

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.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 77.9%
  • HTML 7.9%
  • JavaScript 7.5%
  • CSS 6.7%