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"
	},


	
];