Boletín informativo para desarrolladores de Vtiger CRM

Con la combinación de Module Designer de Vtiger y VTAP, puede crear aplicaciones y agregar los componentes de UI necesarios con un tiempo de desarrollo reducido.

Considera esto.

Con el Diseñador de módulos, podrá crear secuencias de comandos y, con VTAP, podrá agregar botones personalizados en las vistas de lista y detalles de los módulos seleccionados en CRM.

Con las mejoras realizadas en Module Designer, los desarrolladores podrán agregar botones personalizados desde la interfaz de usuario con bastante facilidad.

A continuación se muestra un ejemplo que muestra cómo el Diseñador de módulos mejorado puede reducir el tiempo de codificación. Agreguemos un botón Vista de lista que abrirá la página vtiger.com en una nueva pestaña.

Con el Diseñador de módulos actual, podrá lograr esto con el siguiente código.

Con el Diseñador de módulos mejorado, puede hacerlo desde la interfaz de usuario, como se muestra a continuación.

Puede agregar estas acciones desde Acciones de UI en el Diseñador de módulos.

Para lograr esto, simplemente habilite el modo Diseñador en Diseñador de módulos -> Configuración -> Configuración del personalizador.

Una vez que habilite la casilla de verificación Modo Diseñador, podrá agregar los botones desde la propia página del módulo (por ejemplo, la página Vista de lista o la página Vista detallada en el módulo Contactos).

Los íconos que agregue se resaltarán después de habilitar el modo Diseñador, como se ilustra arriba. Al hacer clic en estos íconos, podrá agregar botones personalizados.

Actualmente, los siguientes tipos de botones están habilitados en CRM.

Tipo de botón	Evento de registro de VTAP	Descripción
Icono de acción global	ACCIÓN_GLOBAL	Agrega el ícono en el encabezado Vtiger
Botón Ver lista	LISTA_BASIC_BUTTON	Agrega el botón en la vista de lista.
Vista de lista Agregar tipo de registro	LIST_ADD_RECORD_OPTION	Agrega el botón antes del botón Agregar en la Vista de lista
Acción de configuración de vista de lista	LIST_ADVANCED_SETTING	Agrega el botón en el menú desplegable Configuración
Icono de acción básica de fila de vista de lista	LIST_ROW_BASIC_ACTION	Agrega el ícono al final de la fila de Vista de lista
Icono de acción secundaria de fila de vista de lista	LIST_ROW_SECONDARY_ACTION	Agrega el ícono al comienzo de la fila de la Vista de lista
Icono de acción masiva de vista de lista	LISTA_MASS_ACTION	Agrega íconos para seleccionar múltiples registros.
Ver detalles Más elemento de acción	DETAIL_MORE_ACTION_ITEM	Agrega botones a la acción Más en la vista Detalle
Botón básico de vista detallada	DETAIL_BASIC_BUTTON	Agrega un botón a la Vista detallada
Icono de acción de vista detallada	DETAIL_ACTION_ICON	Agrega el ícono al menú desplegable de íconos del encabezado de detalles

Caso de uso del cliente VTAP

El cliente opera dentro del ámbito de los Servicios de Traducción. Su objetivo era restringir la creación de Órdenes de Compra (PO) dentro del mes posterior a la creación del proyecto.

Vtiger pudo proporcionar una solución utilizando VTAP: una orden de compra que se crea después de un mes generará una aprobación.

Veamos el código de la solución anterior.

El cliente opera dentro del ámbito de los Servicios de Traducción. Su objetivo era restringir la creación de Órdenes de Compra (PO) dentro del mes posterior a la creación del proyecto.

Vtiger pudo proporcionar una solución utilizando VTAP: una orden de compra que se crea después de un mes generará una aprobación.

Veamos el código de la solución anterior.


  var PurchaseOrder_Component_ValidatePO = VTAP.Component.Core.extend({
    created() {
        VTAP.Detail.BeforeSave('PurchaseOrder', (params) => {
            return new Promise((resolve, reject) => {
                let record = params.record;
                if (!record.id && record.cf_purchaseorder_projectref) {
                    VTAP.Api.Get('records', {
                        id: record.cf_purchaseorder_projectref.id,
                        module: record.cf_purchaseorder_projectref.module
                    }, (error, response) => {
                        if (response) {
                            let currentDate = moment.tz(new Date(), 'YYYY-MM-DD', VTAP.User().time_zone);
                            let projectDate = moment.tz(response.createdtime, 'YYYY-MM-DD', VTAP.User().time_zone);
                            let months = currentDate.diff(projectDate, 'months');
                            if (months >= 1) {
                                record.set('postatus', 'Needs Approval');
                            }
                            resolve(params);
                        }
                    });
                } else {
                    resolve(params);
                }
            });
        });
    }
});


  var PurchaseOrder_Component_ValidatePO = VTAP.Component.Core.extend({
    created() {
        VTAP.Detail.BeforeSave('PurchaseOrder', (params) => {
            return new Promise((resolve, reject) => {
                let record = params.record;
                if (!record.id && record.cf_purchaseorder_projectref) {
                    VTAP.Api.Get('records', {
                        id: record.cf_purchaseorder_projectref.id,
                        module: record.cf_purchaseorder_projectref.module
                    }, (error, response) => {
                        if (response) {
                            let currentDate = moment.tz(new Date(), 'YYYY-MM-DD', VTAP.User().time_zone);
                            let projectDate = moment.tz(response.createdtime, 'YYYY-MM-DD', VTAP.User().time_zone);
                            let months = currentDate.diff(projectDate, 'months');
                            if (months >= 1) {
                                record.set('postatus', 'Needs Approval');
                            }
                            resolve(params);
                        }
                    });
                } else {
                    resolve(params);
                }
            });
        });
    }
});

VTAP.Detail.BeforeSave activará el controlador de eventos antes de guardar cualquier registro en el módulo especificado. Dependiendo de los comandos de resolución y rechazo, el sistema procederá a guardar el registro o a detenerlo.

Próximamente

Creación de aplicaciones y evolución de aplicaciones

Utilizando las capacidades de la herramienta App Creator, nos embarcamos en un viaje que va más allá de lo convencional.

Diseño para todos: una nueva perspectiva de CRM con creación de aplicaciones inclusivas

App Evolution: Revolucionando la interacción CRM para cada perfil

No solo permitimos la creación de aplicaciones para usuarios de CRM; Estamos ampliando este privilegio a nuestros contactos y al público en general. Nuestra visión abarca la introducción de tres vías distintas para la creación de aplicaciones, cada una de las cuales atiende a un ámbito de participación específico.

Aplicaciones de usuario: Estas aplicaciones especializadas están diseñadas exclusivamente para usuarios de CRM. Diseñadas para satisfacer las necesidades únicas de aquellos dentro de su organización, estas aplicaciones brindarán a sus usuarios de CRM herramientas optimizadas para mejorar su productividad y eficiencia.

Aplicaciones de contacto: Imagine un entorno en el que sus contactos también puedan interactuar con aplicaciones diseñadas específicamente. Estas aplicaciones, accesibles exclusivamente para los contactos, reflejan el concepto de un portal de clientes, brindando a sus contactos un canal perfecto para la interacción y el compromiso con su empresa.

Aplicaciones públicas: Ampliando aún más los horizontes, presentamos aplicaciones que trascienden los límites organizacionales. Estas aplicaciones están diseñadas para el acceso público, abriendo nuevas vías de interacción y creación de valor. Al hacer que estas aplicaciones sean accesibles a un público más amplio, estamos derribando barreras y fomentando la participación más allá de los límites tradicionales.

De hecho, la introducción de estas diversas categorías de aplicaciones le permite crear soluciones personalizadas y crear aplicaciones únicas. ¿El propósito? Para atender a una audiencia amplia, tanto aquellos directamente involucrados con CRM como aquellos indirectamente conectados. Este enfoque aumenta el potencial de su CRM y acerca su organización a sus clientes, contactos y al mundo en general.

Utilizando las capacidades de la herramienta App Creator, nos embarcamos en un viaje que va más allá de lo convencional.

Diseño para todos: una nueva perspectiva de CRM con creación de aplicaciones inclusivas

App Evolution: Revolucionando la interacción CRM para cada perfil

¡Regístrese para recibir las últimas actualizaciones!

Doy mi consentimiento para que Vtiger envíe actualizaciones de novedades y otras lecturas interesantes.

He leído la políticas de privacidad de Vtiger.