Histórico da Página
...
Na publicação de um post na comunidade, é possível anexar uma imagem, vídeo ou um documento de acordo com disponibilidade desses recursos.
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