Índice

A Timeline é um feed de posts realizados por usuários que o usuário segue ou comunidades que ele participa.
Através dela é possível interagir com os posts, seja comentando-os, curtindo-os ou os compartilhando. Bem como todos os componentes da camada social do Fluig, a Timeline utiliza o facilitador SuperWidget na camada de Javascript.
Para saber mais sobre o funcionamento da SuperWidget consulte o manual em http://tdn.totvs.com/display/fluig/Super+Widget.

Bind de elementos HTML a funções

Para associar um evento a um elemento HTML, é preciso seguir o formato abaixo.
O componente HTML deve possuir um atributo data- o qual receberá o bind de funções da widget.

Exemplo de um bind da função salvar em um botão

...

Eclipse

Bloco de código
theme
language html/xml titletheme Eclipse title No HTML
<button data-salvar-dados>Salvar dados</button>

Bloco de código
language javascript theme Eclipse language javascript title No arquivo .js da widget
bindings: { local: { 'salvar-dados': ['click_salvarDados'] } }, //implementação da função salvar salvarDados: function(el, ev) { //escreva a ação do botão salvar-dados aqui }, ...

...

Exemplo de internacionalização de literais da widget

...

i18n: {
	'titles': {
		'denounce': '${i18n.getTranslation("denounce")}',
		'publication': '${i18n.getTranslation("publication")}',
		...
	},
	'labels': {
		'version': '${i18n.getTranslation("version")}',
		'revision': '${i18n.getTranslation("revision")}',
		...
	},
	...
},

...

interactionType: String //add ou remove

Métodos de ações:

...

timelineAction(el, ev)
Principal método de ação da timeline. Praticamente todas as ações chamam esse método que encapsula todas as validações necessárias para realizar uma ação e capturar o id do comentário ou publicação. A partir do elemento que houve uma interação, ela delega para o método correto da ação. Ex. (supportAction, shareAction, denounceAction, etc).
el: Object //Elemento onde houve a interação
ev: Object //Evento da interação
openDocumentAction(el, ev)
Método de ação . Ex. (supportAction, shareAction, denounceAction, etcespecífico para visualizar documentos/imagens publicados na timeline. Responsável por abrir o referido documento em um modal, sem perder a referência à timeline (quando fechar o documento volta para onde estava).
el: Object //Elemento onde houve a interação
...
ev: Object //Evento da interação
 
Métodos de geração de conteúdo:
...
generateOrderAction()
Responsável por gerar o objeto para montar o botão de ordenação de publicações.
...
Responsável por adicionar o html de quebra de linhas no conteúdo da publicação.
 
...
 
serviceComment(id, comment, cb)
...
Esse método é responsável por encapsular todas as configurações básicas de uma chamada ajax.