Artículo: Mostrar el nombre del dispositivo desde un proyecto de SiteKiosk Online

1- Introducción

Este artículo describe cómo crear un botón que muestre al usuario el nombre del dispositivo que está utilizando en un cuadro de diálogo de alerta.

También describe cómo mostrar el nombre del dispositivo en un elemento de texto.
Esta entrada solo funciona con SiteKiosk Online para clientes Windows y Android.

2- Cuadro de diálogo de alerta

Cree un nuevo proyecto utilizando la plantilla Vacía.
Añada un elemento de texto con el botón Nuevo.
Active el modo experto: inserte &expert al final de la URL y pulse Intro para recargar el proyecto.

Agregue &expert al final de la URL SiteKiosk Online que se muestra en su navegador: https://www.sitekiosk-online.es/ projects/editor/assets/index…&expert

Imagen 1 – Modo experto

Haga doble clic en el elemento de texto para abrir el cuadro de diálogo de propiedades.
Pulse el botón Editar experto en la parte inferior izquierda.
En la sección Experto, introduzca triggerActions en el cuadro de texto Añadir propiedades.
Seleccione Objeto JSON en el menú desplegable de la derecha y añada las siguientes líneas en el cuadro de texto de la izquierda:

  "pressed": {
 
    "actions": [
 
      {
 
        "type": "executeScript",
 
        "script": "alert(siteKiosk.remote.blackboard.getValue('StC.MachineInfo.Name')?.value)"
 
      }
 
    ]
 
  }
 
}

Pulse el botón de signo más + para añadir la configuración.
Pulse Guardar para guardar la configuración.

Imagen 2 – Seleccione Objeto JSON e introduzca el script

10. Haga clic en el elemento de texto para probar el cuadro de diálogo

3- Añadir el nombre de la máquina a un elemento de texto

Cree un nuevo elemento de texto
Haga doble clic para abrir el cuadro de diálogo de propiedades del elemento de texto
Escriba {$machineName} en el elemento de texto

Imagen 3 – Añadir propiedad

Pulse el botón Edición avanzada en la parte inferior izquierda.
Desplácese hacia abajo en el área de edición avanzada e introduzca onActivated en el cuadro de texto Añadir propiedades
Seleccione Objeto JSON en el menú desplegable de la derecha
Introduzca las siguientes líneas en el cuadro de la izquierda:

{
 
  "takeFromTriggerActions": true
 
}

Imagen 4 – Agregar propiedad: onActivated

Pulse el botón de signo más + para agregar la configuración.
Introduzca en el cuadro de edición de «Agregar propiedades»: triggerActions
Seleccione «Objeto JSON» en el menú desplegable de la derecha.
Introduzca las siguientes líneas en el cuadro de la izquierda:

{
  "pressed": {
    "actions": [
      {
        "type": "executeScript",
        "script": "const id = this.element.id;const element = siteKiosk.content.getElementByName(id);const machineName = siteKiosk?.remote?.blackboard?.getValue('StC.MachineInfo.Name')?.value || 'unknown';element.replacePropertyPlaceholders('text', { machineName });"
      }
    ]
  }
}

Imagen 5 – Líneas de script añadidas

Pulse el botón de signo más + para añadir la configuración.
Pulse Guardar para guardar la configuración.

Finalmente: Publique el proyecto para comprobar que el nombre de la máquina cliente se muestra correctamente en el elemento de texto.