Árvore de páginas

Versões comparadas

Chave

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

...

Bloco de código
languagehtml/xml
titleNo HTML
<div class="timeline-post-wrapper post post-parent" id="${post.id}">
	<div class="timeline-post clearfix">
		<!-- Área da foto do usuário -->
		<div class="timeline-user-photo-container">
			<div class="timeline-user-photo-container-hidden" data-user-popover="${user.alias}">
				<a href="#" class="timeline-link-user totvs-link-social timeline-link-user-photo" data-social-alias="${user.alias}" data-timeline-link-user>
					<img src="/social/api/rest/social/image/thumb/${user.alias}" class="timeline-user-photo">
				</a>
			</div>
		</div>
		<div class="post-content-container">
			<!-- Área das informações da publicação. Ex. Nome do usuário, data da publicação, etc. -->
			<p class="timeline-post-header">
				<a href="#" class="timeline-link-user totvs-link-social" data-social-alias="${user.alias}" data-timeline-link-user>${user.name}</a>
				<span class="post-header-text"> - </span>
				<a href="http://socialecm:8080/portal/p/minha_rede/post/chef/${post.id}" class="timeline-link-date totvs-link-gray"> ${post.data}</a>
			</p>
			<!-- Conteúdo do post -->
			<p class="timeline-text-post">${post.content}</p>
		</div>
		<!-- Lista de ações disponíveis na publicação -->
		<ul class="sociable-action-bar list-inline">
			<li><a href="#" class="sociable-link sociable-icon sociable-comment timeline-link-comment" data-timeline-link-comment>Comentar</a></li>
			<!-- More actions -->
		</ul>
	</div>
</div>

Atributos básicos de uma Publicação:

  • Lorem: Aenean eu leo quam;
  • Ipsum: Pellentesque ornare sem lacinia quam venenatis vestibulum;
  • Dolor: Maecenas faucibus mollis interdum;
Retornos básicos disponíveis em uma Publicação:
  • Lorem: Aenean eu leo quam;
  • Ipsum: Pellentesque ornare sem lacinia quam venenatis vestibulum;
  • Dolor: Maecenas faucibus mollis interdum;

     

    Bloco de código
    languagecss
    titleNo CSS
    /*
     *
     * Multiple definitions
     *
     */
     
    .teste {
    	background: red.wcm-widget-timeline .timeline-post,
    .wcm-widget-timeline .timeline-comments {
    	padding: 8px 0 36px;
    	position: relative;
    }

     

    Básicamente, o arquivo CSS é dividido nas seguintes categorias:
    • Multiple definitions: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Unic definitions: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Sociable actions bar: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Container comments list: Lorem ipsum dolor sit amet, consectetur adipiscing elit.Container comment post area: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Button view (display) more content: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Shared modal definitions: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Post content with image: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Youtube video format: Lorem ipsum dolor sit amet, consectetur adipiscing elit.Denounce modal: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    • Content shared types: Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    ...