# angular-opileak-navbar

> Angular component for opileak apps top naviagtion menu

Latest version **2.0.6** (published 2019-06-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install angular-opileak-navbar
pnpm add angular-opileak-navbar
yarn add angular-opileak-navbar
bun add angular-opileak-navbar
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.6 |
| Published | 2019-06-25 |
| First published | 2017-05-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 103.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Juan Domínguez |
| Maintainers | fcotrillo, juandjara |
| Keywords | angular, opileak, navbar, opileak-toolbox, otb |

## Links

- npm: https://www.npmjs.com/package/angular-opileak-navbar
- Repository: http://gitlab.dinamicarea.es/opileak-components/angular-opileak-navbar
- npm.io page: https://npm.io/package/angular-opileak-navbar

## Recent versions

- 2.0.6 (latest) — 2019-06-25
- 1.4.1 — 2018-06-04
- 1.4.0 — 2018-06-04
- 1.3.0 — 2017-09-07
- 1.2.1 — 2017-06-28
- 1.1.2 — 2017-06-28
- 1.2.0 — 2017-06-09
- 1.1.1 — 2017-05-11
- 1.1.0 — 2017-05-11
- 1.0.10 — 2017-05-11
- 1.0.9 — 2017-05-11
- 1.0.8 — 2017-05-10
- 1.0.7 — 2017-05-10
- 1.0.6 — 2017-05-10
- 1.0.5 — 2017-05-10
- … 5 more at https://npm.io/package/angular-opileak-navbar/versions

## README

# Angular Opileak Navbar

Barra de navegación superior de las applicaciones de Opileak Toolbox (OTB)

## Instalación

Este modulo tiene las siguientes dependencias:

* angular
* angular-material
* angular-opileak-oauth

Para instalar el módulo se usa el siguiente comando

```
npm install --save 'git+ssh://git@gitlab.dinamicarea.es:opileak-components/angular-opileak-navbar.git#develop'
```

## Configuración

Es posible configurar distintos aspectos del módulo. Para hacerlo, debe usar el `opileakNavbarConfigProvider`
durante la fase de configuracion de su aplicación.

```js
opileakNavbarConfigProvider.configure({
	// Opciones de configuración y sus valores por defecto.
	getAvatarImageLink: (userId) => {
		// Url de destino al hacer click en el avatar del usuario.
		return 'http://inicio.opileak.es';
	},
	getAvatarImageSource: (userId) => {
		// Url fuente de la imagen de avatar del usuario.
		return `http://oauth-api.opileak.es/2/img/user/${userId}`;
	},
	getAppClientLogoSource: (appClientId) => {
		// Url fuente del logo de la aplicación con la id dada.
		return `http://oauth-api.opileak.es/oauth-api/2/img/client/${appClientId}`
	},	
});
```

### ES6 (Webpack, SystemJS, etc)

Para usar este módulo debes incluirlo en tu aplicacion de angular como

```js
import opkNavbar from 'angular-opileak-navbar'

angular.module('app', [
  /* otras dependencias */
  opkNavbar
])
```

### ES5 (Gulp, Grunt, etc)

Si no estas usando `ES6` o un empaquetador como `webpack` asegurate de añadir el script siguiente al html

```html
<script src="node_modules/angular-opileak-navbar/dist/angular-opileak-navbar.min.js" />
```

Tambien existe un archivo `css` disponible en `dist/angular-opileak-navbar.css`

En este caso deberás incluir el modulo a la aplicacion de angular como
```js
angular.module('app',  [
  /* otras dependencias */
  'opileak.navbar'
])
```

## Uso

Despues de esto puedes usar la navbar en cualquier sitio como

```html
<opk-navbar></opk-navbar>
```

---
_Source: https://npm.io/package/angular-opileak-navbar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._