Histórico da Página

HTML

<div id="main-content" class="wiki-content group">
	<h2 id="Timeline-Índice">Índice</h2>
	<p>
		<style type='text/css'>/*<![CDATA[*/
div.rbtoc1412695813820 {
	padding: 0px;
}
div.rbtoc1412695813820 ul {
	list-style: disc;
	margin-left: 0px;
}
div.rbtoc1412695813820 li {
	margin-left: 0px;
	padding-left: 0px;
}
/*]]>*/
</style>
	<div class='toc-macro rbtoc1412695813820'>
		<ul class='toc-indentation'>
			<li><a href='#Timeline-Índice'>Índice</a>
				<ul class='toc-indentation'>
					<li><a href='#Timeline-BinddeelementosHTMLafunções'>Bind
							de elementos HTML a funciones</a>
						<ul class='toc-indentation'>
							<li><a
								href='#Timeline-Exemplodeumbinddafunçãosalvaremumbotão'>Ejemplo
									de un bind de la función guardar en un botón</a></li>
						</ul></li>
					<li><a href='#Timeline-Funçõesdocomponente'>Funciones del
							componente</a>
						<ul class='toc-indentation'>
							<li><a href='#Timeline-likeSocial(el,ev)'>likeSocial(el,
									ev)</a></li>
							<li><a href='#Timeline-sendComment(el,ev)'>sendComment(el,
									ev)</a></li>
							<li><a href='#Timeline-linkRemovePost(el,ev)'>linkRemovePost(el,
									ev)</a></li>
							<li><a href='#Timeline-linkRemovePostComment(el,ev)'>linkRemovePostComment(el,
									ev)</a></li>
							<li><a href='#Timeline-likeListSocial(el,ev)'>likeListSocial(el,
									ev)</a></li>
							<li><a href='#Timeline-timelineLinkRecommend(el,ev)'>timelineLinkRecommend(el,
									ev)</a></li>
							<li><a href='#Timeline-showMore(el,ev)'>showMore(el, ev)</a></li>
							<li><a href='#Timeline-btnShowMoreComments(el,ev)'>btnShowMoreComments(el,
									ev)</a></li>
							<li><a href='#Timeline-timelineLinkSocial(el,ev)'>timelineLinkSocial(el,
									ev)</a></li>
							<li><a href='#Timeline-timelineLinkComment(el,ev)'>timelineLinkComment(el,
									ev)</a></li>
							<li><a href='#Timeline-showPostedPost(eventName,data)'>showPostedPost(eventName,
									fecha)</a></li>
							<li><a href='#Timeline-showRealtimePost(eventName,data)'>showRealtimePost(eventName,
									fecha)</a></li>
							<li><a href='#Timeline-removeRealtimePost(eventName,data)'>removeRealtimePost(eventName,
									fecha)</a></li>
							<li><a href='#Timeline-validateTitleNotPublish()'>validateTitleNotPublish()</a></li>
							<li><a href='#Timeline-renderPost(postId)'>renderPost(postId)</a></li>
							<li><a href='#Timeline-renderComment(commentId)'>renderComment(commentId)</a></li>
							<li><a href='#Timeline-listPosts(event)'>listPosts(event)</a></li>
							<li><a href='#Timeline-listComments(event,domElement)'>listComments(event,
									domElement)</a></li>
							<li><a href='#Timeline-countLength(el,ev)'>countLength(el,
									ev)</a></li>
							<li><a href='#Timeline-getYoutubeInfo()'>getYoutubeInfo()</a></li>
							<li><a href='#Timeline-linkRecommendedPost(el,ev)'>linkRecommendedPost(el,
									ev)</a></li>
							<li><a
								href='#Timeline-commentListSocial(domElement,typeAction)'>commentListSocial(domElement,
									typeAction)</a></li>
							<li><a href='#Timeline-watch(el,ev)'>watch(el, ev)</a></li>
							<li><a href='#Timeline-getNumberWatchs(options,el)'>getNumberWatchs(options,
									el)</a></li>
							<li><a href='#Timeline-watchListSocial(el,ev)'>watchListSocial(el,
									ev)</a></li>
							<li><a
								href='#Timeline-toggleStatusClass(el,isAction,actionType)'>toggleStatusClass(el,
									isAction, actionType)</a></li>
						</ul></li>
				</ul></li>
		</ul>
	</div>
	</p>
	<p>
		Timeline es un feed de posts realizados por usuarios que el usuario
		sigue o comunidades en que él participa.<br />A través de ella es
		posible interactuar con los posts, ya sea comentándolos, haciendo clic
		en me gusta o compartiéndolos.
	</p>
	<p>
		Así como todos los componentes de la capa social de Fluig, Timeline
		utiliza el facilitador SuperWidget en la capa de Javascript.<br />Para
		saber más sobre el funcionamiento de SuperWidget consulte el manual en
		<a href="http://tdn.totvs.com/display/fluig/Super+Widget"
			rel="nofollow">http://tdn.totvs.com/display/fluig/Super+Widget</a>.
	</p>
	<h3 id="Timeline-BinddeelementosHTMLafunções">Bind de elementos
		HTML a funciones</h3>
	<p>
		Para asociar un evento a un elemento HTML, es necesario seguir el
		formato a continuación.<br />El componente HTML debe poseer un
		atributo <strong>fecha-</strong> el cual recibirá el bind de funciones
		de widget.
	</p>
	<h4 id="Timeline-Exemplodeumbinddafunçãosalvaremumbotão">Ejemplo
		de un bind de la función guardar en un botón</h4>
	<p>&#160;</p>
	<div class="code panel pdl" style="border-width: 1px;">
		<div class="codeHeader panelHeader pdl"
			style="border-bottom-width: 1px;">
			<b>En HTML</b>
		</div>
		<div class="codeContent panelContent pdl">
			<pre class="theme: Eclipse; brush: html/xml; gutter: false"
				style="font-size: 12px;">&lt;button data-salvar-dados>Guardar datos&lt;/button></pre>
		</div>
	</div>
	<div class="code panel pdl" style="border-width: 1px;">
		<div class="codeHeader panelHeader pdl"
			style="border-bottom-width: 1px;">
			<b>En el archivo .js del widget</b>
		</div>
		<div class="codeContent panelContent pdl">
			<pre class="theme: Eclipse; brush: javascript; gutter: false"
				style="font-size: 12px;">bindings: {
    local: {
        'salvar-dados': ['click_salvarDados']
    }
 },
//implementacion de la función guardar
guardarDatos: function(el, ev) {
    //escriba la acción del botón guardar-datos aquí
}, ...</pre>
		</div>
	</div>
	<p>La función atribuida a un elemento HTML posee 2 parámetros:</p>
	<ul>
		<li><strong>el:</strong> Representa el propio botón. En el caso
			del ejemplo: &lt;button data-salvar-dados>Guardar datos&lt;/button></li>
		<li><strong>ev:</strong> representa el objeto del evento
			disparado</li>
	</ul>
	<p>
		Observe que no es necesario agregar el prefijo <strong>data-</strong>.<br />El
		array atribuido es una string en el estándar EVENTO_FUNÇÃO. Varias
		combinaciones de evento x función se pueden atribuir a un único
		elemento.<br />Los bindings hechos en el objeto local se refieren a
		elementos HTML dentro del div del widget. Y los binds hechos en el
		objeto global son para elementos fuera del div de la widget, o
		retirados del div de la widget por otro script, como es el caso de las
		modales del jQueryUI.
	</p>
	<h3 id="Timeline-Funçõesdocomponente">Funciones del componente</h3>
	<p>A continuación se presentan a detalle las funciones de Timeline.</p>
	<h4 id="Timeline-likeSocial(el,ev)">likeSocial(el, ev)</h4>
	<p>
		Acción del elemento data-<span
			style="font-size: 10.0pt; line-height: 13.0pt;">timeline-link-like</span><span
			style="font-size: 10.0pt; line-height: 13.0pt;">. Es
			responsable por el evento de dar un me gusta a posts y otros objetos
			sociales.</span>
	</p>
	<h4 id="Timeline-sendComment(el,ev)">sendComment(el, ev)</h4>
	<p>Evento del elemento data-send-comment, responsable por crear el
		comentario de un post u otro objeto social.</p>
	<h4 id="Timeline-linkRemovePost(el,ev)">linkRemovePost(el, ev)</h4>
	<p>Acción para el elemento fecha-linkRemovePost, responsable por
		eliminar el post.</p>
	<h4 id="Timeline-linkRemovePostComment(el,ev)">linkRemovePostComment(el,
		ev)</h4>
	<p>Acción para el elemento data-linkRemovePostComment, responsable
		por eliminar el comentario de un post.</p>
	<h4 id="Timeline-likeListSocial(el,ev)">likeListSocial(el, ev)</h4>
	<p>
		Acción para el elemento data-<span
			style="font-size: 10.0pt; line-height: 13.0pt;">like-list-social</span><span
			style="font-size: 10.0pt; line-height: 13.0pt;">, responsable
			por exhibir una lista con los usuarios que apoyaron un post u objeto
			social.</span>
	</p>
	<h4 id="Timeline-timelineLinkRecommend(el,ev)">timelineLinkRecommend(el,
		ev)</h4>
	<p>Acción para el elemento data-timeline-link-recommend,
		responsable por compartir un post u objeto social.</p>
	<h4 id="Timeline-showMore(el,ev)">showMore(el, ev)</h4>
	<p>
		Acción del elemento data-showMore.<br />Cuando timeline es
		renderizado, se exhibe un tamaño máximo de posts.<br />Si hay posts
		más antiguos que el límite presentado, este link se exhibe al usuario,
		para exhibir los próximos N posts
	</p>
	<h4 id="Timeline-btnShowMoreComments(el,ev)">btnShowMoreComments(el,
		ev)</h4>
	<p>
		Acción del elemento data-btn-show-more-comments.<br />Cuando timeline
		es renderizado, se exhibe un límite máximo de comentarios por post.<br />Si
		hay comentarios más antiguos que el límite presentado, este link se
		exhibe al usuario, para exhibir los próximos N comentarios.
	</p>
	<h4 id="Timeline-timelineLinkSocial(el,ev)">timelineLinkSocial(el,
		ev)</h4>
	<p>
		Acción del elemento timeline-link-community.<br />Esta función es un
		facilitador para redireccionar la página al perfil de un usuario,
		comunidad u objeto social que posea alias.
	</p>
	<h4 id="Timeline-timelineLinkComment(el,ev)">timelineLinkComment(el,
		ev)</h4>
	<p>Acción del elemento fecha-timeline-link-comment, responsable por
		exhibir el campo de texto de comentarios.</p>
	<h4 id="Timeline-showPostedPost(eventName,data)">showPostedPost(eventName,
		fecha)</h4>
	<p>
		Acción disparada por el evento "newPostEvent".<br />Este evento se
		dispara por widget poster, cuando un nuevo post es realizado por el
		usuario, y es inmediatamente renderizado para él. &#160;
	</p>
	<h4 id="Timeline-showRealtimePost(eventName,data)">showRealtimePost(eventName,
		data)</h4>
	<p>
		Acción disparada por el evento "newpostalert".<br />Este evento
		ocurre cuando se crea un nuevo post relacionado con el usuario
		conectado.<br />Un servicio Java entonces identifica quiénes son los
		usuarios que necesitan ser notificados y dispara un evento para Node
		Server con los ids del usuario receptor y el id del post.<br />Node
		Server entonces avisa al usuario a través del evento "newpostalert"
		que renderiza el post en la pantalla.
	</p>
	<h4 id="Timeline-removeRealtimePost(eventName,data)">removeRealtimePost(eventName,
		data)</h4>
	<p>Acción disparada por el evento "removepostalert", que notifica a
		timeline eliminar el post.</p>
	<h4 id="Timeline-validateTitleNotPublish()">validateTitleNotPublish()</h4>
	<p>
		Esta función verifica si el timeline del usuario posee posts.<br />Si
		está vacía, exhibe en el título un mensaje internacionalizado "No hay
		posts".<br />De lo contrario, exhibe el mensaje "Últimas
		publicaciones"
	</p>
	<h4 id="Timeline-renderPost(postId)">renderPost(postId)</h4>
	<p>Realiza una llamada REST y recupera los datos de un post, y
		entonces lo renderiza.</p>
	<h4 id="Timeline-renderComment(commentId)">renderComment(commentId)</h4>
	<p>Realiza una llamada REST y recupera los datos (en HTML) de un
		comentario y lo devuelve.</p>
	<h4 id="Timeline-listPosts(event)">listPosts(event)</h4>
	<p>Esta función es llamada solamente por la función showMore.</p>
	<h4 id="Timeline-listComments(event,domElement)">listComments(event,
		domElement)</h4>
	<p>Esta función es usada solamente por la función
		btnShowMoreComments.</p>
	<h4 id="Timeline-countLength(el,ev)">countLength(el, ev)</h4>
	<p>
		Función para hacer el conteo de caracteres en el campo de texto de
		recomendación.<br />Cuando el límite de caracteres se excede, este
		deshabilita el botón y coloca un borde rojo en el campo.
	</p>
	<h4 id="Timeline-getYoutubeInfo()">getYoutubeInfo()</h4>
	<p>
		Esta función itera sobre el timeline ya renderizado, en búsqueda de
		posts que poseen videos de Youtube.<br />Para cada post encontrado, a
		través del atributo "data-post-youtube-id" se realiza una requisición
		JSONP a un servicio del Youtube para recuperar el título del video.<br />Esa
		función se puede ejecutar diversas veces, pues cada vez que se
		encuentra un post con video de Youtube, el atributo
		"data-post-youtube-id" se consume, evitando que se repita la
		operación.
	</p>
	<h4 id="Timeline-linkRecommendedPost(el,ev)">linkRecommendedPost(el,
		ev)</h4>
	<p>
		Este evento es disparado cuando el usuario intenta hacer clic en un
		link de un post recomendado por otro usuario.<br />Aunque el sistema
		valida si el usuario tiene permiso de visualizar el post, se realiza
		una validación en el lado del cliente, accediendo a un servicio REST
		que devuelve el acceso autorizado.
	</p>
	<h4 id="Timeline-commentListSocial(domElement,typeAction)">
		commentListSocial(<span style="font-size: 1.2em;">domElement</span><span
			style="font-size: 1.2em;">, typeAction)</span>
	</h4>
	<p>Esta función es responsable por hacer el conteo de comentarios y
		modificar el texto&#160;en una publicación.</p>
	<h4 id="Timeline-watch(el,ev)">watch(el, ev)</h4>
	<p>
		Acción del elemento data-<span
			style="font-size: 10.0pt; line-height: 13.0pt;">timeline-link-watch</span><span
			style="font-size: 10.0pt; line-height: 13.0pt;">. Es
			responsable por el evento de seguir posts y otros objetos sociales.</span>
	</p>
	<h4 id="Timeline-getNumberWatchs(options,el)">getNumberWatchs(options,
		el)</h4>
	<p>Esta función es responsable por hacer una llamada en el servidor
		y devolver el número de usuarios que siguen la publicación.</p>
	<h4 id="Timeline-watchListSocial(el,ev)">watchListSocial(el, ev)</h4>
	<p>
		Acción para el elemento data-<span
			style="font-size: 10.0pt; line-height: 13.0pt;">watch-list-social</span><span
			style="font-size: 10.0pt; line-height: 13.0pt;">, responsable
			por exhibir una lista con los usuarios que siguen un post u objeto
			social.</span>
	</p>
	<h4 id="Timeline-toggleStatusClass(el,isAction,actionType)">toggleStatusClass(el,
		isAction, actionType)</h4>
	<p>Esta función es responsable por modificar el estatus de los
		botones que cambian re colores al ejecutar una acción sobre el mismo.</p>
	<p>&#160;</p>
</div>

Índice

Í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

Bloco de código

theme	Eclipse
language	html/xml
title	No HTML

<button data-salvar-dados>Salvar dados</button>

Bloco de código

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

A função atribuida a um elemento HTML possui 2 parâmetros:

el: Representa o próprio botão. No caso do exemplo: <button data-salvar-dados>Salvar dados</button>
ev: representa o objeto do evento disparado

Note que não é necessário adicionar o prefixo data-.
O array atribuido é uma string no padrão EVENTO_FUNÇÃO. Várias combinações de evento x função podem ser atribuidos a um único elemento.
Os bindings feitos no objeto local são referentes a elementos HTML dentro do div da widget. E os binds feitos no objeto global são para elementos fora do div da widget, ou retirados do div da widget por outro script, como é o caso das modais do jQueryUI.

Internacionalização de literais

Para ficar padronizado, é de boa prática que todas a literais que exigem internacionalização sejam adicionadas em um objeto global para que possam ser reutilizadas posteriormente.

Exemplo de internacionalização de literais da widget

Bloco de código

theme	Eclipse
language	javascript
title	No arquivo .js da widget

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

Métodos do componente

Segue abaixo o detalhamento dos métodos da Timeline.

showTimeline()

Este método é responsável por renderizar e exibir o container principal da timeline na página.

listPosts()

Este é um método de controle de listagem de publicação. Ela interage com um outro método "serviceListPosts" e com o resultado dos registros retornados (VO da publicações), delega o conteúdo retornado para outra função para ser renderizado e exibido na página (listagem de posts).

findPost(postId, isNew)

Responsável pelo controle de busca de uma publicação. Ele interage com outro método "serviceListFind" e com o resultado do registro retornado (VO da publicação), delega o conteúdo retornado para outra função para ser renderizado e exibido na página (listagem de posts).

postId: Number //id da publicação para ser buscada

isNew: Boolean //se uma nova publicação ou uma publicação já existente

showPosts(posts, isNew)

Responsável por formatar e exibir as publicações na página. Ele formata o objeto recebido (posts) e envia o mesmo para o Mustache renderizar as publicações e devolver o html pronto para ser exibido.

postId: Object/Array //array com os dados para listar os posts

isNew: Boolean //se uma nova publicação ou não

showComments(data, $post, isNew)

Responsável por formatar e exibir os comentários páginados. Ele formata o objeto recebido (data) e envia o mesmo para o Mustache renderizar os comentários e devolver o html pronto para ser exibido.

data: Object/Array //array com os dados para listar os comentários

$post: Object/Selector jQuery //selector jQuery do post em questão

isNew: Boolean //se é um novo comentário ou não

showPostedPost(evName, data)

Este método escuta (listener) a criação de uma nova publicação (feita pelo usuário logado) e encaminha a mesma para ser exibida na página.

evName: String //nome do evento disparado

data: Number //id do post criado

showMorePosts(el, ev)

Responsável por exibir novas publicações (paginação).

el: Object //elemento que disparou o evento

ev: Object //evento disparado

showMoreComments(el, ev)

Responsável por exibir novos comentários em uma publicação (paginação).

el: Object //elemento que disparou o evento

ev: Object //evento disparado

showListPostsMessage(err)

Responsável por exibir uma mensagem informativa ou de erro na timeline baseada no retorno do serviço de listagem de publicações.

err: Object //quando for erro, envia o objeto do erro

showMessageError(err)

Responsável por exibir uma mensagem (toast) com o erro ocorrido em qualquer serviço (interação com o server) disparado pela timeline.

err: Object //objeto do erro

showFeedbackMessage(message, type)

Responsável por exibir uma mensagem genérica (toast) na página.

message: String //mensagem para ser exibida

type: String //tipo de mensagem (success, danger, warning, etc)

showBtnShowMore()

Responsável por exibir o botão de exibir mais publicações (show more) na timeline.

showVideos()

Responsável por instanciar o plugin de vídeo (videojs) nas publicações com vídeo. Ele faz com que um vídeo seja renderizado e disponível para visualização.

showCardPopover()

Responsável por instanciar o plugin de popover de informações de usuários e comunidades.

instanceTimeInteraction()

Responsável por instanciar o componente de interação de datas nas publicações. Ex. há 7 horas atrás.

controlBtnShowMore(postsLen)

Responsável por controlar a exibição do botão de exibir mais publicações baseada no retorno do serviço de listagem.

postsLen: Number //Recebe a quantidade de registros retornados

changeStatusOrderButton($el)

Responsável por mudar o status do botão de ordenação/filtragem da timeline baseado na opção selecionada. Renderiza novamente via Mustache o botão de ordenação trocando o botão atual.

$el: Object/Selector jQuery //Recebe o selector jQuery do botão de ordenação (dropdown)

toogleCommentArea($post)

Responsável por fazer o toggle (exibir/ocultar) da área de comentário em uma publicação.

$post: Object/Selector jQuery //Recebe o selector jQuery do botão de ordenação

instanceMentions()

Responsável por instanciar o plugin de menção de usuários e comunidades e auto complete de tags na área de comentário de uma publicação.

resetMentions(parent)

Responsável por remover as menções e resetar o plugin no elemento instanciado.

parent: Object/Selector //Recebe o selector do post para resetar o plugin de menção

validateFilesTypes(path, type)

Responsável por validar se a extensão da imagem/vídeo será renderizada ou não em uma publicação.

path: String //Recebe a string para analisar e validar.

type: String //Tipo de media para analisar (image, video).

textComplaintValidate(text)

Esse método é utilizado na funcionalidade de denúncia. Ela verifica se a descrição da denúncia contém no mínimo 4 palavras com 3 caracteres cada uma.

text: String //String a ser analisada pela função.

controlInteractionActions($el, interactionType)

Esse método controla a exibição do número de interações (apoiadores, acompanhadores, etc) em um comentário / publicação.

$el: Object/Selector jQuery //Elemento para controlar a interação

interactionType: String //add ou remove

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 especí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

orderAction(el, ev)

Este método altera a ordenação das publicações da timeline.

el: Object //Elemento onde houve a interação

ev: Object //Evento da interação

searchAction(el, ev)

Este método faz a busca de uma tag no sistema a partir do valor da mesma.

el: Object //Elemento onde houve a interação

ev: Object //Evento da interação

denounceAction(el, ev, id)

Este método chama o modal de denúncia de um comentário / publicação.

el: Object //Elemento onde houve a interação

ev: Object //Evento da interação

id: Number //id do comentário / publicação

supportAction(el, ev, id)

Este método executa a ação de apoiar um comentário / publicação.

el: Object //Elemento onde houve a interação

ev: Object //Evento da interação

id: Number //id do comentário / publicação

watchAction(el, ev, id)

Este método executa a ação de acompanhar uma publicação.

el: Object //Elemento onde houve a interação

ev: Object //Evento da interação

id: Number //id do comentário / publicação

listLikesAction(el, ev, id)

Este método chama o modal de listagem de apoiadores de um comentário / publicação.

el: Object //Elemento onde houve a interação

ev: Object //Evento da interação

id: Number //id do comentário / publicação

listWatchersAction(el, ev, id)

Este método chama o modal de listagem de apoiadores de uma publicação.

el: Object //Elemento onde houve a interação

ev: Object //Evento da interação

id: Number //id do comentário / publicação

commentAction(el, ev, id)

Este método executa a ação de exibir a área de comentário em uma publicação.

el: Object //Elemento onde houve a interação

ev: Object //Evento da interação

id: Number //id do comentário / publicação

timelineCommentAction(el, ev)

Este método executa a ação de comentar.

el: Object //Elemento onde houve a interação

ev: Object //Evento da interação

removeAction(el, ev, id)

Este método executa a ação de remover um comentário / publicação.

el: Object //Elemento onde houve a interação

ev: Object //Evento da interação

id: Number //id do comentário / publicação

shareAction(el, ev, id)

Este método executa a ação de abrir o modal de compartilhamento de uma publicação.

el: Object //Elemento onde houve a interação

ev: Object //Evento da interação

id: Number //id do comentário / publicação

denounce(el, ev)

Este método executa a ação de denunciar um comentário / publicação.

el: Object //Elemento onde houve a interação

ev: Object //Evento da interação

generateOrderAction()

Responsável por gerar o objeto para montar o botão de ordenação de publicações.

generatePostHeader(data)

Responsável por gerar o objeto para montar o header de uma publicação.

generateListClass(numberActions)

Responsável por validar se existe interação na publicação e gerar a classe que será adicionada no elemento de exibição de interações.

generateTemplateVariableContent(data)

Responsável por validar e gerar o nome do template do conteúdo variável de uma publicação. (publicação com imagem, vídeo, compartilhamento, etc).

generateContentTextFormatted(text, mentions)

Responsável por formatar o conteúdo de uma publicação.

formatMentions(text, mentions)

Responsável por adicionar o html de menção no conteúdo da publicação.

formatTags(text)

Responsável por adicionar o html de tags no conteúdo da publicação.

formatLink(text)

Responsável por adicionar o html de links no conteúdo da publicação.

formatLineBreak(text)

Responsável por adicionar o html de quebra de linhas no conteúdo da publicação.

serviceComment(id, comment, cb)

Este método é responsável por realizar a chamada no servidor para fazer a publicação de um comentário.

serviceSupport(id, cb)

Este método é responsável por realizar a chamada no servidor para adicionar ou remover apoio em um comentário ou publicação.

serviceWatch(id, isWatched, cb)

Este método é responsável por realizar a chamada no servidor para adicionar ou remover acompanhamento em um comentário ou publicação.

serviceRemove(id, type, cb)

Esse método é responsável por realizar a chamada no servidor para remover um comentário ou publicação.

serviceListPosts(cb)

Esse método é responsável por realizar a chamada no servidor para buscar várias publicações.

serviceFindPost(postId, cb, limit)

Esse método é responsável por realizar a chamada no servidor para buscar uma publicação.

serviceListComments(postId, offset, cb, limit)

Esse método é responsável por realizar a chamada no servidor para buscar comentários de uma publicação.

baseAjax(options, cb)

Esse método é responsável por encapsular todas as configurações básicas de uma chamada ajax.

...

Árvore de páginas

Histórico da Página

Versões comparadas

Versão antiga 1

Nova versão Atual

Chave

Índice

Bind de elementos HTML a funções

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

Internacionalização de literais

Exemplo de internacionalização de literais da widget

Métodos do componente

showTimeline()

listPosts()

findPost(postId, isNew)

showPosts(posts, isNew)

showComments(data, $post, isNew)

showPostedPost(evName, data)

showMorePosts(el, ev)

showMoreComments(el, ev)

showListPostsMessage(err)

showMessageError(err)

showFeedbackMessage(message, type)

showBtnShowMore()

showVideos()

showCardPopover()

instanceTimeInteraction()

controlBtnShowMore(postsLen)

changeStatusOrderButton($el)

toogleCommentArea($post)

instanceMentions()

resetMentions(parent)

validateFilesTypes(path, type)

textComplaintValidate(text)

controlInteractionActions($el, interactionType)

timelineAction(el, ev)

openDocumentAction(el, ev)

orderAction(el, ev)

searchAction(el, ev)

denounceAction(el, ev, id)

supportAction(el, ev, id)

watchAction(el, ev, id)

listLikesAction(el, ev, id)

listWatchersAction(el, ev, id)

commentAction(el, ev, id)

timelineCommentAction(el, ev)

removeAction(el, ev, id)

shareAction(el, ev, id)

denounce(el, ev)

generateOrderAction()

generatePostHeader(data)

generateListClass(numberActions)

generateTemplateVariableContent(data)

generateContentTextFormatted(text, mentions)

formatMentions(text, mentions)

formatTags(text)

formatLink(text)

formatLineBreak(text)

serviceComment(id, comment, cb)

serviceSupport(id, cb)

serviceWatch(id, isWatched, cb)

serviceRemove(id, type, cb)

serviceListPosts(cb)

serviceFindPost(postId, cb, limit)

serviceListComments(postId, offset, cb, limit)

baseAjax(options, cb)