Histórico da Página
Índice |
---|
Vamos desenvolver uma widget que mostre notícias cadastradas no Fluig.
...
Bloco de código | ||||||
---|---|---|---|---|---|---|
| ||||||
<#if !newsSource??> <#assign newsSource = "dataset"> </#if> <#if !numberOfArticles??> <#assign numberOfArticles = 5> </#if> <#if url??> <#assign parameters = '{"newsSource": "${newsSource}", "url": "${url?url}", "numberOfArticles": "${numberOfArticles}"}'?html> <#else> <#assign parameters = '{"newsSource": "${newsSource}", "numberOfArticles": "${numberOfArticles}"}'?html> </#if> <div id="KitIntranetNews_${instanceId}" class="wcm-widget-class super-widget fluig-style-guide" data-params="KitIntranetNews.instance(${parameters})"> <form role="form"> <div id="newsSource_${instanceId}" class="form-group"> <label for="formNewsSource_${instanceId}">${i18n.getTranslation('kitintranet.news.label.source')}</label> <select id="formNewsSource_${instanceId}" class="form-control" value="${newsSource!}" data-change-news-source> <option value="dataset" <#if newsSource == 'dataset'>selected</#if>> ${i18n.getTranslation('kitintranet.news.data.dataset')} </option> <option value="rssfeed" <#if newsSource == 'rssfeed'>selected</#if>> ${i18n.getTranslation('kitintranet.news.data.rssfeed')} </option> </select> </div> <div id="rssFeed_${instanceId}" class="form-group"> <label for="feedUrl_${instanceId}">${i18n.getTranslation('kitintranet.news.label.rssfeed')}</label> <input class="form-control" id="feedUrl_${instanceId}" value="${url!}" placeholder="${i18n.getTranslation('kitintranet.news.label.rssfeed.placeholder')}" /> </div> <div id="dataSet_${instanceId}" class="form-group"> <label for="dataSetLink_${instanceId}">${i18n.getTranslation('kitintranet.news.label.datasetlink')}</label> <a id="dataSetLink_${instanceId}" href="#"></a> </div> <div id="articles_${instanceId}" class="form-group"> <label for="feedUrl_${instanceId}">${i18n.getTranslation('kitintranet.news.label.numberofarticles')}</label> <input class="form-control" id="numberOfArticles_${instanceId}" value="${numberOfArticles!}" /> </div> <button type="submit" class="btn btn-default" data-save-preferences>${i18n.getTranslation('kitintranet.news.label.save')}</button> </form> </div> |
...
Interface aplicada com Fluig Style Guide
ESCREVER AQUI SOBRE INTERFACE STYLE GUIDE
Como salvar as preferências da widget
...
As preferências da widget são recuperadas automaticamente. Basta salvar as preferências com os nomes das variáveis da widget, como no tópico Como salvar as preferências da widget.
Como fazer uma chamada REST para obter dados
...
Exportar a widget no servidor Fluig
Para exportar a widget para o servidor Fluig, basta seguir o guia Realizando o deploy do componente.
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas