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> |
Bloco de código | ||||
---|---|---|---|---|
| ||||
/* * * Multiple definitions * */ .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.
- Youtube video format: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Content shared types: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Bloco de código | ||||||
---|---|---|---|---|---|---|
| ||||||
[{ "postId" : "10", //post id "text" : "A 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 }] |
Tipos de Publicação
Segue abaixo os tipos de Publicação disponíveis na Timeline.
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas