Histórico da Página
...
Estrutura básica de uma Publicação
Bloco de código | ||||||
---|---|---|---|---|---|---|
| ||||||
<div class="wcm-widget-class wcm-widget-post-share"> <!-- Verifica se o recurso está bloqueado --> {{#socialStateBlocked}} <!-- Verifica se tipo é comunidade --> {{#socialTypeCommunity}} <p class="message-information">${i18n.getTranslation('community.disabled')}</p> {{/socialTypeCommunity}} <!-- Verifica se tipo é usuário --> {{#socialTypeUser}} <p class="message-information">${i18n.getTranslation('user.disabled')}</p> {{/socialTypeUser}} {{/socialStateBlocked}} <!-- Se o recurso não está bloqueado faz carregamento dos elementos da social poster --> {{#socialStateActive}} <!-- Verifica se existe um alias --> {{#socialAlias}} <!-- Verifica se usuário está em sua própria página ou se usuário é membro da comunidade --> {{#isUserOwnPageOrMember}} <!-- Área da imagem do usuário ou comunidade --> <figure class="user-avatar-container"> <img src="/social/api/rest/social/imagetype/{{socialType}}/thumb/{{socialAlias}}" class="image-responsive"> </figure> <form method="post" class="totvs-form grid post-share-form" data-post-share-form> <fieldset class="col-1"> <!-- Área de postagem do conteúdo --> <div class="post-area" data-post-area> <div class="post-share-text-container"> <span class="close-post-share byyou-controller byyou-controller-close3" data-close-post-share></span> <textarea name="post-share-text" class="post-share-text" id="post-share-text" placeholder="${i18n.getTranslation('share.question')}" data-post-share-text></textarea> </div> <!-- Verifica se tipo é comunidade --> {{#socialTypeCommunity}} <nav class="post-options-container"> <!-- Habilita link de seleção de imagem se recurso estiver disponível --> {{#photoIsEnabled}} <a href="#" class="post-options post-photo" data-attach-media="photo">${i18n.getTranslation('post.picture')}</a> {{/photoIsEnabled}} <!-- Habilita link de seleção de vídeo se recurso estiver disponível --> {{#videoIsEnabled}} <a href="#" class="post-options post-video" data-attach-media="video">${i18n.getTranslation('post.video')}</a> {{/videoIsEnabled}} <!-- Habilita link de seleção de documento se recurso estiver disponível --> {{#documentIsEnabled}} <a href="#" class="post-options post-document" data-attach-media="document">${i18n.getTranslation('post.document')}</a> {{/documentIsEnabled}} </nav> {{/socialTypeCommunity}} </div> </fieldset> <fieldset class="col-1"> <div class="submit-area group form-inline"> <!-- Área da lista de restrição do post e do botão de envio --> <div class="post-submit-type fr"> <span class="post-text-limit">600</span> <select name="post-share-visibility" class="post-share-visibility" {{#postShareVisibility}}disabled{{/postShareVisibility}}> <!-- Se página possuir contexto de usuário habilita opções de acordo com o mesmo --> {{#socialTypeUser}} <option value="PUBLIC">${i18n.getTranslation('public')}</option> <option value="PRIVATE">${i18n.getTranslation('follower')}</option> {{/socialTypeUser}} <!-- Se página possuir contexto de comunidade habilita opções de acordo com o mesmo --> {{#notSocialTypeUser}} <!-- Se conteúdo for privado não exibe opção 'publico' --> {{#socialPrivateContent}} <option value="PRIVATE">${i18n.getTranslation('member')}</option> {{/socialPrivateContent}} <!-- Se conteúdo não for privado adiciona opção 'publico' --> {{#notSocialPrivateContent}} <option value="PUBLIC">${i18n.getTranslation('public')}</option> <option value="PRIVATE">${i18n.getTranslation('member')}</option> {{/notSocialPrivateContent}} {{/notSocialTypeUser}} </select> <!-- Se o recurso está bloqueado desabilita botão --> {{#socialStateBlocked}} <button class="totvs-btn-disabled" disabled="disabled">${i18n.getTranslation('profile.disabled')}</button> {{/socialStateBlocked}} <!-- Se o recurso não está bloqueado exibe botão --> {{#notSocialStateBlocked}} <button type="submit" class="totvs-btn-disabled post-share-submit" disabled="disabled">${i18n.getTranslation('publish')}</button> {{/notSocialStateBlocked}} </div> </div> </fieldset> </form> {{/isUserOwnPageOrMember}} {{/socialAlias}} {{/socialStateActive}} </div> |
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas