Histórico da Página
...
Bloco de código | ||||
---|---|---|---|---|
| ||||
<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:
Bloco de código | ||||
---|---|---|---|---|
| ||||
/* * * 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.
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas