Personalizar acciones en registros de flujos (iconos)

Personalizar acciones en registros de flujos (iconos)


Es posible vincular acciones para los registros de los flujos, dichas acciones pueden ser:

  1. Consultar registros con Plantillas
  2. Editar registro con el flujo indicado (tomando los datos del registro como base)
  3. Generar un nuevo flujo (tomando los datos del registro como base)



En la siguiente imagen se muestran las 3 opciones de acciones:

image.png

A continuación un ejemplo del GRID de la sábana con las acciones integradas:

  1. gridvars.ArchivoConfigGrid = [
	{
		"key": "TicketId",
		"value": "#",
		"ctype": "equals",
		"datatype": "string"
	},
	{
		"key": "Dias transcurridos",
		"header":"Creación",
		width : 250,
		renderer : function(v, opts, row){
			var tiempo = moment(row.data.FechaInicioContestado).fromNow();
			var diasDiferencia = moment().diff(row.data.FechaCreacion, "days", true);
			var colorTiempo = "#888";
			if(diasDiferencia > 2){
				colorTiempo = "red";
			}
			var titulo = "<span>" + moment(row.data.FechaInicioContestado).format("LLL") + "</span>";
				titulo += "<br/><small style='color:"+ colorTiempo +"; font-style: italic;'>"+ tiempo +"</small>";
			return titulo;
		},
		"value": "FechaInicioContestado",
		"ctype": "equals",
		"datatype": "string"
	},
	
	{
		"key": "Acciones",
		"header":"Acciones",
		width : 250,
		renderer : function(v, opts, record){
			var row = record.data;
			var tiempo = moment(row.FechaInicioContestado).fromNow();
			var diasDiferencia = moment().diff(row.FechaCreacion, "days", true);
			var colorTiempo = "#888";
			if(diasDiferencia > 2){
				colorTiempo = "red";
			}
			var titulo = "";
			
			titulo += "" +
				"<span style='display:block-inline; pagging:0px 2px;'>" + 
					"<a href='#' onclick='AbrePlantillaRegistroLoading("+ row.ContestadoId +", 33); return false;' >" + 
						"<img src='../panel/images/icons_grids/plantilla.png' style='height: 20px;' >" + 
					"</a>"+ 
				"</span>";
				
			titulo += "" +
				"<span style='display:block-inline; pagging:0px 2px;'>" + 
					"<a href='#' onclick='CorrerFlujoEspecifico("+ row.ContestadoId +", 86,\"Flujo de trabajo\"); return false;'> " + 
						"<img src='../panel/images/icons_grids/documentos.png' style='height: 20px;' >" + 
					"</a>" + 
				"</span>";
			
			titulo += "" + 
				"<span style='display:block-inline; pagging:0px 2px;'>" + 
					"<a href='#' onclick='ClonarCorriendoFlujoEspecifico("+ row.ContestadoId +", 86,\"Flujo de trabajo\"); return false;'>" + 
						"<img src='../panel/images/icons_grids/profile.png' style='height: 20px;' >" + 
					"</a>" + 
				"</span>";
			return titulo;
		},
		"value": "Acciones",
		"ctype": "equals",
		"datatype": "string"
	},

	{
		"key": "NombreUsuarioTicketCreador",
		"header":"Ejecutivo",
		"value": "NombreUsuarioTicketCreador",
		"ctype": "equals",
		"datatype": "string",
	},
	{
		"key": "Categoria",
		"header":"Categoria",
		"value": "Categoria",
		"ctype": "equals",
		"datatype": "string"
	},
	{
		"key": "Metadata1",
		"header":"RFC",
		"value": "Categoria",
		"ctype": "equals",
		"datatype": "string"
	},
	
	{
		"key": "Metadata2",
		"header":"Denominaci&oacute;n",
		width : 300,
		"value": "Categoria",
		"ctype": "equals",
		"datatype": "string"
	},
	{
		"key": "Metadata3",
		"header":"Documentaci&oacute;n",
		"value": "Metadata3",
		width : 200,
		ctrenderer : function(v, ops, xrow){
			var row = xrow.data || xrow;
			return row.Metadata3;
		},
		renderer : function(v, opts, row){
			var valor = (row.data.Metadata3 || "");
			var colorDocumentos = "#1eb252";
			if(valor.toLowerCase() != 'documentos completos'){
				colorDocumentos = "#d10000";
			}
			var titulo = "<span style='color:"+ colorDocumentos +"; '>" + valor + "</span>";
			return titulo;
		},
		"ctype": "equals",
		"datatype": "string"
	},

	{
		"key": "Metadata4",
		"header":"Vigencia",
		"value": "Metadata4",
		width : 200,
		ctrenderer : function(v, ops, xrow){
			var row = xrow.data || xrow;
			return row.Metadata4;
		},
		renderer : function(v, opts, row){
			var valor = (row.data.Metadata4 || "");
			var colorDocumentos = "#1eb252";
			if(valor.toLowerCase() != 'documentacion vigente'){
				colorDocumentos = "#d10000";
			}
			var titulo = "<span style='color:"+ colorDocumentos +"; '>" + valor + "</span>";
			return titulo;
		},
		"ctype": "equals",
		"datatype": "string"
	},




	{
		"key": "METADATA5",
		"header":"Estatus Vinculados",
		"value": "METADATA5",
		width : 200,
		ctrenderer : function(v, ops, xrow){
			var row = xrow.data || xrow;
			return row.Metadata4;
		},
		renderer : function(v, opts, row){
			var valor = (row.data.METADATA5 || "");
			var colorDocumentos = "#1eb252";
			if(valor.toLowerCase() != 'vinculados ok'){
				colorDocumentos = "#d10000";
			}
			var titulo = "<span style='color:"+ colorDocumentos +"; '>" + valor + "</span>";
			return titulo;
		},
		"ctype": "equals",
		"datatype": "string"
	},


	
];

    • Related Articles

    • Personalizar acciones de botonera de reporte personalizado

      Para personalizar las acciones de los botones superiores del reporte personalizado podemos utilizar las siguientes funciones: Funciones Abre la ventana para seleccionar e iniciar un flujo nuevo: MainActions.showIniciarFlujoWindow({}); Iniciar un ...

    • Filtros por URL en consulta de reporte de Flujos

      Se pueden pasar también filtros por la URL sobre los campos buscables (que no son dinámicos) como NombreUsuario, Categoria, TicketId, los campos meta, etc Ejemplo : ...

    • Script para agregar registros en catálogos y mostrar campos en listas

      En este script, le damos formato a 2 diferentes tipos de listas (en catálogos maestros) mediante un script EJEMPLO 1 EJEMPLO 2 SCRIPT: var _customScriptHelper = { setData2Master : function(selector, rdata){ var $me = $(selector); var mdata = rdata || ...

    • Geolocalización y consulta de registros

      V- Geolocalización Localización geográfica de un lugar, o bien de una persona o cosa en un momento determinado. Nos puede mostrar del personal con la aplicación en su móvil  la Ubicación actual ó el  Histórico de Ubicaciones de una fecha. Histórico ...

    • Formato de moneda y fecha en plantillas

      Cada plantilla tiene su carpeta en  ../panel/uploads/pdftemplates/plantillas En caso contrario lo toma de la carpeta default, es decir /panel/uploads/pdftemplates/plantillas/default En estas carpetas hay un archivo que se llama script.js ahí tenemos ...