# App Widget
### Componente para cargar una aplicación Web de FIELDEAS en un Widget Flotante con capacidad para arrastrarlo.

## Importar componente
```js 
import AppWidget from 'fieldeas-components/core/AppWidget'
```
```js
import { AppWidget } from 'fieldeas-components/core'
```
``` js
components: {
    AppWidget: () => import('fieldeas-components/core/AppWidget'),
}
```
## Propiedades del componente
```js
props: {
    /**
     * @description Alias de la aplicación en Fieldeas
     */
    alias: {
        type: String,
        required: true,
    },
    /**
     * @description Ruta dentro de la aplicación
     */
    path: {
        type: String,
        default: ""
    },
    /**
     * @description URL completa que sustituye a alias y path
     */
    url: String,
    /**
     * @description Alto del widget en px
     */
    height: {
        type: Number,
        default: 350
    },
    /**
     * @description Ancho del widget en px
     */
    width: {
        type: Number,
        default: 350
    },
    /**
     * @description Habilita la opción de arrastrar el widget desde el slot 'navbar'
     */
    draggable: {
        type: Boolean,
        default: true
    }
}
```
## Slots del componente
* navbar

## Ejemplo de uso
```html 
<AppWidget alias="teleAsistenciaDev" path="#/room/628c9d28fba4b90001135e82" :height="600">
  <template slot="navbar">
    <f7-navbar class="iframeNavbar">
      <div class="logo"></div>
      <f7-nav-title>Asistencia Remota</f7-nav-title>
      <f7-nav-right>
        <f7-link @click="activateCall = false" small>
          <fa-icon fas icon="times" />
        </f7-link>
      </f7-nav-right>
    </f7-navbar>
  </template>
</AppWidget>
```

![Imagen de ejemplo](./example.png)