Histórico da Página

<div id="main-content" class="wiki-content group">
	<h2 id="CamadavisualTimeline-Índice">Índice<>Contents</h2>
	<p>
		<style type='text/css'>/*<![CDATA[*/
div.rbtoc1412695816643 {
	padding: 0px;
}
div.rbtoc1412695816643 ul {
	list-style: disc;
	margin-left: 0px;
}
div.rbtoc1412695816643 li {
	margin-left: 0px;
	padding-left: 0px;
}
/*]]>*/
</style>
	<div class='toc-macro rbtoc1412695816643'>
		<ul class='toc-indentation'>
			<li><a href='#CamadavisualTimeline-Índice'>Índice<>Contents</a></li>
			<li><a href='#CamadavisualTimeline-ArquivosbásicosdaTimeline'>Archivos>Timeline
					de básicos de Timeline<basic files</a></li>
			<li><a href='#CamadavisualTimeline-AçãodePublicação'>Acción>Posting
					de Publicación<Action</a>
				<ul class='toc-indentation'>
					<li><a
						href='#CamadavisualTimeline-AçãodePublicaçãonaTimelinedeUsuário'>Acción>Posting
							deAction Publicaciónon en Timeline de Usuario<User Timeline</a>
						<ul class='toc-indentation'>
							<li><a href='#CamadavisualTimeline-Botãodeaçãodesabilitado'>Botón>Action
									debutton acción deshabilitado<disabled</a></li>
							<li><a href='#CamadavisualTimeline-Botãodeaçãohabilitado'>Botón>Action
									debutton acción habilitado<enabled</a></li>
							<li><a
								href='#CamadavisualTimeline-ComentáriodeumaPublicação'>Comentario>Comment
									deon unaa Publicación<Post</a></li>
						</ul></li>
					<li><a
						href='#CamadavisualTimeline-AçãodePublicaçãonaTimelinedeComunidade'>Acción>Posting
							deAction Publicaciónon en Timeline de Comunidad<Community Timeline</a>
						<ul class='toc-indentation'>
							<li><a href='#CamadavisualTimeline-Estadoinicial'>Estado>Initial
									inicial<Status</a></li>
							<li><a href='#CamadavisualTimeline-Aguardandoconteúdo'>Aguardando>Waiting
									contenido<for Content</a></li>
						</ul></li>
				</ul></li>
			<li><a href='#CamadavisualTimeline-Açãodevisualização'>Acción>Viewing
					de visualización<action</a>
				<ul class='toc-indentation'>
					<li><a
						href='#CamadavisualTimeline-EstruturabásicadeumaPublicação'>Estructura>Basic
							básicastructure deof unaa Publicación<Post</a></li>
					<li><a href='#CamadavisualTimeline-TiposdePublicação'>Tipos>Types
							deof Publicación<posts</a>
						<ul class='toc-indentation'>
							<li><a href='#CamadavisualTimeline-NovoArtigocriado'>Nuevo>New
									Artículoarticle creado<created</a></li>
							<li><a href='#CamadavisualTimeline-PublicaçãonaComunidade'>Publicación>Post
									enin la Comunidad<community</a></li>
							<li><a href='#CamadavisualTimeline-PublicaçãoCompartilhada'>Publicación>Shared
									Compartida<Post</a></li>
							<li><a href='#CamadavisualTimeline-PublicaçãocomImagem'>Publicación>Post
									conwith Imagen<Image</a></li>
							<li><a
								href='#CamadavisualTimeline-PublicaçãocomMençãoeHashtag'>Publicación>Post
									conwith Menciónmention yand Hashtag<hashtag</a></li>
							<li><a
								href='#CamadavisualTimeline-ModalparaCompartilhamentodaPublicação'>Modal
									parafor CompartirSharing laa Publicación<Post</a></li>
						</ul></li>
					<li><a
						href='#CamadavisualTimeline-EstruturabásicadeumComentáriodeumaPublicação'>Estructura>Basic
							básicastructure deof una ComentarioComment deon unaa Publicación<Post</a></li>
					<li><a href='#CamadavisualTimeline-Tiposdecomentários'>Tipos>Types
							deof comentarios<comments</a>
						<ul class='toc-indentation'>
							<li><a
								href='#CamadavisualTimeline-ComentáriodeumaPublicação.1'>Comentario>Comment
									deon unaa Publicación<Post</a></li>
						</ul></li>
				</ul></li>
		</ul>
	</div>
	</p>
	<h2 id="CamadavisualTimeline-ArquivosbásicosdaTimeline">Archivos>Timeline
		básicosbasic de Timeline<files</h2>
	<p>
		Como todos los componentes de Fluig, Timeline está desarrollado
		basándose en el framework de templates <a
			As all Fluig components, the Timeline is developed based on the
		template framework <a href="http://freemarker.org/" 
			class="external-link" rel="nofollow">FreeMarker</a>
		 (. ftl). 
		FreeMarker esis responsableresponsible defor lathe capaviewing de visualizaciónlayer, sobrewhere all HTML from
		elthe cualcomponent está escrito todo el HTML del componenteis written. AsíAs como el(los)
		archivo(s) dewell as the&#160;<a 
			href="http://freemarker.org/"
			 class="external-link" rel="nofollow">FreeMarker</a>, todos los
		componentes tienen sus archivos defile(s), all components have their CSS (.css) yand JavaScript (.js)
		files.
	</p>
	<h2 id="CamadavisualTimeline-AçãodePublicação">Acción de
		Publicación</>Posting Action</h2>
	<p>
		<span style="font-size: 10.0pt; line-height: 13.0pt;">Para>In order
			generar contenido ento generate content on the Timeline, Fluig uses utilizathe elContent componenteposting
			Publicacióncomponent de contenido <strong>Poster</strong>. Poster is responsible esfor
			responsable de absorber todo el contenido ingresado por el usuario enabsorbing all content typed by the user in the Post field and send it
			elto Campobe deexhibited Publicación,as ya enviarnew paraPost exhibiron una nueva Publicación
			en the Timeline.
		</span>
	</p>
	<h3 id="CamadavisualTimeline-AçãodePublicaçãonaTimelinedeUsuário">Acción>Posting
		deAction Publicaciónon en Timeline de Usuario<User Timeline</h3>
	<p>Acción<p>Posting deAction Publicaciónon enUser Timeline deis the Usuariotext esfield elwhere campothe deuser
		texto donde el usuario introduce el contenido para su Publicación.
		Este campo de texto está disponible en su página inicial y todo el
		contenido se publica en su propia types the content for Posting. This text field is available at your
		home page and all the content is posted on your own Timeline.</p>
	<h4 id="CamadavisualTimeline-Botãodeaçãodesabilitado">Botón de>Action
		acciónbutton deshabilitado<disabled</h4>
	<p>
		<img class="confluence-embedded-image"
			src="attachments/113804460/113838374.png"
			data-image-src="attachments/113804460/113838374.png">
	</p>
	<h4 id="CamadavisualTimeline-Botãodeaçãohabilitado">Botón>Action debutton
		acción habilitado<enabled</h4>
	<p>
		<img class="confluence-embedded-image"
			src="attachments/113804460/113838375.png"
			data-image-src="attachments/113804460/113838375.png">
	</p>
	<h4 id="CamadavisualTimeline-ComentáriodeumaPublicação">Comentario>Comment on
		dea una Publicación<Post</h4>
	<p>
		<img class="confluence-embedded-image"
			src="attachments/113804460/113838494.png"
			data-image-src="attachments/113804460/113838494.png">
	</p>
	<h3 id="CamadavisualTimeline-AçãodePublicaçãonaTimelinedeComunidade">Acción>Posting
		deAction Publicaciónon en Timeline de Comunidad<Community Timeline</h3>
	<p>Acción<p>Posting deAction Publicaciónon enCommunity Timeline deis Comunidadthe estext elfield campowhere dethe
		textouser dondetypes elthe usuariocontent introduce el contenido para su Publicación.
		Este campo de texto está disponible en cualquier página de Comunidad y
		todo el contenido se publica en la página de la Comunidad en cuestiónfor Posting. This text field is available in
		any Community page and all content is published on the Community page
		in question.</p>
	<h4 id="CamadavisualTimeline-Estadoinicial">Estado>Initial inicial<Status</h4>
	<p>
		<img class="confluence-embedded-image"
			src="attachments/113804460/113838376.png"
			data-image-src="attachments/113804460/113838376.png">
	</p>
	<h4 id="CamadavisualTimeline-Aguardandoconteúdo">Aguardando>Waiting for
		contenido<Content</h4>
	<p>
		<img class="confluence-embedded-image"
			src="attachments/113804460/113838377.png"
			data-image-src="attachments/113804460/113838377.png">
	</p>
	<h2 id="CamadavisualTimeline-Açãodevisualização">Acción de
		visualización<>Viewing action</h2>
	<p>Después de generar una nueva Publicación, este contenido se
		muestra en Timeline en diferentes tipos de visualización<p>After generating a new Post, this content is shown on the
		Timeline in different types of view.</p>
	<h3 id="CamadavisualTimeline-EstruturabásicadeumaPublicação">Estructura>Basic
		básicastructure deof unaa Publicación<Post</h3>
	<div class="code panel pdl" style="border-width: 1px;">
		<div class="codeHeader panelHeader pdl"
			style="border-bottom-width: 1px;">
			<b>En el<b>In HTML</b>
		</div>
		<div class="codeContent panelContent pdl">
			<pre class="theme: Confluence; brush: html/xml; gutter: false"
				style="font-size: 12px;">&lt;div class="timeline-post-wrapper post post-parent" id="${post.postId}">
	&lt;div class="timeline-post clearfix">
		&lt;!-- ÁreaUser depicture la foto del usuario area -->
		&lt;div class="timeline-user-photo-container">
			&lt;div class="timeline-user-photo-container-hidden" data-user-popover="${post.user.alias}">
				&lt;a href="#" class="timeline-link-user totvs-link-social timeline-link-user-photo" data-social-alias="${post.user.alias}" data-timeline-link-user>
					&lt;img src="/social/api/rest/social/image/thumb/${post.user.alias}" class="timeline-user-photo">
				&lt;/a>
			&lt;/div>
		&lt;/div>
		&lt;div class="post-content-container">
			&lt;!-- ÁreaPost de la información de la Publicación. Ej.: Nombre de usuario, fecha de Publicacióninformation area. For instance, user name, post date, etc. -->
			&lt;p class="timeline-post-header">
				&lt;a href="#" class="timeline-link-user totvs-link-social" data-social-alias="${post.user.alias}" data-timeline-link-user>${user.name}&lt;/a>
				&lt;span class="post-header-text"> - &lt;/span>
				&lt;a href="${tenantURL}/post/${post.user.alias}/${post.postId}" class="timeline-link-date totvs-link-gray"> ${post.data}&lt;/a>
			&lt;/p>
			&lt;!-- ContenidoPost delcontent post -->
			&lt;p class="timeline-text-post">${post.text}&lt;/p>
		&lt;/div>
		&lt;!--Lista de acciones disponibles en la Publicación List of actions available in the Post -->
		&lt;ul class="sociable-action-bar list-inline">
			&lt;li>&lt;a href="#" class="sociable-link sociable-icon sociable-comment timeline-link-comment" data-timeline-link-comment>Comentarcomment>Comment&lt;/a>&lt;/li>
			&lt;!-- More actions -->
		&lt;/ul>
	&lt;/div>
&lt;/div></pre>
		</div>
	</div>
	<div>
		<div>
			<p>&#160;</p>
			<p>&#160;</p>
			<div class="code panel pdl" style="border-width: 1px;">
				<div class="codeHeader panelHeader pdl"
					style="border-bottom-width: 1px;">
					<b>En<b>In el CSS</b>
				</div>
				<div class="codeContent panelContent pdl">
					<pre class="theme: Confluence; brush: css; gutter: false"
						style="font-size: 12px;">/*
 *
 * Multiple definitions
 *
 */
.wcm-widget-timeline .timeline-post,
.wcm-widget-timeline .timeline-comments {
	padding: 8px 0 36px;
	position: relative;
}
...</pre>
				</div>
			</div>
			<p>&#160;</p>
		</div>
		<div>Básicamente<div>Basically, elthe archivoCSS CSSfile seis dividedivided enin lasthe siguientesfollowing
			categoríascategories:</div>
		<div>
			<span style="font-size: 10.0pt; line-height: 13.0pt;"><br /></span>
		</div>
	</div>
	<div>
		<ul>
			<li><strong>Multiple definitions</strong>: TodosAll losformatting formatosthat
				queare secommon encuentranin enthe comúnTimeline encomponent elsuch componenteas Timelinespacing, comofont espaciadosize,
				tamaño de fuente,font color de fuente, etc.</li>
			<li><strong>Unic definitions</strong>: TodosAll losformatting formatosthat queare
				sonunique únicosin enthe elTimeline componentecomponent Timelinesuch comoas títulothe delcomponent componente,
				title, etc.</li>
			<li><strong>Sociable actions bar</strong>: FormatoFormatting delin área dethe
				accionesaction area deof unaa PublicaciónPost. Ej.Example: BotonesLike, MeComment, Gusta, Comentar,
				CompartirShare buttons, etc.</li>
			<li><strong>Container comments list</strong>: FormatoFormatting deof laa
				listalist deof Comentarios de una PublicaciónPost Comments.</li>
			<li><strong>Youtube video format</strong>: Formatting Formatoof dea unaPost
				Publicaciónor oComment Comentariowith con un video dea rendered Youtube prestadovideo.</li>
			<li><strong>Content shared types</strong>: FormatoBasic básicoformatting deof unaa
				PublicaciónPost conwith contenidoshared compartidocontent. Ej.Example: ImagenImage, Documentos,
				UsuariosDocuments, Users, etc.</li>
		</ul>
	</div>
	<div>
		<p>&#160;</p>
		<div class="code panel pdl" style="border-width: 1px;">
			<div class="codeHeader panelHeader pdl hide-border-bottom"
				style="border-bottom-width: 1px;">
				<b class=" code-title">Response List of JSON (example):</b> <span
					class="collapse-source expand-control"><span
					class="expand-control-icon icon">&#160;</span><span
					class="expand-control-text">Expand source</span></span>
			</div>
			<div class="codeContent panelContent pdl hide-toolbar">
				<pre
					class="theme: Confluence; brush: javascript; collapse: true; gutter: false"
					style="font-size: 12px;">[{
	"postId" : "10",	//post id
	"text" : "¡ElA Post!",	//post text
	"link" : "http://www.youtube.com/watch?v=E2LM3ZlcDnk", //link attached to the post
	"formattedLink" : "www.youtube.com/v/10", //formatted youtube link
	"youtubeVideoId" : "10",				//youtube video id
	"user" : {							//User that has created the post
		"id" : "1",		//User's id
		"name" : "User 01",//User's name
		"description" : "User 01 description",	//User's description
		"alias" : "user01",	//user's alias
		"type" : "USER",	//fixed
		"tenantId" : "22",			//tenant's id
		"lastUpdate" : "10008520",	//date of last time the user has been modified (in miliseconds)
		"create" : "10008520",		//date the user has been created (in miliseconds)
		"numberModerations" : "1",	   //number of the communities the user is moderator
		"state" : "ACTIVE"			   //Indicates the status of the user (it can be "UNCONFIRMED", "ACTIVE", "BLOCKED" or "REMOVED")
	},
	"social" : {					//Where the post was created
		"id" : "1",	//Community's id
		"name" : "Community 01",//community's name
		"description" : "Community 01 description",	//community's description
		"alias" : "community01",	//community's alias
		"type" : "COMMUNITY",		//it can be "USER" or "COMMUNITY"
		"tenantId" : "22",			//tenant's id
		"lastUpdate" : "10008520",	//date of last time the community has been modified (in miliseconds)
		"create" : "10008520",		//date the community has been created (in miliseconds)
		"numberParticipations" : "10", //number of users that participate of the community
		"numberModerations" : "1",	   //number of the community's moderators
		"hidden" : "false",			   //indicates if it is a hidden community
		"privateContent" : "false",	   //indicates if community's content is private
		"approvalRequired" : "true",   //indicates if it is necessary approval to join the community
		"admin" : "true",			   //indicates if the current user is community's administrator
		"state" : "ACTIVE"			   //Indicates the status of the community (it can be "UNCONFIRMED", "ACTIVE", "BLOCKED" or "REMOVED")
	},
	"creationDate" : "10008520",	//timestamp the post has been created (in miliseconds)
	"tenantId" : "22",			//tenant's id
	"linkedObject" : "null",	//the object attached to the post (image, document, video, etc)
	"type" : "DEFAULT",			//post type. It can be "DEFAULT" or "RECOMMENDATION"
	"visibility" : "PUBLIC",	//It can be PUBLIC, PRIVATE or CUSTOM
	"comments" : [{
		"id" : "10",		//comment's id
		"comment" : "Comment",	//comment's text
		"user" : {},		//who commented (the same structure the "user" post's field)
		"creationDate" : "10008520"	//timestamp the commented has been created
	}],
	"numberLikes" : "1",	//number of post's like
	"numberShares" : "1",	//number of times the post has been shared
	"numberComments" : "1",	//number of post's comments
	"numberDenouncements" : "1",	//number of times the post has been denounced
	"tags" : "tag tag02",		//tags in the post
	"url" : "/post/user/10"		//post's url
}]&#160;</pre>
			</div>
		</div>
		<p>&#160;</p>
	</div>
	<h3 id="CamadavisualTimeline-TiposdePublicação">Tipos de
		Publicación<>Types of Posts</h3>
	<p>
		<span>A continuación se presentan los tipos de Publicación<span>The types of posts available in the Timeline are listed
			disponibles en Timelinebelow.</span>
	</p>
	<h4 id="CamadavisualTimeline-NovoArtigocriado">Nuevo Artículo
		creado<>New article created</h4>
	<p>
		<img class="confluence-embedded-image"
			src="attachments/113804460/113838427.png"
			data-image-src="attachments/113804460/113838427.png">
	</p>
	<h4 id="CamadavisualTimeline-PublicaçãonaComunidade">Publicación>Post in
		en la Comunidad<community</h4>
	<p>
		<img class="confluence-embedded-image"
			src="attachments/113804460/113838428.png"
			data-image-src="attachments/113804460/113838428.png">
	</p>
	<h4 id="CamadavisualTimeline-PublicaçãoCompartilhada">Publicación
		Compartida<>Shared Post</h4>
	<p>
		<img class="confluence-embedded-image"
			src="attachments/113804460/113838429.png"
			data-image-src="attachments/113804460/113838429.png">
	</p>
	<h4 id="CamadavisualTimeline-PublicaçãocomImagem">Publicación con
		Imagen<>Post with Image</h4>
	<p>
		<img class="confluence-embedded-image"
			src="attachments/113804460/113838430.png"
			data-image-src="attachments/113804460/113838430.png">
	</p>
	<h4 id="CamadavisualTimeline-PublicaçãocomMençãoeHashtag">Publicación>Post
		conwith Menciónmention yand Hashtag<hashtag</h4>
	<p>
		<img class="confluence-embedded-image"
			src="attachments/113804460/113839106.png"
			data-image-src="attachments/113804460/113839106.png">
	</p>
	<h4 id="CamadavisualTimeline-ModalparaCompartilhamentodaPublicação">Modal
		parafor CompartirSharing laa Publicación<Post</h4>
	<p>
		<img class="confluence-embedded-image"
			src="attachments/113804460/113838431.png"
			data-image-src="attachments/113804460/113838431.png">
	</p>
	<h3
		id="CamadavisualTimeline-EstruturabásicadeumComentáriodeumaPublicação">Estructura>Basic
		básicastructure deof una ComentarioComment deon unaa Publicación<Post</h3>
	<div class="code panel pdl" style="border-width: 1px;">
		<div class="codeHeader panelHeader pdl"
			style="border-bottom-width: 1px;">
			<b>En el<b>In HTML</b>
		</div>
		<div class="codeContent panelContent pdl">
			<pre class="theme: Confluence; brush: html/xml; gutter: false"
				style="font-size: 12px;">&lt;div class="timeline-comments-container">
	&lt;div class="commentList">
		&lt;div class="timeline-comments clearfix postComment post-parent" id="${comment.id}">
			&lt;!-- ÁreaUser depicture la foto del usuario area -->
			&lt;div class="timeline-user-photo-container">
				&lt;div class="timeline-user-photo-container-hidden" data-user-popover="${comment.user.alias}">
					&lt;a href="#" class="timeline-link-user totvs-link-social timeline-link-user-photo" data-timeline-link-user="" data-social-alias="${comment.user.alias}">
						&lt;img src="/social/api/rest/social/image/thumb/${comment.user.alias}" class="timeline-user-photo">
					&lt;/a>
				&lt;/div>
			&lt;/div>
			&lt;div class="post-content-container">
				&lt;!-- ÁreaComment de información del comentario. Ej.: Nombre de usuario, fecha de Publicacióninformation area. For instance, user name, post date, etc. -->
				&lt;p class="timeline-post-header">
					&lt;a href="#" class="timeline-link-user totvs-link-social" data-user-popover="${comment.user.alias}" data-timeline-link-user="" data-social-alias="${comment.user.alias}">Jerome McElroy&lt;/a>
					&lt;span class="post-header-text"> - &lt;/span>
					&lt;a href="#" class="timeline-link-date totvs-link-gray"> ${comment.data}&lt;/a>
				&lt;/p>
				&lt;!-- ContenidoContent del comentariocomment -->
				&lt;p class="timeline-text-post-comment">${comment.text}&lt;/p>
			&lt;/div>
			&lt;!-- ListaList deof accionesactions disponiblesavailable enin elthe comentariocomment -->
			&lt;ul class="sociable-action-bar list-inline clearfix">
				&lt;li>&lt;a href="#" class="sociable-link sociable-icon sociable-support linkLikePostComment support" data-linklikepostcomment="">Apoiar&lt;/a>&lt;/li>
				&lt;!-- More actions -->
			&lt;/ul>
		&lt;/div>
	&lt;/div>
&lt;/div></pre>
		</div>
	</div>
	<p>&#160;</p>
	<h3 id="CamadavisualTimeline-Tiposdecomentários">Tipos de
		comentarios<>Types of comments</h3>
	<p>A continuación se presentan los tipos de Comentarios disponibles
		en Timeline<p>The types of Comments on the Post available in the Timeline are
		listed below.</p>
	<h4 id="CamadavisualTimeline-ComentáriodeumaPublicação.1">Comentario>Comment
		deon unaa Publicación<Post</h4>
	<p>
		<img class="confluence-embedded-image"
			src="attachments/113804460/113838470.png"
			data-image-src="attachments/113804460/113838470.png">
	</p>
</div>