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"