new FormDecidir(url_decidirnon-null, public_api_keynon-null, actionnon-null, datanullable, targetopt, direction, offcanvas_classnullable, use_tokenopt, use_prev_tokenopt, use_spinneropt, inhabilitar_csopt)
Componente que renderiza un formulario especial para integrar Decidir. Todos los input dentro de Form deben contener la propiedad name con el identificador del campo
Parameters:
Name | Type | Attributes | Default | Description |
---|---|---|---|---|
url_decidir |
string | Url de la API de decidir |
||
public_api_key |
string | Public key para acceder a los servicios |
||
action |
string | Nombre de la operación de destino |
||
data |
string |
<nullable> |
Json string con datos que pueden agregarse al form para evitar inputs de tipo hidden |
|
target |
NavigationTarget |
<optional> |
"menu" | Destino del resultado |
direction |
DirectionType | Dirección en la que va a mostrarse el menú |
||
offcanvas_class |
string |
<nullable> |
Clase css que se va a dar al menú |
|
use_token |
BooleanString |
<optional> |
"false" | Establece si se debe guardar el token que devuelve Orquesta, sirve para luego poder continuar el flujo con otro form, si es false no se guarda y el flujo termina |
use_prev_token |
BooleanString |
<optional> |
"true" | Establece si debe enviarse el token que está en memoria, sirve para continuar la ejecución de un flujo, si es false el token se envía null |
use_spinner |
BooleanString |
<optional> |
"true" | Establece si se muestra un spinner mientras se espera la respuesta del servidor |
inhabilitar_cs |
BooleanString |
<optional> |
"false" | Para inhabilitar el Servicio de Control de Fraude Cybersource |
- Source:
Example
<form_decidir
url_decidir="https://developers.decidir.com/api/v2"
public_api_key="e9cdb99fff374b5f91da4480c8dca741"
action="PagoDecidir"
target="menu"
direction="bottom"
offcanvas_class="rounded-m"
inhabilitar_cs="true"
>
<div class="menu-size" style="height:auto;" >
<div class="content mt-0 mb-2">
<div class="form-custom form-label form-icon">
<i class="bi bi-check-circle font-13"></i>
<select class="form-select rounded-xs" name="medioPago" value="{{opcionSeleccionada}}" aria-label="">
<optgroup label="Medios de Pago">
{{opciones|OpcionCombo}}
</optgroup>
</select>
<label for="medioPago" class="form-label-always-active color-highlight font-11">Medio de pago</label>
</div>
<div class="pb-3"></div>
<div class="form-custom form-label form-icon">
<i class="bi bi-hash font-14"></i>
<input type="number" class="form-control rounded-xs" name="importe" placeholder="ingrese el monto"/>
<label for="importe" class="form-label-always-active color-highlight font-11">Importe</label>
<span class="font-10">( Moneda: $ ARG )</span>
</div>
<div class="pb-3"></div>
<input
type="submit"
class="form-control rounded-xs btn btn-full gradient-highlight shadow-bg shadow-bg-s"
value="Depositar"
offcanvas_class="rounded-m"/>
</div>
</div>
</form_decidir>