Members
Reactor.Components.Media.VideoRoom
Example
Conectando... 
Componente que renderiza una pizarra donde el usuario puede dibujar libremente. En la documentacion se pueden consultar las opciones que acepta options: https://github.com/embiem/react-canvas-draw
- Source:
Type Definitions
BooleanString
Representa un valor booleano pasado por atributos de elemento html, "true" para verdadero y "false" para falso
Type:
- "true" | "false"
ChartType
Type:
- "line" | "area" | "bar" | "radar" | "histogram" | "pie" | "donut" | "radialBar" | "scatter" | "bubble" | "heatmap" | "candlestick"
ControlName
Representa el name del control en un contexto de form, se usará para identificar el valor en el objeto que se enviará en el post al hacer submit
Type:
- string
DataURL
Datos URIs
Datos URIs, URLs prefijados con los datos: esquema, permiten a los creadores de contenido incorporar pequeños archivos en linea en los documentos.
Sintaxis
Los datos URIs se componen de cuatro partes a: un prefijo (data:), un tipo MIME que indica el tipo de datos, un token base64 opcional no textual, y los datos en si:
data:[
Type:
- string
DirectionType
Establece la dirección en la que va a aparecer el menú
Type:
- "top" | "bottom" | "start"
DrawOqtOptions
Type:
Properties:
| Name | Type | Attributes | Default | Description | 
|---|---|---|---|---|
| loadTimeOffset | number | <optional> | 5 | |
| lazyRadius | number | <optional> | 1 | |
| brushRadius | number | <optional> | 1 | |
| brushColor | string | <optional> | "#444" | |
| catenaryColor | string | <optional> | "#0a0302" | |
| gridColor | string | <optional> | "rgba(150,150,150,0.17)" | |
| hideGrid | boolean | <optional> | false | |
| canvasWidth | number | <optional> | 400 | |
| canvasHeight | number | <optional> | 400 | |
| disabled | boolean | <optional> | false | |
| imgSrc | number | <optional> | "" | |
| immediateLoading | boolean | <optional> | false | |
| hideInterface | boolean | <optional> | false | |
| gridSizeX | number | <optional> | 25 | |
| gridSizeY | number | <optional> | 25 | |
| gridLineWidth | number | <optional> | 0.5 | |
| hideGridX | numbooleanber | <optional> | false | |
| hideGridY | boolean | <optional> | false | |
| enablePanAndZoom | boolean | <optional> | false | |
| mouseZoomFactor | number | <optional> | 0.01 | |
| zoomExtents | object | <optional> | { min: 0.33, max: 3 } | 
EffectList
Lista de efectos disponibles
Type:
- "scale-up-center" | "scale-up-bottom-left" | "scale-up-bottom-right" | "scale-up-top-left" | "scale-up-top-right" | "scale-up-vertical-center" | "scale-up-horizontal-center" | "scale-up-top" | "scale-up-bottom" | "scale-up-left" | "scale-up-right" | "scale-up-vertical-top" | "scale-up-vertical-top" | "scale-up-horizontal-left" | "scale-up-horizontal-right" | "scale-up-horizontal-right" | "scale-down-center" | "scale-down-top" | "scale-down-bottom" | "scale-down-left" | "scale-down-right" | "scale-down-bottom-left" | "scale-down-bottom-right" | "scale-down-top-left" | "scale-down-top-right" | "scale-down-horizontal-center" | "scale-down-horizontal-left" | "scale-down-horizontal-right" | "scale-down-vertical-center" | "scale-down-vertical-top" | "scale-down-vertical-bottom" | "rotate-center" | "rotate-top" | "rotate-bottom" | "rotate-right" | "rotate-left" | "rotate-top-right" | "rotate-top-left" | "rotate-bottom-left" | "rotate-bottom-right" | "rotate-horizontal-center" | "rotate-horizontal-top" | "rotate-horizontal-bottom" | "rotate-vertical-center" | "rotate-vertical-left" | "rotate-vertical-right" | "rotate-diagonal-right" | "rotate-diagonal-left" | "rotate-diagonal-top-right" | "rotate-diagonal-top-left" | "rotate-diagonal-bottom-left" | "rotate-diagonal-bottom-right" | "rotate-scale-up" | "rotate-scale-down" | "rotate-scale-up-horizontal" | "rotate-scale-down-horizontal" | "rotate-scale-up-vertical" | "rotate-scale-down-vertical" | "rotate-scale-up-diagonal-left" | "rotate-scale-down-diagonal-right" | "rotate-scale-down-diagonal-left" | "rotate-scale-down-diagonal-right" | "swing-top" | "swing-bottom" | "swing-left" | "swing-right" | "swing-top-right" | "swing-top-left" | "swing-bottom-right" | "swing-bottom-left" | "slide-top" | "slide-bottom" | "slide-right" | "slide-left" | "slide-top-right" | "slide-top-left" | "slide-bottom-right" | "slide-bottom-left" | "slide-rotate-horizontal-top" | "slide-rotate-horizontal-bottom" | "slide-rotate-vertical-left" | "slide-rotate-vertical-right" | "shadow-drop-center" | "shadow-drop-top" | "shadow-drop-right" | "shadow-drop-bottom" | "shadow-drop-left" | "shadow-drop-left-right" | "shadow-drop-top-bottom" | "shadow-drop-top-right" | "shadow-drop-bottom-right" | "shadow-drop-bottom-left" | "shadow-drop-top-left" | "shadow-pop-top-right" | "shadow-pop-bottom-right" | "shadow-pop-bottom-left" | "shadow-pop-top-left" | "shadow-inset-center" | "shadow-inset-top" | "shadow-inset-right" | "shadow-inset-bottom" | "shadow-inset-left" | "shadow-inset-top-right" | "shadow-inset-bottom-right" | "shadow-inset-bottom-left" | "shadow-inset-top-left" | "tracking-in-expand" | "tracking-in-expand-forward-top" | "tracking-in-expand-forward-bottom" | "tracking-in-contract" | "tracking-out-contract" | "tracking-out-expand-forward-top" | "tracking-out-expand-forward-bottom" | "blur-in" | "blur-in-expand" | "blur-out" | "blur-out-expand" | "blur-out-contract" | "vibrate" | "flicker" | "shake-horizontal" | "shake-vertical" | "shake-left-right" | "shake-right" | "shake-left" | "jello-horizontal" | "jello-vertical" | "jello-diagonal" | "wobble-horizontal-bottom" | "wobble-horizontal-top" | "wobble-vertical-left" | "wobble-vertical-right" | "bounce-top" | "bounce-bottom" | "bounce-left" | "bounce-right"
GeolocationOqtError
Type:
- Object
Properties:
| Name | Type | Description | 
|---|---|---|
| code | number | Código de error | 
| message | string | Descripción | 
- Source:
GeolocationOqtOptions
Type:
- Object
Properties:
| Name | Type | Description | 
|---|---|---|
| enableHighAccuracy | boolean | |
| maximumAge | number | |
| timeout | number | 
- Source:
GeolocationOqtResult
Type:
- Object
Properties:
| Name | Type | Attributes | Description | 
|---|---|---|---|
| lat | number | Latitud | |
| lng | number | Longitud | |
| speed | number | Velocidad | |
| error | GeolocationOqtError | <nullable> | Se obtiene un error cuando hay un problema del dispositivo o porque el usuario no otorgo acceso a la ubicación | 
- Source:
JsonString
Representa un objeto JSON con las propiedades que se van a utilizar como configuración o para enviar como conjunto de propiedades a un componente. El string se parsea con JSON.parse() y luego se utiliza como objeto. Ej.: <Draw options='{"canvasWidth": 270, "className": "draw-class"}' ></Draw>
Type:
- string
LogicOperator
Operador logico para comparar valores
Type:
- "startsWith" | "endsWith" | "=" | ">" | "<" | "!=" | ">=" | "<=" | "?" | "??" | "!" | "!!"
MapMarkerOqtResult
Type:
- Object
Properties:
| Name | Type | Description | 
|---|---|---|
| lat | number | Latitud | 
| lng | number | Longitud | 
- Source:
MapMarkerOqtResult
Type:
- Object
Properties:
| Name | Type | Description | 
|---|---|---|
| lat | number | Latitud | 
| lng | number | Longitud | 
- Source:
MapMarkerWithGeolocationOqtResult
Type:
- Object
Properties:
| Name | Type | Description | 
|---|---|---|
| lat | number | Latitud | 
| lng | number | Longitud | 
MenuOptions
Type:
Properties:
| Name | Type | Description | 
|---|---|---|
| direction | DirectionType | Dirección en la que va a mostrarse el menú | 
| offcanvas_class | string | Clase que se va a dar al menú | 
NavigationTarget
Establece el modo en que se va a mostrar la respuesta del servidor.
menu: se muestra en un menu contextual que aparece por alguno de los bordes de la pantalla (definido en 'direction'), dando inicio a una operación o continuando con la misma
modal: se muestra en un popup que finaliza la operación
navigate: se dirige a otra pantalla, pasando como parametros la respuesta del servidor
toast: se muestra en un toast en la parte superior de la pantalla
frame: se muestra en un FrameDiv (definido en la propiedad 'to')
operation: el resultado no se muestra, es una manera de hacer un envío de datos silencioso
Type:
- "menu" | "modal" | "navigate" | "toast" | "frame" | "operation"
OrquestaResponse
Este tipo de dato define las respuestas del endpoint orquesta, a todas las operaciones, para renderizar templates en la app.
Type:
- Object
Properties:
| Name | Type | Attributes | Description | 
|---|---|---|---|
| data | OrquestaResponseData | ||
| token | string | <nullable> | Token que permite mantener activo un flow en ejecución | 
| isAuth | bool | <nullable> | Determina si el usuario se encuentra logueado en el sistema, no se utiliza en el componente Template, solamente se procesa en la respuesta del servidor cuando se solicita una operación | 
OrquestaResponseData
Data necesaria para seleccionar el template y los parametros
Type:
- Object
Properties:
| Name | Type | Description | 
|---|---|---|
| template | string | Nombre del template que se va a usar como plantilla para renderizar | 
| params | * | Todos los parametros que se usan en el template | 
| _variables | OrquestaResponseDataVariables | Array.<OrquestaResponseDataVariables> | Todos los parametros que se usan en el template | 
| _hooks | string | Lista de hooks que se quieren ejecutar | 
OrquestaResponseDataVariables
Type:
- Object
Properties:
| Name | Type | Description | 
|---|---|---|
| variable | string | Nombre de la variable | 
| data | Object | string | any | Datos que contendra la variable, cualquier tipo de dato, objeto, cadena, arrays | 
| context | string | Contexto donde se ubicará la variable | 
| storage | boolean | Determina si los datos se guardarán en LocalStorage del explorador | 
Example
new {
  variable = "credenciales",
  data = new object[]{
    new {
      name = "Credencial1",
      guid = "cr1",
    },
    new {
      name = "Credencial2",
      guid = "cr2",
    }
  },
  context = "auth",
  storage = true,
}VariableType
Tipo de variable
Type:
- "text" | "number" | "boolean"