Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

...

Template

ProyectoPrueba.zip

...

Introducción

A continuación como modo de ejemplo se indicará como crear, editar y borrar un proyecto y sus archivos en el diseñador de formularios, paso a paso.

...

Ejemplo de vista diseño HTML

...

Image RemovedPor defecto con la opción de vista código del HTML.

...

...

Archivos del proyecto

Agregar archivos

...

Una vez listo esto, se agregará el archivo .css.

...

Agregar al archivo .config

...

El resultado de nuestro cambio será el mostrado en la imagen de abajo y notaremos que el nombre del archivo se encuentra en color rojo, esto se debe a que se hicieron cambios que no han sido guardados.

...

Agregar archivos .JSON

Para crear otros archivos de traducción, el archivo debe llamarse NOMBREPROYECTO-es (español), NOMBREPROYECTO-en (inglés), NOMBREPROYECTO-pt (portugués).

...

Para poder utilizar la internacionalización, se debe descomentar y borrar la primera línea.
Ejemplo:

...

 

...

Eliminar archivos

Para eliminar archivos debes tener seleccionado el archivo y seleccionar el icono de tacho de basura, saltará un pop-up para confirmar que realmente se quiera borrar el archivo.

De la misma forma, pero posicionado el proyecto, se puede eliminar el proyecto.

...

...

Subir archivos

También tenemos la opción de subir un archivo al proyecto.

...

Agregamos un controlador Label para el título del formularoformulario, debajo se agrega un combo box donde se aloja la lista de los agentes del sistema. Los controles se agregan arrastrandolos arrastrándolos hacia el contenedor.

...

Automáticamente, cuando añadimos un elemento en la vista de diseño .html, se agregará su respectivo código, siendo este por cada elemento un div con su información.

Si seleccionamos un elemento y nos dirigimos a la vista de código htmlHTML, nos mostrará seleccionada la línea en la cual se encuentra el código del elemento, como se muestra en la siguiente imagen.

...

En la lógica de nuestro JS usaremos métodos del Integra Framework (UC_getAgents, UC_fullSelect), el getAgents nos devolverá los agentes, y el fullselect nos ayudará a agregar los agentes al combo.

Iniciaremos el combo preguntando si la variable de sesión posee datos (la variable de sesión nos sirve para no tener que consultar en el servidor cada vez), si tiene usaremos el fullselect con el array guardado en la sesión, sino si no llamaremos al método getAgents para traer los agentes.

Y con la respuesta del getAgents llenaremos el combo y guardaremos en la variable de sesión los datos.

Le daremos deploy para que lo los datos queden guardados en el servidor. 

...

...

Vista desde el portal

Lo siguiente es asignar un formulario a una campaña para verlo desde el portal, se debe ingresar al portal mediante un usuario Supervisor, entrar a campañas y asignarle el formulario a una.

También debemos asignar a la campaña el agente con cual cuál vamos a ingresar a ver el formulario.

...

...

Para ver ejemplos de los demás controles, descargar el template que se encuentra al principio de la documentación.

...