# Ngx Monitorias Uniandes Library
This library is used for Monitorias-Uniandes system.
## Install
Use [npm](https://www.npmjs.com/search?q=ng2-typeahead) package manager and execute following command:
`npm i ngx-monitorias-uniandes-lib --save`
Then import any avaliable *ngx-monitorias-uniandes* module in your main module. The following example imports *SearchComboBoxModule* module.
```typescript
import { AppComponent } from './app.component';
import { SearchComboBoxModule } from 'ngx-monitorias-uniandes';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
SearchComboBoxModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
```
## Use
Once ngx-academia uniandes modules were imported, you can add the components in your main app.
### Search Combo Box
1. Define a component model object in component.ts like this :
```typescript
this.componentModel = {
"urlService" : "http://myapi/items",
"queryParams" : [{"name": "start", "value": 0}],
"body": {"userName": "juanx", "age": 11},
"collectionName": "records",
"optionField" : "fullName", //Optional
"placeholder" : "Search items", //Optional
"optionsLimit" : 5, //Optional
"findBy": "UserName",//Optional
}
```
where *urlService* is an API service URL, *queryParams* is an array with queryParams for API requests, *body* is an object search params for searchs with POST method, *collectioName* is attribute name where are located array data (if response object is paginated), *optionField* is attribute name that contains the options value to show, *placeholder* is a string for setting the placeholder to component (Default "search"), optionsLimit* you can configure number of options to display and with *findBy* you can set up which attribute in the *body* must be used for searching (Only works when *body* is configured).
Finally, add component selector in *html* template like this:
```html