O componente de seleção de usuários oferece a possibilidade do usuário selecionar um ou mais usuários para alguma necessidade dentro de seu componente ou widget.

Para habilitar o componente de seleção de usuário na sua widget, adiciona-se a seguinte propriedade no application.info da widget:

 application.resource.component.1=wcm/selectuser

O componente possui as opções:

multiselect: true para que seja possível selecionar mais de um registro, false para que seja possível selecionar apenas um registro.

required: true para que seja possível avançar apenas se algum registro estiver selecionado, false para obrigar a selecionar algum usuário.

A utilização deste componente pode ser feita da seguinte maneira:

WCMBC.selectUser(
	{	
		multiselect: true/false, 
		required:true/false
	}, 
	functionfuncaoCallbackSucesso, 
	funcaoCallbackCancelar
);
 
Exemplo:
 

 
var MyWidget = SuperWidget.extend({
    init: function() {},
    
	selectUsers: function(htmlElement, event) {
    	var options = {multiselect: true, required: true};
    	WCMBC.selectUser(options, function(data){
    		FLUIGC.toast({
    	        title: 'Usuários selecionados: ' + data.length,
    	        message: data[0].login,
    	        type: 'success'
    	    });
    		console.log(data);
    	}, function() {
    		FLUIGC.toast({
    	        title: 'Cancelar',
    	        message: 'Usuário cancelou a seleção',
    	        type: 'success'
    	    });
    	});
    }
});

Objetivo

Este guia é destinado aos desenvolvedores internos e externos do Fluig que desejam utilizar o componente Compartilhar. O objetivo é apresentar o seu funcionamento e o detalhamento de todos os parâmetros de configuração.

Componente

O componente Compartilhar tem como objetivo facilitar o processo de compartilhamento de conteúdo encapsulando todas as configurações básicas necessárias para o compartilhamento, restando para o desenvolvedor somente configurar o plugin.

Estrutura Básica

SOCIALBC.share(target, config);

Como pode-se notar na estrutura básica, o componente recebe basicamente dois parâmetros, o primeiro, um objeto target que pode ser um objeto ou uma string e o segundo as configurações para o componente.

O primeiro parâmetro espera um objeto ou uma string.

// Pode ser um objeto resultante de um seletor jquery:
var obj = $('#meu_seletor');
 
// Pode ser uma string de um seletor jquery:
var obj = '#meu_seletor';

O segundo parâmetro espera um objeto com os valores: showOnlyLink, sourceType, type, preview, link e paramId.

{
    showOnlyLink: "exibe apenas o link ex.:true or false,"
    sourceType: "tipo ex.:SOCIABLE,"
    type: "tipo do conteúdo ex.:POST,"
    preview: "uma miniatura do conteúdo que será compartilhado,"
    link: "url para acessar o recurso,"
    paramId: "id social"
}

Utilização Básica

SOCIALBC.share('#seletor', {
    showOnlyLink: false,
    sourceType: 'SOCIABLE',
    type: 'POST',
    preview: '<div>Miniatura</div>',
    link: 'http://servidor/portal/p/1/post/usuario/12',
    paramId: 12
});

No application.info de seu widget, adicione o componente como dependência:

application.resource.component.2=social/socialshare

Tela exibida ao chamar o componente:

Image Added

Tela exibida ao selecionar a opção compartilhar:

Image Added

Mensagem exibida ao selecionar a opção copiar link:

Image Added

Tela exibida ao selecionar a opção compartilhar sem possuir flash no navegador:

...

Image Modified