# MFeatures

A set of Angular modules to make realtime data, time sheets, search features reusable between projects.

## Install

`npm install @metromobilite/m-features`

## Install #2

In the `app.module.ts`

```typescript
/** some imports **/
import { MFeaturesModule } from '@metromobilite/m-features';
import { domain } from './helpers/domain.helpers';

@NgModule({
	declarations: [
		AppComponent
	],
	imports: [
		/* others imports... */
		MFeaturesModule.forRoot({
			domain
		}),
	],
	providers: [],
	bootstrap: [AppComponent]
})
export class AppModule { }

```
This module import is required to configure the m-features library.

## Modules

### Core

`import { ... } from '@metromobilite/m-features/core'`

This module provides some helpers, services and more:

[Specific README](projects/lib-m-features/core)

### Favorites

`import { ... } from '@metromobilite/m-features/favorites'`

[Specific README](projects/lib-m-features/favorites)

### Route Search

`import { ... } from '@metromobilite/m-features/route-search'`

[Specific README](projects/lib-m-features/route-search)

### Realtime Data

`import { ... } from '@metromobilite/m-features/realtime-data'`

[Specific README](projects/lib-m-features/realtime-data)

### Reference

`import { ... } from '@metromobilite/m-features/reference'`

[Specific README](projects/lib-m-features/reference)

### Search

`import { ... } from '@metromobilite/m-features/search'`

[Specific README](projects/lib-m-features/search)

### Dyn

`import { ... } from '@metromobilite/m-features/dyn'`

[Specific README](projects/lib-m-features/dyn)

### Time sheet

`import { ... } from '@metromobilite/m-features/time-sheet'`

@TODO

## Style

To import the library styles you should use these imports in your main SCSS file.

```SCSS
// Core styles.
@import "~@metromobilite/m-features/core/style/theme-button";
@import "~@metromobilite/m-features/core/style/variables";

// Favorites styles.
@import "~@metromobilite/m-features/favorites/style/favorites";

// Realtime Data styles.
@import "~@metromobilite/m-features/realtime-data/style/realtime-data";

// Search styles.
@import "~@metromobilite/m-features/search/style/search";
```