Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

Índice

Índice
outlinetrue
stylenone
exclude.*ndice

 

Objetivo

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

 

Componente

O componente Alterar imagem de usuário e comunidade tem como objetivo facilitar o processo de atualização de imagens de perfil encapsulando todas as configurações básicas necessárias para essa atualização, restando para o desenvolvedor somente configurar o plugin e utilizar o callback para montar sua lógica de negócio.

 

Estrutura Básica

Bloco de código
themeEclipse
languagejs
titleEstrutura básica do componente
WCMBC.cropImage(config, callback);

...

Bloco de código
themeEclipse
languagejs
titleParâmetro callback
function(error, data) {
	if(error) {
		//tratamento de erro...
	}
	
	//lógica do sucesso...
}

Utilização Básica

Bloco de código
themeEclipse
languagejs
titleminhawidget.js
var UserPreferences = SuperWidget.extend({

	alias: null,
    type: null,
	
	bindings: {
		local: {
			'update-image': ['click_updateImage']
		}
	},
	
	init: function() {
		this.type = 'gif|jpg|jpeg|png';
	},
	
	updateImage: function(el, ev) {
		var that = this;
		WCMBC.cropImage({
			alias: this.alias,
			types: this.type
		}, function(err, data) {
			if(err) {
				return alert(err.responseText);
			}
			
			that.someFunc(data);
		});
	},
	
	someFunc: function(data) {
		//Qualquer coisa com o retorno de sucesso...
	}
});

...

Bloco de código
themeEclipse
languagebash
titleapplication.info
application.resource.component.1=wcm/cropimage

 

Tela exibida ao chamar o componente: