Logo CEWEB.br Logo NIC.br Logo CGI.br
Home Sobre o projeto

Sites Verificados

Lista com todos os sítios que foram verificados pela TIC Web Acessibilidade. Dentro de cada domínio, há informações detalhadas sobre as páginas coletadas, bem como os erros e avisos de cada uma *.

Recomendações Avaliadas
1.1 Respeitar os Padrões Web.

Recomendações

Número Descrição Quantidade Linhas Código Fonte
1.1.3 Presença de CSS(s) in-line 23 1051 1519 1520 1592 1593 1665 1666 1733 1734 1771 1960 2338 2803 4026 4059 4083 4140 4460 4465 4470 4475 4558 4561
1.1.4 Presença de CSS(s) interno 7 725 2235 2294 2302 2815 2845 4073
1.1.6 Presença de javascript(s) interno 25 225 574 597 656 768 797 909 1045 2304 2817 2836 2847 3229 3238 3620 3629 4038 4101 4119 5015 5044 5061 5092 5428 5441
1051 <![CDATA[<span class="text-white" style="font-size:xx-large"><svg class="lexicon-icon lexicon-icon-acessibilidade" focusable="false" id="ygfb" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#acessibilidade"/></svg></span>]]>
1519 <![CDATA[<div class="card m-0 background-position-y-center background-position-x-center" style="border:none; background-size:cover; background-image: url(/o/adaptive-media/image/2909253/lg/cdc-convenios-home.png?t=1669057647127)"> <div class="card m-0 p-4 d-flex justify-content-end" style="border:none; min-height: 240px; background: linear-gradient(transparent 30%, rgba(0,0,0,0.6) 70%); background-blend-mode: darken;"> <a href="/credito-pessoal-consignado-convenios" class="stretched-link h5 text-white" aria-label="Saiba mais sobre CDC Convênio"> CDC Convênio </a> <div class="text-white"><p>Crédito pessoal na medida, com vantagens exclusivas pra você</p></div> </div> </div>]]>
1520 <![CDATA[<div class="card m-0 p-4 d-flex justify-content-end" style="border:none; min-height: 240px; background: linear-gradient(transparent 30%, rgba(0,0,0,0.6) 70%); background-blend-mode: darken;"> <a href="/credito-pessoal-consignado-convenios" class="stretched-link h5 text-white" aria-label="Saiba mais sobre CDC Convênio"> CDC Convênio </a> <div class="text-white"><p>Crédito pessoal na medida, com vantagens exclusivas pra você</p></div> </div>]]>
1592 <![CDATA[<div class="card m-0 background-position-y-center background-position-x-center" style="border:none; background-size:cover; background-image: url(/o/adaptive-media/image/2191866/md/mulher-com-oculos-de-realidade-virtual.jpg?t=1660251216072)"> <div class="card m-0 p-4 d-flex justify-content-end" style="border:none; min-height: 240px; background: linear-gradient(transparent 30%, rgba(0,0,0,0.6) 70%); background-blend-mode: darken;"> <a href="https://www.bnb.gov.br/fne-inovacao" class="stretched-link h5 text-white" aria-label="Saiba mais sobre FNE Inovação"> FNE Inovação </a> <div class="text-white"><p>Inove em produtos, serviços e processos da sua empresa.</p></div> </div> </div>]]>
1593 <![CDATA[<div class="card m-0 p-4 d-flex justify-content-end" style="border:none; min-height: 240px; background: linear-gradient(transparent 30%, rgba(0,0,0,0.6) 70%); background-blend-mode: darken;"> <a href="https://www.bnb.gov.br/fne-inovacao" class="stretched-link h5 text-white" aria-label="Saiba mais sobre FNE Inovação"> FNE Inovação </a> <div class="text-white"><p>Inove em produtos, serviços e processos da sua empresa.</p></div> </div>]]>
1665 <![CDATA[<div class="card m-0 background-position-y-center background-position-x-center" style="border:none; background-size:cover; background-image: url(/o/adaptive-media/image/1529191/md/Cart%C3%A3o+BNB+Agro.jpg?t=1652818815671)"> <div class="card m-0 p-4 d-flex justify-content-end" style="border:none; min-height: 240px; background: linear-gradient(transparent 30%, rgba(0,0,0,0.6) 70%); background-blend-mode: darken;"> <a href="/cartao-bnb-agro" class="stretched-link h5 text-white" aria-label="Saiba mais sobre Cartão BNB Agro"> Cartão BNB Agro </a> <div class="text-white"><p>Saiba como obter o financiamento para desenvolver o seu agronegócio</p></div> </div> </div>]]>
1666 <![CDATA[<div class="card m-0 p-4 d-flex justify-content-end" style="border:none; min-height: 240px; background: linear-gradient(transparent 30%, rgba(0,0,0,0.6) 70%); background-blend-mode: darken;"> <a href="/cartao-bnb-agro" class="stretched-link h5 text-white" aria-label="Saiba mais sobre Cartão BNB Agro"> Cartão BNB Agro </a> <div class="text-white"><p>Saiba como obter o financiamento para desenvolver o seu agronegócio</p></div> </div>]]>
1733 <![CDATA[<div class="card m-0 background-position-y-center background-position-x-center" style="border:none; background-size:cover; background-image: url(/o/adaptive-media/image/56619/md/por-do-sol.jpg?t=1623335791470)"> <div class="card m-0 p-4 d-flex justify-content-end" style="border:none; min-height: 240px; background: linear-gradient(transparent 30%, rgba(0,0,0,0.6) 70%); background-blend-mode: darken;"> <a href="/agroamigo-sol" class="stretched-link h5 text-white" aria-label="Saiba mais sobre Agroamigo Sol"> Agroamigo Sol </a> <div class="text-white"><p>Crédito para geração de energia solar no meio rural.</p></div> </div> </div>]]>
1734 <![CDATA[<div class="card m-0 p-4 d-flex justify-content-end" style="border:none; min-height: 240px; background: linear-gradient(transparent 30%, rgba(0,0,0,0.6) 70%); background-blend-mode: darken;"> <a href="/agroamigo-sol" class="stretched-link h5 text-white" aria-label="Saiba mais sobre Agroamigo Sol"> Agroamigo Sol </a> <div class="text-white"><p>Crédito para geração de energia solar no meio rural.</p></div> </div>]]>
1771 <![CDATA[<ul class="nav" style="max-height: 344px" role="navigation"> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/institucional"> <svg class="lexicon-icon lexicon-icon-bnb-simbolo mr-2" focusable="false" id="hgef" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#bnb-simbolo"/></svg> Institucional </a> </li> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/desenvolvimento-regional"> <svg class="lexicon-icon lexicon-icon-trajeto mr-2" focusable="false" id="touv" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#trajeto"/></svg> Desenvolvimento Regional </a> </li> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/sustentabilidade"> <svg class="lexicon-icon lexicon-icon-responsabilidade-ambiental mr-2" focusable="false" id="izlq" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#responsabilidade-ambiental"/></svg> Sustentabilidade </a> </li> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/cultura"> <svg class="lexicon-icon lexicon-icon-mascaras-cultura mr-2" focusable="false" id="sqki" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#mascaras-cultura"/></svg> Cultura </a> </li> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/etene"> <svg class="lexicon-icon lexicon-icon-prancheta-dados mr-2" focusable="false" id="vvbi" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#prancheta-dados"/></svg> Etene </a> </li> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/hub-de-inovacao"> <svg class="lexicon-icon lexicon-icon-foguete mr-2" focusable="false" id="agao" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#foguete"/></svg> Hubine </a> </li> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/fundeci"> <svg class="lexicon-icon lexicon-icon-pasta-indicadores mr-2" focusable="false" id="fzrm" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#pasta-indicadores"/></svg> Fundeci </a> </li> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/relacao-com-acionistas-e-investidores"> <svg class="lexicon-icon lexicon-icon-relacionamento-2 mr-2" focusable="false" id="mgnb" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#relacionamento-2"/></svg> Relação com Acionistas e Investidores </a> </li> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/open-finance"> <svg class="lexicon-icon lexicon-icon-open-finance mr-2" focusable="false" id="dpwn" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#open-finance"/></svg> Open Finance </a> </li> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/atividades-financiadas"> <svg class="lexicon-icon lexicon-icon-credito-2 mr-2" focusable="false" id="ihtb" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#credito-2"/></svg> Atividades Financiadas </a> </li> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/eventos"> <svg class="lexicon-icon lexicon-icon-programacao mr-2" focusable="false" id="yiae" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#programacao"/></svg> Eventos </a> </li> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/revista-juridica"> <svg class="lexicon-icon lexicon-icon-livro-aberto mr-2" focusable="false" id="svld" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#livro-aberto"/></svg> Revista Jurídica </a> </li> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/transparencia-e-prestacao-de-contas"> <svg class="lexicon-icon lexicon-icon-view mr-2" focusable="false" id="eoij" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/clay/icons.svg#view"/></svg> Transparência e Prestação de Contas </a> </li> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/seguranca"> <svg class="lexicon-icon lexicon-icon-protegido mr-2" focusable="false" id="yvoy" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#protegido"/></svg> Segurança </a> </li> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/privacidade-e-protecao-de-dados"> <svg class="lexicon-icon lexicon-icon-hidden mr-2" focusable="false" id="odue" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/clay/icons.svg#hidden"/></svg> Privacidade e Proteção de Dados </a> </li> <li class="nav-item " role="presentation"> <a class="nav-link text-secondary-d1" href="https://www.bnb.gov.br/web/guest/sobre-o-banco"> <svg class="lexicon-icon lexicon-icon-bnb-simbolo mr-2" focusable="false" id="miji" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#bnb-simbolo"/></svg> Tudo Sobre o Banco </a> </li> </ul>]]>
1960 <![CDATA[<section class="bg-light" style=""> <div class="container px-3 py-5"> <div class="row "> <div class="col-md-12"> <div id="fragment-0-iofy" > <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_ portlet-static portlet-static-end portlet-breadcrumb " id="p_p_id_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_bdBSZcEPvDWD_"> <span id="p_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_bdBSZcEPvDWD"></span> <section class="portlet" id="portlet_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_bdBSZcEPvDWD"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header mb-0"> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <nav aria-label="Caminho de Navegação" id="_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_bdBSZcEPvDWD_breadcrumbs-defaultScreen"> <style> .isDisabled { color: darkslategray !important; pointer-events: none; } .confIcon{ height:0.7em; margin-top:0; } </style> <a class="breadcrumb-last-item" href="https://www.bnb.gov.br/web/guest/acesso-a-informacao">Acesso à Informação</a> <svg class="lexicon-icon lexicon-icon-caret-right-l" focusable="false" id="cgwr" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/clay/icons.svg#caret-right-l" /></svg> <span class="breadcrumb-item">Licitações e Contratos</span> </nav> </div> </div> </div> </section> </div> </div> <div id="fragment-1170299-vukl" > <div class="fragment_1170299"> <h1 class="text-primary mt-4 mb-3"> Licitações e Contratos </h1> </div></div><style>.fragment_1170299 { }</style> <div id="fragment-0-vinp" > <div class="component-paragraph pb-3 text-left text-break"> <div><p class="lead">Nesta seção, são divulgadas as licitações e contratos realizados pelo Banco do Nordeste e seus regulamentos, além de informações sobre os bens disponíveis à venda e as empresas suspensas ou impedidas de licitar ou contratar.</p> </div> </div></div><style>.component-paragraph img { max-width: 100%; }</style><script>(function() {var fragmentElement = document.querySelector('#fragment-0-vinp'); var configuration = {"textAlign":"left","bottomSpacing":"3","textColor":{"cssClass":"","rgbValue":""}};/** * Copyright (c) 2000-present Liferay, Inc. All rights reserved. * * This library is free software; you can redistribute it and/or modify it under * the terms of the GNU Lesser General Public License as published by the Free * Software Foundation; either version 2.1 of the License, or (at your option) * any later version. * * This library is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more * details. */;}());</script> </div> </div> </div> </section>]]>
2338 <![CDATA[<section class="bg-" style=""> <div class="container px-3 py-5"> <div class="row "> <div class="col-md-12"> <div id="fragment-0-uzpz" > <div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_ portlet-static portlet-static-end portlet-site-map " id="p_p_id_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_xL0oFjigbs4R_"> <span id="p_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_xL0oFjigbs4R"></span> <section class="portlet" id="portlet_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_xL0oFjigbs4R"> <div class="portlet-content"> <div class="autofit-float autofit-row portlet-header mb-0"> </div> <div class=" portlet-content-container"> <div class="portlet-body"> <div role="menubar"> <div class="card shadow my-3 d-flex flex-column flex-lg-row" role="menuitem" aria-label="Licitações"> <div class="pt-5 pt-lg-5 pb-3 pb-lg-5 px-5 px-lg-5"> <span class="lexicon-icon-box bg-quaternary text-primary rounded-circle "> <svg class="lexicon-icon lexicon-icon-document" focusable="false" id="rgex" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/clay/icons.svg#document" /></svg> </span> </div> <div class="pt-3 pt-lg-5 pb-5 pb-lg-5 px-5 pl-lg-0 pr-lg-5"> <div class="h4 text-primary">Licitações</div> <p><!--?xml version='1.0' encoding='UTF-8'?--><root available-locales="pt_BR" default-locale="pt_BR"><description language-id="pt_BR">Nesta seção, são divulgadas as licitações em andamento, agendadas e encerradas do Banco do Nordeste.</description></root></p> <a href="https://www.bnb.gov.br/web/guest/acesso-a-informacao/licitacoes-e-contratos/licitacoes" class="btn btn-link" aria-label="Acessar Licitações">Acessar</a> </div> </div> <div class="card shadow my-3 d-flex flex-column flex-lg-row" role="menuitem" aria-label="Dispensa e Inexigibilidade"> <div class="pt-5 pt-lg-5 pb-3 pb-lg-5 px-5 px-lg-5"> <span class="lexicon-icon-box bg-quaternary text-primary rounded-circle "> <svg class="lexicon-icon lexicon-icon-document-text" focusable="false" id="pxiy" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/clay/icons.svg#document-text" /></svg> </span> </div> <div class="pt-3 pt-lg-5 pb-5 pb-lg-5 px-5 pl-lg-0 pr-lg-5"> <div class="h4 text-primary">Dispensa e Inexigibilidade</div> <p><!--?xml version='1.0' encoding='UTF-8'?--><root available-locales="pt_BR" default-locale="pt_BR"><description language-id="pt_BR">Nesta seção, são divulgadas informações sobre as contratações por meio de dispensa e inexigibilidade realizadas pelo Banco do Nordeste.</description></root></p> <a href="https://www.bnb.gov.br/web/guest/acesso-a-informacao/licitacoes-e-contratos/dispensa-e-inexigibilidade" class="btn btn-link" aria-label="Acessar Dispensa e Inexigibilidade">Acessar</a> </div> </div> <div class="card shadow my-3 d-flex flex-column flex-lg-row" role="menuitem" aria-label="Contratos"> <div class="pt-5 pt-lg-5 pb-3 pb-lg-5 px-5 px-lg-5"> <span class="lexicon-icon-box bg-quaternary text-primary rounded-circle "> <svg class="lexicon-icon lexicon-icon-file-template" focusable="false" id="hmts" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/clay/icons.svg#file-template" /></svg> </span> </div> <div class="pt-3 pt-lg-5 pb-5 pb-lg-5 px-5 pl-lg-0 pr-lg-5"> <div class="h4 text-primary">Contratos</div> <p><!--?xml version='1.0' encoding='UTF-8'?--><root available-locales="pt_BR" default-locale="pt_BR"><description language-id="pt_BR">Nesta seção, são divulgados informações relacionadas aos contratos realizados pelo Banco do Nordeste.</description></root></p> <a href="https://www.bnb.gov.br/web/guest/acesso-a-informacao/licitacoes-e-contratos/contratos" class="btn btn-link" aria-label="Acessar Contratos">Acessar</a> </div> </div> <div class="card shadow my-3 d-flex flex-column flex-lg-row" role="menuitem" aria-label="Autorizações de Fornecimento"> <div class="pt-5 pt-lg-5 pb-3 pb-lg-5 px-5 px-lg-5"> <span class="lexicon-icon-box bg-quaternary text-primary rounded-circle "> <svg class="lexicon-icon lexicon-icon-date" focusable="false" id="zvqv" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/clay/icons.svg#date" /></svg> </span> </div> <div class="pt-3 pt-lg-5 pb-5 pb-lg-5 px-5 pl-lg-0 pr-lg-5"> <div class="h4 text-primary">Autorizações de Fornecimento</div> <p><!--?xml version='1.0' encoding='UTF-8'?--><root available-locales="pt_BR" default-locale="pt_BR"><description language-id="pt_BR">Nesta seção, consulte as autorizações de fornecimento no Banco do Nordeste.</description></root></p> <a href="https://www.bnb.gov.br/web/guest/acesso-a-informacao/licitacoes-e-contratos/autorizacoes-de-fornecimento" class="btn btn-link" aria-label="Acessar Autorizações de Fornecimento">Acessar</a> </div> </div> <div class="card shadow my-3 d-flex flex-column flex-lg-row" role="menuitem" aria-label="Atas de Registro de Preços Vigentes"> <div class="pt-5 pt-lg-5 pb-3 pb-lg-5 px-5 px-lg-5"> <span class="lexicon-icon-box bg-quaternary text-primary rounded-circle "> <svg class="lexicon-icon lexicon-icon-time" focusable="false" id="ksbv" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/clay/icons.svg#time" /></svg> </span> </div> <div class="pt-3 pt-lg-5 pb-5 pb-lg-5 px-5 pl-lg-0 pr-lg-5"> <div class="h4 text-primary">Atas de Registro de Preços Vigentes</div> <p><!--?xml version='1.0' encoding='UTF-8'?--><root available-locales="pt_BR" default-locale="pt_BR"><description language-id="pt_BR">Nesta seção, consulte as atas de registro de preços vigentes do Banco do Nordeste.</description></root></p> <a href="https://www.bnb.gov.br/web/guest/acesso-a-informacao/licitacoes-e-contratos/atas-de-registro-de-precos-vigentes" class="btn btn-link" aria-label="Acessar Atas de Registro de Preços Vigentes">Acessar</a> </div> </div> <div class="card shadow my-3 d-flex flex-column flex-lg-row" role="menuitem" aria-label="Aquisições de Bens"> <div class="pt-5 pt-lg-5 pb-3 pb-lg-5 px-5 px-lg-5"> <span class="lexicon-icon-box bg-quaternary text-primary rounded-circle "> <svg class="lexicon-icon lexicon-icon-shopping-cart" focusable="false" id="vpqb" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/clay/icons.svg#shopping-cart" /></svg> </span> </div> <div class="pt-3 pt-lg-5 pb-5 pb-lg-5 px-5 pl-lg-0 pr-lg-5"> <div class="h4 text-primary">Aquisições de Bens</div> <p><!--?xml version='1.0' encoding='UTF-8'?--><root available-locales="pt_BR" default-locale="pt_BR"><description language-id="pt_BR">Nesta seção, são divulgadas informações relacionadas às aquisições de bens realizadas pelo Banco do Nordeste.</description></root></p> <a href="https://www.bnb.gov.br/web/guest/acesso-a-informacao/licitacoes-e-contratos/compras" class="btn btn-link" aria-label="Acessar Aquisições de Bens">Acessar</a> </div> </div> <div class="card shadow my-3 d-flex flex-column flex-lg-row" role="menuitem" aria-label="Consultas e Audiências"> <div class="pt-5 pt-lg-5 pb-3 pb-lg-5 px-5 px-lg-5"> <span class="lexicon-icon-box bg-quaternary text-primary rounded-circle "> <svg class="lexicon-icon lexicon-icon-message-boards" focusable="false" id="deti" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/clay/icons.svg#message-boards" /></svg> </span> </div> <div class="pt-3 pt-lg-5 pb-5 pb-lg-5 px-5 pl-lg-0 pr-lg-5"> <div class="h4 text-primary">Consultas e Audiências</div> <p><!--?xml version='1.0' encoding='UTF-8'?--><root available-locales="pt_BR" default-locale="pt_BR"><description language-id="pt_BR">Nesta seção, são divulgadas informações relacionadas a RFP, RFI, audiências e consultas públicas realizadas pelo Banco do Nordeste.</description></root></p> <a href="https://www.bnb.gov.br/web/guest/acesso-a-informacao/licitacoes-e-contratos/consultas-e-audiencias" class="btn btn-link" aria-label="Acessar Consultas e Audiências">Acessar</a> </div> </div> <div class="card shadow my-3 d-flex flex-column flex-lg-row" role="menuitem" aria-label="Patrocínios"> <div class="pt-5 pt-lg-5 pb-3 pb-lg-5 px-5 px-lg-5"> <span class="lexicon-icon-box bg-quaternary text-primary rounded-circle "> <svg class="lexicon-icon lexicon-icon-announcement" focusable="false" id="vjuc" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/clay/icons.svg#announcement" /></svg> </span> </div> <div class="pt-3 pt-lg-5 pb-5 pb-lg-5 px-5 pl-lg-0 pr-lg-5"> <div class="h4 text-primary">Patrocínios</div> <p><!--?xml version='1.0' encoding='UTF-8'?--><root available-locales="pt_BR" default-locale="pt_BR"><description language-id="pt_BR">Nesta seção, são divulgadas informações relacionadas aos patrocínios institucionais, mercadológicos e culturais realizados pelo Banco do Nordeste.</description></root></p> <a href="https://www.bnb.gov.br/web/guest/acesso-a-informacao/licitacoes-e-contratos/patrocinios" class="btn btn-link" aria-label="Acessar Patrocínios">Acessar</a> </div> </div> <div class="card shadow my-3 d-flex flex-column flex-lg-row" role="menuitem" aria-label="Cadastro de Fornecedores"> <div class="pt-5 pt-lg-5 pb-3 pb-lg-5 px-5 px-lg-5"> <span class="lexicon-icon-box bg-quaternary text-primary rounded-circle "> <svg class="lexicon-icon lexicon-icon-user-plus" focusable="false" id="ejdv" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/clay/icons.svg#user-plus" /></svg> </span> </div> <div class="pt-3 pt-lg-5 pb-5 pb-lg-5 px-5 pl-lg-0 pr-lg-5"> <div class="h4 text-primary">Cadastro de Fornecedores</div> <p><!--?xml version='1.0' encoding='UTF-8'?--><root available-locales="pt_BR" default-locale="pt_BR"><description language-id="pt_BR">Nesta seção, são divulgadas informações e orientações relacionadas ao cadastro de fornecedores no Banco do Nordeste.</description></root></p> <a href="https://www.bnb.gov.br/web/guest/acesso-a-informacao/licitacoes-e-contratos/cadastro-de-fornecedores" class="btn btn-link" aria-label="Acessar Cadastro de Fornecedores">Acessar</a> </div> </div> <div class="card shadow my-3 d-flex flex-column flex-lg-row" role="menuitem" aria-label="Contratos de Publicidade"> <div class="pt-5 pt-lg-5 pb-3 pb-lg-5 px-5 px-lg-5"> <span class="lexicon-icon-box bg-quaternary text-primary rounded-circle "> <svg class="lexicon-icon lexicon-icon-announcement" focusable="false" id="bpzp" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/clay/icons.svg#announcement" /></svg> </span> </div> <div class="pt-3 pt-lg-5 pb-5 pb-lg-5 px-5 pl-lg-0 pr-lg-5"> <div class="h4 text-primary">Contratos de Publicidade</div> <p><!--?xml version='1.0' encoding='UTF-8'?--><root available-locales="pt_BR" default-locale="pt_BR"><description language-id="pt_BR">Nesta seção, são divulgadas informações sobre a execução do contrato de serviços de publicidade do Banco do Nordeste.</description></root></p> <a href="https://www.bnb.gov.br/acesso-a-informacao/receitas-e-despesas/investimentos-em-publicidade" class="btn btn-link" aria-label="Acessar Contratos de Publicidade">Acessar</a> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </section>]]>
2803 <![CDATA[<section class="bg-light" style=""> <div class="container px-3 py-5"> <div class="row "> <div class="col-md-12"> <div id="fragment-0-allu" > <h2 class="component-heading mb-0 pb-3 text-left text-break "> <span>Regulamentos de Licitações e Contratos</span> </h2></div><style>.fragment-heading-text-colored a { color: inherit; }</style><script>(function() {var fragmentElement = document.querySelector('#fragment-0-allu'); var configuration = {"textAlign":"left","bottomSpacing":"3","headingLevel":"h2","textColor":{"cssClass":"","rgbValue":""}};/** * Copyright (c) 2000-present Liferay, Inc. All rights reserved. * * This library is free software; you can redistribute it and/or modify it under * the terms of the GNU Lesser General Public License as published by the Free * Software Foundation; either version 2.1 of the License, or (at your option) * any later version. * * This library is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more * details. */;}());</script> <div id="fragment-2316268-mfoc" > <script id="data_mfoc" type="application/json">{"title":"Regulamentos Vigentes de Licitações e Contratos","type":0,"typeSettings":{"anyClassTypeDLFileEntryAssetRendererFactory":"47046","orderByColumn1":"title"}}</script> <h3 class="mb-0 pb-3 text-primary text-left text-break fragment-heading-text-colored"> <div>Vigentes</div> </h3> <span class="loading-animation"></span> <div class="documents-list"></div> </div><style>.page-item button { border-radius: 2rem !important; }</style><script>(function() {var fragmentElement = document.querySelector('#fragment-2316268-mfoc'); var configuration = {"contentSetId":"2715506","showDateConversions":false,"showModifiedDate":false,"showRefDate":true,"textAlign":"left","pageSize":"50","showYear":false,"groupBy":"noGroup","textColor":{"cssClass":"primary","rgbValue":"rgb(122, 18, 44)"},"useTitle":true,"usePagination":false,"bottomSpacing":"3","labelForYear":"Publicado em","useContentSetTitle":false,"labelForRefDate":"Publicado em","headingLevel":"h3","showCreateDate":false,"activeDebug":false};const editMode = document.body.classList.contains('has-edit-mode-menu') const apiURL = `${Liferay.ThemeDisplay.getPortalURL()}/o/headless-delivery` const contentSetsEndPoint = `/v1.0/content-sets/${configuration.contentSetId}/content-set-elements` const restrictFields = 'title,content.contentUrl,content.dateCreated,content.dateModified,content.documentType,content.fileExtension,content.sizeInBytes' const params = { fields: restrictFields, 'pageSize': configuration.pageSize, 'page': 1 } const pathThemeImages = Liferay.ThemeDisplay.getPathThemeImages() const spritemapBNB = `${pathThemeImages}/bnb/icons.svg` const spritemapClay = `${pathThemeImages}/clay/icons.svg` const scriptAssetListJson = fragmentElement.querySelector(`script#data_${fragmentElement.id.slice(-4)}`) const assetListObject = (scriptAssetListJson) ? JSON.parse(scriptAssetListJson.text) : null const documentsList = fragmentElement.querySelector('.documents-list') const loadingAnimation = fragmentElement.querySelector('.loading-animation') const orderByYearAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência', 'ddm__keyword__47054__Ano'] const orderByMonthYearAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência'] const orderByDayAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência'] const fileEntryTypes = { 'docOrdin': 47046, 'docAnual': 47053 } const validity = (assetListObject) ? validateConfiguration() : null validity && init() // funcao de inicialização function init() { fragmentElement.classList.add('mb-4') editMode && reportConstraints() fetchDocumentsPage() } // constrói um objeto para verificar status de validade de algumas configurações function validateConfiguration() { let orderByColumn = assetListObject.typeSettings.orderByColumn1 let orderByColumnName = getOrderByFieldName(orderByColumn) let canGroupByYear = orderByYearAttrs.includes(orderByColumn) let canGroupByMonthYear = orderByMonthYearAttrs.includes(orderByColumn) let canGroupByDay = orderByDayAttrs.includes(orderByColumn) let canShowRefDate = (assetListObject.typeSettings.anyClassTypeDLFileEntryAssetRendererFactory == fileEntryTypes.docOrdin) let canShowYear = (assetListObject.typeSettings.anyClassTypeDLFileEntryAssetRendererFactory == fileEntryTypes.docAnual) let validityState = { 'canGroupByYear': { 'state': canGroupByYear, 'msg' : canGroupByYear ? '' : `A coleção não pode ser agrupada por ano, pois está ordenada por ${orderByColumnName}.` }, 'canGroupByMonthYear': { 'state': canGroupByMonthYear, 'msg' : canGroupByMonthYear ? '' : `A coleção não pode ser agrupada por mês e ano, pois está ordenada por ${orderByColumnName}.` }, 'canGroupByDay': { 'state': canGroupByDay, 'msg' : canGroupByDay ? '' : `A coleção não pode ser agrupada por dia, pois está ordenada por ${orderByColumnName}.` }, 'canShowRefDate': { 'state': canShowRefDate, 'msg' : canShowRefDate ? '' : 'Não é possível mostrar o campo Data de Referência. Esse metadado existe apenas em coleções de Documentos Ordinários.' }, 'canShowYear': { 'state': canShowYear, 'msg' : canShowYear ? '' : 'Não é possível mostrar o campo Ano. Esse metadado existe apenas em coleções de Documentos Anuais.' } } return validityState } // alerta sobre restrições na configuração function reportConstraints() { cleanAlerts() // alerta sobre restrições let validationMessages = [] configuration.groupBy == 'groupByYear' && !validity.canGroupByYear.state && validationMessages.push(validity.canGroupByYear.msg) configuration.groupBy == 'groupByMonthYear' && !validity.canGroupByMonthYear.state && validationMessages.push(validity.canGroupByMonthYear.msg) configuration.groupBy == 'groupByDay' && !validity.canGroupByDay.state && validationMessages.push(validity.canGroupByDay.msg) configuration.showRefDate && !validity.canShowRefDate.state && validationMessages.push(validity.canShowRefDate.msg) configuration.showYear && !validity.canShowYear.state && validationMessages.push(validity.canShowYear.msg) validationMessages.length > 0 && displayAlert('danger', 'Configuração inválida', validationMessages.join('<br/>'), documentsList, 'beforebegin') // debug if (configuration.activeDebug) { console.clear() console.log('Propriedades da Coleção:') console.log(assetListObject) console.log('Configuração do Fragmento:') console.log(configuration) console.log('Validade da Configuração:') console.log(validity) } } // principal funcao para pegar os dados function fetchDocumentsPage(page) { params.page = (page) ? page : params.page let request = Liferay.Util.addParams(params, apiURL+contentSetsEndPoint) fetch( request, { method: 'GET', headers: { 'Content-Type': 'application/json' } } ).then(response => { if (response.ok) { return response.json() } }).then(documents => { handleDocuments(documents) if (editMode && configuration.activeDebug) { console.log(`Retorno da requisição (page ${params.page}):`) console.log(documents) } }) } // manipula dados retornados da coleção function handleDocuments(documents) { loadingAnimation && loadingAnimation.remove() if (documents.items.length > 0) { switch (configuration.groupBy) { case 'noGroup': renderDocumentsList(documents) break case 'groupByYear': (validity.canGroupByYear.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break case 'groupByMonthYear': (validity.canGroupByMonthYear.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break case 'groupByDay': (validity.canGroupByDay.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break } configuration.usePagination && renderPaginationBar(documents.page, documents.lastPage, documents.totalCount) } else { displayAlert('info', 'Aviso', 'Não foram encontrados documentos', documentsList, 'afterbegin') } } // renderiza lista agrupada function renderDocumentsListByGroup(documents) { let lastListGroup = documentsList.querySelector('.list-group:last-child') let currentGroup = (lastListGroup) ? lastListGroup.dataset.group : 0 configuration.activeDebug && configuration.showDateConversions && editMode && console.log(`Extração do grupo a partir do campo ${getOrderByFieldName(assetListObject.typeSettings.orderByColumn1)}:`) documents.items.forEach(doc => { let group = getDocumentGroup(doc) if (currentGroup != group) { let listGroup = document.createElement('ul') listGroup.classList.add('list-group') listGroup.dataset.group = group listGroup.setAttribute('aria-label', `${assetListObject.title} de ${group}`) lastListGroup = documentsList.insertAdjacentElement('beforeend', listGroup) lastListGroup.insertAdjacentHTML('afterbegin', renderListGroupHeader(group)) currentGroup = group } lastListGroup.insertAdjacentHTML('beforeend', renderListGroupItem(doc)) }) } // extrai e retorna o dado (string) utilizado como agrupador (dia, mês ou ano) a partir do campo utilizado como primeira ordenação da coleção function getDocumentGroup(document) { let fieldData let group let dateField let options let test let orderByColumn = assetListObject.typeSettings.orderByColumn1 switch (orderByColumn) { case 'ddm__keyword__47047__DataReferência': fieldData = document.content.documentType.contentFields[0].contentFieldValue.data break case 'ddm__keyword__47054__Ano': fieldData = document.content.documentType.contentFields[0].contentFieldValue.data break case 'modifiedDate': fieldData = document.content.dateModified break case 'createDate': fieldData = document.content.dateCreated break case 'publishDate': // verificar esse caso por que não há uma campo data de publicação em coleções de documentos fieldData = document.content.dateCreated break } dateField = new Date(fieldData) switch (configuration.groupBy) { case 'groupByYear': test = (orderByColumn == 'ddm__keyword__47047__DataReferência' || orderByColumn == 'ddm__keyword__47054__Ano') group = test ? dateField.getUTCFullYear() : dateField.getFullYear() break case 'groupByMonthYear': test = (orderByColumn == 'ddm__keyword__47047__DataReferência') options = test ? {month:'long', year:'numeric', timeZone: 'UTC'} : { month:'long', year:'numeric' } group = dateField.toLocaleDateString('pt-BR', options) group = group.charAt(0).toUpperCase() + group.slice(1) break case 'groupByDay': test = (orderByColumn == 'ddm__keyword__47047__DataReferência') options = test ? {timeZone: 'UTC'} : {} group = dateField.toLocaleDateString('pt-BR', options) break } configuration.activeDebug && configuration.showDateConversions && editMode && console.log(`${fieldData} --> ${group}`) return group } // renderiza lista comum function renderDocumentsList(documents) { let listGroup = getNodeElement(documentsList, 'afterbegin', 'ul', '.list-group') listGroup.setAttribute('aria-label', assetListObject.title) documents.items.forEach(doc => { listGroup.insertAdjacentHTML('beforeend', renderListGroupItem(doc)) }) } // renderiza cabeçalho da lista function renderListGroupHeader(title) { let listHeaderHTML = ` <li class="list-group-header"> <span class="list-group-header-title"><big>${title}</big></span> </li> ` return listHeaderHTML } // renderiza um item da lista function renderListGroupItem(document) { let dateCreated = (configuration.showCreateDate) ? new Date(document.content.dateCreated) : null let dateCreatedHTML = (dateCreated) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">Publicado em</span> <span class="small">${dateCreated.toLocaleDateString('pt-BR')}</span> </div>` : '' let dateModified = (configuration.showModifiedDate) ? new Date(document.content.dateModified) : null let dateModifiedHTML = (dateModified) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">Atualizado em</span> <span class="small">${dateModified.toLocaleDateString('pt-BR')}</span> </div>` : '' let refDate = (configuration.showRefDate && validity.canShowRefDate.state) ? new Date(document.content.documentType.contentFields[0].contentFieldValue.data) : null let refDateHTML = (refDate) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">${configuration.labelForRefDate}</span> <span class="small">${refDate.toLocaleDateString('pt-BR', {timeZone: 'UTC'})}</span> </div>` : '' let year = (configuration.showYear && validity.canShowYear.state) ? document.content.documentType.contentFields[0].contentFieldValue.data : null let yearHTML = (year) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">${configuration.labelForYear}</span> <span class="small">${year}</span> </div>` : '' let hasMetadatas = (year || refDate || dateCreated || dateModified) let metadataHTML = (hasMetadatas) ? ` <div class="d-flex flex-column flex-md-row"> ${yearHTML} ${refDateHTML} ${dateCreatedHTML} ${dateModifiedHTML} </div>` : '' let listItemHTML = ` <li class="list-group-item list-group-item-flex align-items-center"> <div class="autofit-col"> <svg class="lexicon-icon text-tertiary lexicon-icon-lg" focusable="false" role="presentation" viewBox="0 0 512 512"> <use xlink:href="${spritemapBNB}#arquivo-${document.content.fileExtension}" /> </svg> </div> <div class="autofit-col autofit-col-expand"> <div class="d-flex flex-column flex-lg-row justify-content-start justify-content-lg-between"> <div class="d-flex flex-column"> <span class="list-group-title"> <a href="${document.content.contentUrl}">${document.title}</a> </span> <span class="list-group-subtitle text-uppercase small"> ${document.content.fileExtension}, ${Liferay.Util.formatStorage(document.content.sizeInBytes, {addSpaceBeforeSuffix: true})} </span> </div> ${metadataHTML} </div> </div> </li> ` return listItemHTML } // renderiza paginação function renderPaginationBar(page, lastPage, totalCount) { let paginationBar = getNodeElement(fragmentElement, 'beforeend', 'div', '.pagination-bar') let lastIndex = (page === lastPage) ? totalCount : configuration.pageSize*page let nDocuments = (page+1 === lastPage) ? totalCount - configuration.pageSize*page : configuration.pageSize paginationBar.classList.add('justify-content-center', 'justify-content-lg-between') let textColor = (configuration.textColor.cssClass) ? `text-${configuration.textColor.cssClass}` : '' paginationBar.innerHTML = ` <div class="pagination-results mr-0 ${textColor}">Exibindo 1 a ${lastIndex} de ${totalCount} documentos.</div> <ul class="pagination"> <li class="page-item"> <button class="btn btn-unstyled page-link" type="button"> Exibir mais ${nDocuments} documentos ${renderIcon('angle-down', spritemapClay, 'ml-2')} </button> </li> </ul> ` let showMoreButton = paginationBar.querySelector('button.page-link') if (page !== lastPage) { showMoreButton.addEventListener('click', e => { showMoreButton.querySelector('svg').remove() let loadAnimation = getNodeElement(showMoreButton, 'beforeend', 'span', '.loading-animation') loadAnimation.classList.add('loading-animation-sm', 'ml-2') fetchDocumentsPage(page+1) }) } else { showMoreButton.remove() } } // imprime um mensagem de alerta function displayAlert(style, title, msg, parentNode, position) { let styleIcons = { 'danger': 'exclamation-full', 'success': 'check-circle-full', 'info': 'info-circle', 'warning': 'warning-full' } let html = ` <div class="alert p-4 alert-${style}" role="alert"> <span class="alert-indicator"> ${renderIcon(styleIcons[style], spritemapClay, '')} </span> <strong>${title}:</strong> <p class="mt-2 mb-0">${msg}</p> </div> ` parentNode.insertAdjacentHTML(position, html) } // limpa mensagens de alerta function cleanAlerts() { let alerts = fragmentElement.querySelectorAll('.alert') alerts.forEach(alert => alert.remove()) } // imprime icone SGV function renderIcon(icon, spritemap, cssClasses) { return ` <svg class="lexicon-icon lexicon-icon-${icon} ${cssClasses}" focusable="false" role="presentation"> <use href="${spritemap}#${icon}"></use> </svg> ` } // retorna/cria um elemento html de uma classe css // ascendantNode é um nó ascendente // position é uma string 'beforeend', 'afterbegin' + // elementType uma string 'ul', 'div' etc // cssClass é uma classe css function getNodeElement(ascendantNode, position, elementType, cssClass) { let nodeElement if (ascendantNode.querySelector(cssClass)) { nodeElement = ascendantNode.querySelector(cssClass) } else { nodeElement = document.createElement(elementType) nodeElement = ascendantNode.insertAdjacentElement(position, nodeElement) nodeElement.classList.add(cssClass.slice(1)) } return nodeElement } // retorna nome amigável do campo usado como 1ª ordenação function getOrderByFieldName(orderByColumn) { let regExp = /^ddm__keyword__\d+__(.+)/ let matchExp = regExp.exec(orderByColumn) return (matchExp) ? matchExp[1] : Liferay.Language.get(orderByColumn) };}());</script> <div id="fragment-2316268-uvyd" > <script id="data_uvyd" type="application/json">{"title":"Regulamentos de Licitações e Contratos - Regras de Transição","type":0,"typeSettings":{"anyClassTypeDLFileEntryAssetRendererFactory":"true","orderByColumn1":"title"}}</script> <h3 class="mb-0 pb-3 text-primary text-left text-break fragment-heading-text-colored"> <div>Regras de Transição</div> </h3> <span class="loading-animation"></span> <div class="documents-list"></div> </div><script>(function() {var fragmentElement = document.querySelector('#fragment-2316268-uvyd'); var configuration = {"contentSetId":"3861504","showDateConversions":false,"showModifiedDate":false,"showRefDate":false,"textAlign":"left","pageSize":"50","showYear":false,"groupBy":"noGroup","textColor":{"cssClass":"primary","rgbValue":"rgb(122, 18, 44)"},"useTitle":true,"usePagination":false,"bottomSpacing":"3","labelForYear":"Publicado em","useContentSetTitle":false,"labelForRefDate":"Publicado em","headingLevel":"h3","showCreateDate":true,"activeDebug":false};const editMode = document.body.classList.contains('has-edit-mode-menu') const apiURL = `${Liferay.ThemeDisplay.getPortalURL()}/o/headless-delivery` const contentSetsEndPoint = `/v1.0/content-sets/${configuration.contentSetId}/content-set-elements` const restrictFields = 'title,content.contentUrl,content.dateCreated,content.dateModified,content.documentType,content.fileExtension,content.sizeInBytes' const params = { fields: restrictFields, 'pageSize': configuration.pageSize, 'page': 1 } const pathThemeImages = Liferay.ThemeDisplay.getPathThemeImages() const spritemapBNB = `${pathThemeImages}/bnb/icons.svg` const spritemapClay = `${pathThemeImages}/clay/icons.svg` const scriptAssetListJson = fragmentElement.querySelector(`script#data_${fragmentElement.id.slice(-4)}`) const assetListObject = (scriptAssetListJson) ? JSON.parse(scriptAssetListJson.text) : null const documentsList = fragmentElement.querySelector('.documents-list') const loadingAnimation = fragmentElement.querySelector('.loading-animation') const orderByYearAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência', 'ddm__keyword__47054__Ano'] const orderByMonthYearAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência'] const orderByDayAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência'] const fileEntryTypes = { 'docOrdin': 47046, 'docAnual': 47053 } const validity = (assetListObject) ? validateConfiguration() : null validity && init() // funcao de inicialização function init() { fragmentElement.classList.add('mb-4') editMode && reportConstraints() fetchDocumentsPage() } // constrói um objeto para verificar status de validade de algumas configurações function validateConfiguration() { let orderByColumn = assetListObject.typeSettings.orderByColumn1 let orderByColumnName = getOrderByFieldName(orderByColumn) let canGroupByYear = orderByYearAttrs.includes(orderByColumn) let canGroupByMonthYear = orderByMonthYearAttrs.includes(orderByColumn) let canGroupByDay = orderByDayAttrs.includes(orderByColumn) let canShowRefDate = (assetListObject.typeSettings.anyClassTypeDLFileEntryAssetRendererFactory == fileEntryTypes.docOrdin) let canShowYear = (assetListObject.typeSettings.anyClassTypeDLFileEntryAssetRendererFactory == fileEntryTypes.docAnual) let validityState = { 'canGroupByYear': { 'state': canGroupByYear, 'msg' : canGroupByYear ? '' : `A coleção não pode ser agrupada por ano, pois está ordenada por ${orderByColumnName}.` }, 'canGroupByMonthYear': { 'state': canGroupByMonthYear, 'msg' : canGroupByMonthYear ? '' : `A coleção não pode ser agrupada por mês e ano, pois está ordenada por ${orderByColumnName}.` }, 'canGroupByDay': { 'state': canGroupByDay, 'msg' : canGroupByDay ? '' : `A coleção não pode ser agrupada por dia, pois está ordenada por ${orderByColumnName}.` }, 'canShowRefDate': { 'state': canShowRefDate, 'msg' : canShowRefDate ? '' : 'Não é possível mostrar o campo Data de Referência. Esse metadado existe apenas em coleções de Documentos Ordinários.' }, 'canShowYear': { 'state': canShowYear, 'msg' : canShowYear ? '' : 'Não é possível mostrar o campo Ano. Esse metadado existe apenas em coleções de Documentos Anuais.' } } return validityState } // alerta sobre restrições na configuração function reportConstraints() { cleanAlerts() // alerta sobre restrições let validationMessages = [] configuration.groupBy == 'groupByYear' && !validity.canGroupByYear.state && validationMessages.push(validity.canGroupByYear.msg) configuration.groupBy == 'groupByMonthYear' && !validity.canGroupByMonthYear.state && validationMessages.push(validity.canGroupByMonthYear.msg) configuration.groupBy == 'groupByDay' && !validity.canGroupByDay.state && validationMessages.push(validity.canGroupByDay.msg) configuration.showRefDate && !validity.canShowRefDate.state && validationMessages.push(validity.canShowRefDate.msg) configuration.showYear && !validity.canShowYear.state && validationMessages.push(validity.canShowYear.msg) validationMessages.length > 0 && displayAlert('danger', 'Configuração inválida', validationMessages.join('<br/>'), documentsList, 'beforebegin') // debug if (configuration.activeDebug) { console.clear() console.log('Propriedades da Coleção:') console.log(assetListObject) console.log('Configuração do Fragmento:') console.log(configuration) console.log('Validade da Configuração:') console.log(validity) } } // principal funcao para pegar os dados function fetchDocumentsPage(page) { params.page = (page) ? page : params.page let request = Liferay.Util.addParams(params, apiURL+contentSetsEndPoint) fetch( request, { method: 'GET', headers: { 'Content-Type': 'application/json' } } ).then(response => { if (response.ok) { return response.json() } }).then(documents => { handleDocuments(documents) if (editMode && configuration.activeDebug) { console.log(`Retorno da requisição (page ${params.page}):`) console.log(documents) } }) } // manipula dados retornados da coleção function handleDocuments(documents) { loadingAnimation && loadingAnimation.remove() if (documents.items.length > 0) { switch (configuration.groupBy) { case 'noGroup': renderDocumentsList(documents) break case 'groupByYear': (validity.canGroupByYear.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break case 'groupByMonthYear': (validity.canGroupByMonthYear.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break case 'groupByDay': (validity.canGroupByDay.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break } configuration.usePagination && renderPaginationBar(documents.page, documents.lastPage, documents.totalCount) } else { displayAlert('info', 'Aviso', 'Não foram encontrados documentos', documentsList, 'afterbegin') } } // renderiza lista agrupada function renderDocumentsListByGroup(documents) { let lastListGroup = documentsList.querySelector('.list-group:last-child') let currentGroup = (lastListGroup) ? lastListGroup.dataset.group : 0 configuration.activeDebug && configuration.showDateConversions && editMode && console.log(`Extração do grupo a partir do campo ${getOrderByFieldName(assetListObject.typeSettings.orderByColumn1)}:`) documents.items.forEach(doc => { let group = getDocumentGroup(doc) if (currentGroup != group) { let listGroup = document.createElement('ul') listGroup.classList.add('list-group') listGroup.dataset.group = group listGroup.setAttribute('aria-label', `${assetListObject.title} de ${group}`) lastListGroup = documentsList.insertAdjacentElement('beforeend', listGroup) lastListGroup.insertAdjacentHTML('afterbegin', renderListGroupHeader(group)) currentGroup = group } lastListGroup.insertAdjacentHTML('beforeend', renderListGroupItem(doc)) }) } // extrai e retorna o dado (string) utilizado como agrupador (dia, mês ou ano) a partir do campo utilizado como primeira ordenação da coleção function getDocumentGroup(document) { let fieldData let group let dateField let options let test let orderByColumn = assetListObject.typeSettings.orderByColumn1 switch (orderByColumn) { case 'ddm__keyword__47047__DataReferência': fieldData = document.content.documentType.contentFields[0].contentFieldValue.data break case 'ddm__keyword__47054__Ano': fieldData = document.content.documentType.contentFields[0].contentFieldValue.data break case 'modifiedDate': fieldData = document.content.dateModified break case 'createDate': fieldData = document.content.dateCreated break case 'publishDate': // verificar esse caso por que não há uma campo data de publicação em coleções de documentos fieldData = document.content.dateCreated break } dateField = new Date(fieldData) switch (configuration.groupBy) { case 'groupByYear': test = (orderByColumn == 'ddm__keyword__47047__DataReferência' || orderByColumn == 'ddm__keyword__47054__Ano') group = test ? dateField.getUTCFullYear() : dateField.getFullYear() break case 'groupByMonthYear': test = (orderByColumn == 'ddm__keyword__47047__DataReferência') options = test ? {month:'long', year:'numeric', timeZone: 'UTC'} : { month:'long', year:'numeric' } group = dateField.toLocaleDateString('pt-BR', options) group = group.charAt(0).toUpperCase() + group.slice(1) break case 'groupByDay': test = (orderByColumn == 'ddm__keyword__47047__DataReferência') options = test ? {timeZone: 'UTC'} : {} group = dateField.toLocaleDateString('pt-BR', options) break } configuration.activeDebug && configuration.showDateConversions && editMode && console.log(`${fieldData} --> ${group}`) return group } // renderiza lista comum function renderDocumentsList(documents) { let listGroup = getNodeElement(documentsList, 'afterbegin', 'ul', '.list-group') listGroup.setAttribute('aria-label', assetListObject.title) documents.items.forEach(doc => { listGroup.insertAdjacentHTML('beforeend', renderListGroupItem(doc)) }) } // renderiza cabeçalho da lista function renderListGroupHeader(title) { let listHeaderHTML = ` <li class="list-group-header"> <span class="list-group-header-title"><big>${title}</big></span> </li> ` return listHeaderHTML } // renderiza um item da lista function renderListGroupItem(document) { let dateCreated = (configuration.showCreateDate) ? new Date(document.content.dateCreated) : null let dateCreatedHTML = (dateCreated) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">Publicado em</span> <span class="small">${dateCreated.toLocaleDateString('pt-BR')}</span> </div>` : '' let dateModified = (configuration.showModifiedDate) ? new Date(document.content.dateModified) : null let dateModifiedHTML = (dateModified) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">Atualizado em</span> <span class="small">${dateModified.toLocaleDateString('pt-BR')}</span> </div>` : '' let refDate = (configuration.showRefDate && validity.canShowRefDate.state) ? new Date(document.content.documentType.contentFields[0].contentFieldValue.data) : null let refDateHTML = (refDate) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">${configuration.labelForRefDate}</span> <span class="small">${refDate.toLocaleDateString('pt-BR', {timeZone: 'UTC'})}</span> </div>` : '' let year = (configuration.showYear && validity.canShowYear.state) ? document.content.documentType.contentFields[0].contentFieldValue.data : null let yearHTML = (year) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">${configuration.labelForYear}</span> <span class="small">${year}</span> </div>` : '' let hasMetadatas = (year || refDate || dateCreated || dateModified) let metadataHTML = (hasMetadatas) ? ` <div class="d-flex flex-column flex-md-row"> ${yearHTML} ${refDateHTML} ${dateCreatedHTML} ${dateModifiedHTML} </div>` : '' let listItemHTML = ` <li class="list-group-item list-group-item-flex align-items-center"> <div class="autofit-col"> <svg class="lexicon-icon text-tertiary lexicon-icon-lg" focusable="false" role="presentation" viewBox="0 0 512 512"> <use xlink:href="${spritemapBNB}#arquivo-${document.content.fileExtension}" /> </svg> </div> <div class="autofit-col autofit-col-expand"> <div class="d-flex flex-column flex-lg-row justify-content-start justify-content-lg-between"> <div class="d-flex flex-column"> <span class="list-group-title"> <a href="${document.content.contentUrl}">${document.title}</a> </span> <span class="list-group-subtitle text-uppercase small"> ${document.content.fileExtension}, ${Liferay.Util.formatStorage(document.content.sizeInBytes, {addSpaceBeforeSuffix: true})} </span> </div> ${metadataHTML} </div> </div> </li> ` return listItemHTML } // renderiza paginação function renderPaginationBar(page, lastPage, totalCount) { let paginationBar = getNodeElement(fragmentElement, 'beforeend', 'div', '.pagination-bar') let lastIndex = (page === lastPage) ? totalCount : configuration.pageSize*page let nDocuments = (page+1 === lastPage) ? totalCount - configuration.pageSize*page : configuration.pageSize paginationBar.classList.add('justify-content-center', 'justify-content-lg-between') let textColor = (configuration.textColor.cssClass) ? `text-${configuration.textColor.cssClass}` : '' paginationBar.innerHTML = ` <div class="pagination-results mr-0 ${textColor}">Exibindo 1 a ${lastIndex} de ${totalCount} documentos.</div> <ul class="pagination"> <li class="page-item"> <button class="btn btn-unstyled page-link" type="button"> Exibir mais ${nDocuments} documentos ${renderIcon('angle-down', spritemapClay, 'ml-2')} </button> </li> </ul> ` let showMoreButton = paginationBar.querySelector('button.page-link') if (page !== lastPage) { showMoreButton.addEventListener('click', e => { showMoreButton.querySelector('svg').remove() let loadAnimation = getNodeElement(showMoreButton, 'beforeend', 'span', '.loading-animation') loadAnimation.classList.add('loading-animation-sm', 'ml-2') fetchDocumentsPage(page+1) }) } else { showMoreButton.remove() } } // imprime um mensagem de alerta function displayAlert(style, title, msg, parentNode, position) { let styleIcons = { 'danger': 'exclamation-full', 'success': 'check-circle-full', 'info': 'info-circle', 'warning': 'warning-full' } let html = ` <div class="alert p-4 alert-${style}" role="alert"> <span class="alert-indicator"> ${renderIcon(styleIcons[style], spritemapClay, '')} </span> <strong>${title}:</strong> <p class="mt-2 mb-0">${msg}</p> </div> ` parentNode.insertAdjacentHTML(position, html) } // limpa mensagens de alerta function cleanAlerts() { let alerts = fragmentElement.querySelectorAll('.alert') alerts.forEach(alert => alert.remove()) } // imprime icone SGV function renderIcon(icon, spritemap, cssClasses) { return ` <svg class="lexicon-icon lexicon-icon-${icon} ${cssClasses}" focusable="false" role="presentation"> <use href="${spritemap}#${icon}"></use> </svg> ` } // retorna/cria um elemento html de uma classe css // ascendantNode é um nó ascendente // position é uma string 'beforeend', 'afterbegin' + // elementType uma string 'ul', 'div' etc // cssClass é uma classe css function getNodeElement(ascendantNode, position, elementType, cssClass) { let nodeElement if (ascendantNode.querySelector(cssClass)) { nodeElement = ascendantNode.querySelector(cssClass) } else { nodeElement = document.createElement(elementType) nodeElement = ascendantNode.insertAdjacentElement(position, nodeElement) nodeElement.classList.add(cssClass.slice(1)) } return nodeElement } // retorna nome amigável do campo usado como 1ª ordenação function getOrderByFieldName(orderByColumn) { let regExp = /^ddm__keyword__\d+__(.+)/ let matchExp = regExp.exec(orderByColumn) return (matchExp) ? matchExp[1] : Liferay.Language.get(orderByColumn) };}());</script> <div id="fragment-2316268-emsx" > <script id="data_emsx" type="application/json">{"title":"Regulamento Anteriores de Licitações e Contratos","type":0,"typeSettings":{"anyClassTypeDLFileEntryAssetRendererFactory":"true","orderByColumn1":"title"}}</script> <h3 class="mb-0 pb-3 text-primary text-left text-break fragment-heading-text-colored"> <div>Anteriores</div> </h3> <span class="loading-animation"></span> <div class="documents-list"></div> </div><script>(function() {var fragmentElement = document.querySelector('#fragment-2316268-emsx'); var configuration = {"contentSetId":"2715508","showDateConversions":false,"showModifiedDate":false,"showRefDate":false,"textAlign":"left","pageSize":"50","showYear":false,"groupBy":"noGroup","textColor":{"cssClass":"primary","rgbValue":"rgb(122, 18, 44)"},"useTitle":true,"usePagination":false,"bottomSpacing":"3","labelForYear":"Ocorrido em","useContentSetTitle":false,"labelForRefDate":"Referente a","headingLevel":"h3","showCreateDate":true,"activeDebug":false};const editMode = document.body.classList.contains('has-edit-mode-menu') const apiURL = `${Liferay.ThemeDisplay.getPortalURL()}/o/headless-delivery` const contentSetsEndPoint = `/v1.0/content-sets/${configuration.contentSetId}/content-set-elements` const restrictFields = 'title,content.contentUrl,content.dateCreated,content.dateModified,content.documentType,content.fileExtension,content.sizeInBytes' const params = { fields: restrictFields, 'pageSize': configuration.pageSize, 'page': 1 } const pathThemeImages = Liferay.ThemeDisplay.getPathThemeImages() const spritemapBNB = `${pathThemeImages}/bnb/icons.svg` const spritemapClay = `${pathThemeImages}/clay/icons.svg` const scriptAssetListJson = fragmentElement.querySelector(`script#data_${fragmentElement.id.slice(-4)}`) const assetListObject = (scriptAssetListJson) ? JSON.parse(scriptAssetListJson.text) : null const documentsList = fragmentElement.querySelector('.documents-list') const loadingAnimation = fragmentElement.querySelector('.loading-animation') const orderByYearAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência', 'ddm__keyword__47054__Ano'] const orderByMonthYearAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência'] const orderByDayAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência'] const fileEntryTypes = { 'docOrdin': 47046, 'docAnual': 47053 } const validity = (assetListObject) ? validateConfiguration() : null validity && init() // funcao de inicialização function init() { fragmentElement.classList.add('mb-4') editMode && reportConstraints() fetchDocumentsPage() } // constrói um objeto para verificar status de validade de algumas configurações function validateConfiguration() { let orderByColumn = assetListObject.typeSettings.orderByColumn1 let orderByColumnName = getOrderByFieldName(orderByColumn) let canGroupByYear = orderByYearAttrs.includes(orderByColumn) let canGroupByMonthYear = orderByMonthYearAttrs.includes(orderByColumn) let canGroupByDay = orderByDayAttrs.includes(orderByColumn) let canShowRefDate = (assetListObject.typeSettings.anyClassTypeDLFileEntryAssetRendererFactory == fileEntryTypes.docOrdin) let canShowYear = (assetListObject.typeSettings.anyClassTypeDLFileEntryAssetRendererFactory == fileEntryTypes.docAnual) let validityState = { 'canGroupByYear': { 'state': canGroupByYear, 'msg' : canGroupByYear ? '' : `A coleção não pode ser agrupada por ano, pois está ordenada por ${orderByColumnName}.` }, 'canGroupByMonthYear': { 'state': canGroupByMonthYear, 'msg' : canGroupByMonthYear ? '' : `A coleção não pode ser agrupada por mês e ano, pois está ordenada por ${orderByColumnName}.` }, 'canGroupByDay': { 'state': canGroupByDay, 'msg' : canGroupByDay ? '' : `A coleção não pode ser agrupada por dia, pois está ordenada por ${orderByColumnName}.` }, 'canShowRefDate': { 'state': canShowRefDate, 'msg' : canShowRefDate ? '' : 'Não é possível mostrar o campo Data de Referência. Esse metadado existe apenas em coleções de Documentos Ordinários.' }, 'canShowYear': { 'state': canShowYear, 'msg' : canShowYear ? '' : 'Não é possível mostrar o campo Ano. Esse metadado existe apenas em coleções de Documentos Anuais.' } } return validityState } // alerta sobre restrições na configuração function reportConstraints() { cleanAlerts() // alerta sobre restrições let validationMessages = [] configuration.groupBy == 'groupByYear' && !validity.canGroupByYear.state && validationMessages.push(validity.canGroupByYear.msg) configuration.groupBy == 'groupByMonthYear' && !validity.canGroupByMonthYear.state && validationMessages.push(validity.canGroupByMonthYear.msg) configuration.groupBy == 'groupByDay' && !validity.canGroupByDay.state && validationMessages.push(validity.canGroupByDay.msg) configuration.showRefDate && !validity.canShowRefDate.state && validationMessages.push(validity.canShowRefDate.msg) configuration.showYear && !validity.canShowYear.state && validationMessages.push(validity.canShowYear.msg) validationMessages.length > 0 && displayAlert('danger', 'Configuração inválida', validationMessages.join('<br/>'), documentsList, 'beforebegin') // debug if (configuration.activeDebug) { console.clear() console.log('Propriedades da Coleção:') console.log(assetListObject) console.log('Configuração do Fragmento:') console.log(configuration) console.log('Validade da Configuração:') console.log(validity) } } // principal funcao para pegar os dados function fetchDocumentsPage(page) { params.page = (page) ? page : params.page let request = Liferay.Util.addParams(params, apiURL+contentSetsEndPoint) fetch( request, { method: 'GET', headers: { 'Content-Type': 'application/json' } } ).then(response => { if (response.ok) { return response.json() } }).then(documents => { handleDocuments(documents) if (editMode && configuration.activeDebug) { console.log(`Retorno da requisição (page ${params.page}):`) console.log(documents) } }) } // manipula dados retornados da coleção function handleDocuments(documents) { loadingAnimation && loadingAnimation.remove() if (documents.items.length > 0) { switch (configuration.groupBy) { case 'noGroup': renderDocumentsList(documents) break case 'groupByYear': (validity.canGroupByYear.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break case 'groupByMonthYear': (validity.canGroupByMonthYear.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break case 'groupByDay': (validity.canGroupByDay.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break } configuration.usePagination && renderPaginationBar(documents.page, documents.lastPage, documents.totalCount) } else { displayAlert('info', 'Aviso', 'Não foram encontrados documentos', documentsList, 'afterbegin') } } // renderiza lista agrupada function renderDocumentsListByGroup(documents) { let lastListGroup = documentsList.querySelector('.list-group:last-child') let currentGroup = (lastListGroup) ? lastListGroup.dataset.group : 0 configuration.activeDebug && configuration.showDateConversions && editMode && console.log(`Extração do grupo a partir do campo ${getOrderByFieldName(assetListObject.typeSettings.orderByColumn1)}:`) documents.items.forEach(doc => { let group = getDocumentGroup(doc) if (currentGroup != group) { let listGroup = document.createElement('ul') listGroup.classList.add('list-group') listGroup.dataset.group = group listGroup.setAttribute('aria-label', `${assetListObject.title} de ${group}`) lastListGroup = documentsList.insertAdjacentElement('beforeend', listGroup) lastListGroup.insertAdjacentHTML('afterbegin', renderListGroupHeader(group)) currentGroup = group } lastListGroup.insertAdjacentHTML('beforeend', renderListGroupItem(doc)) }) } // extrai e retorna o dado (string) utilizado como agrupador (dia, mês ou ano) a partir do campo utilizado como primeira ordenação da coleção function getDocumentGroup(document) { let fieldData let group let dateField let options let test let orderByColumn = assetListObject.typeSettings.orderByColumn1 switch (orderByColumn) { case 'ddm__keyword__47047__DataReferência': fieldData = document.content.documentType.contentFields[0].contentFieldValue.data break case 'ddm__keyword__47054__Ano': fieldData = document.content.documentType.contentFields[0].contentFieldValue.data break case 'modifiedDate': fieldData = document.content.dateModified break case 'createDate': fieldData = document.content.dateCreated break case 'publishDate': // verificar esse caso por que não há uma campo data de publicação em coleções de documentos fieldData = document.content.dateCreated break } dateField = new Date(fieldData) switch (configuration.groupBy) { case 'groupByYear': test = (orderByColumn == 'ddm__keyword__47047__DataReferência' || orderByColumn == 'ddm__keyword__47054__Ano') group = test ? dateField.getUTCFullYear() : dateField.getFullYear() break case 'groupByMonthYear': test = (orderByColumn == 'ddm__keyword__47047__DataReferência') options = test ? {month:'long', year:'numeric', timeZone: 'UTC'} : { month:'long', year:'numeric' } group = dateField.toLocaleDateString('pt-BR', options) group = group.charAt(0).toUpperCase() + group.slice(1) break case 'groupByDay': test = (orderByColumn == 'ddm__keyword__47047__DataReferência') options = test ? {timeZone: 'UTC'} : {} group = dateField.toLocaleDateString('pt-BR', options) break } configuration.activeDebug && configuration.showDateConversions && editMode && console.log(`${fieldData} --> ${group}`) return group } // renderiza lista comum function renderDocumentsList(documents) { let listGroup = getNodeElement(documentsList, 'afterbegin', 'ul', '.list-group') listGroup.setAttribute('aria-label', assetListObject.title) documents.items.forEach(doc => { listGroup.insertAdjacentHTML('beforeend', renderListGroupItem(doc)) }) } // renderiza cabeçalho da lista function renderListGroupHeader(title) { let listHeaderHTML = ` <li class="list-group-header"> <span class="list-group-header-title"><big>${title}</big></span> </li> ` return listHeaderHTML } // renderiza um item da lista function renderListGroupItem(document) { let dateCreated = (configuration.showCreateDate) ? new Date(document.content.dateCreated) : null let dateCreatedHTML = (dateCreated) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">Publicado em</span> <span class="small">${dateCreated.toLocaleDateString('pt-BR')}</span> </div>` : '' let dateModified = (configuration.showModifiedDate) ? new Date(document.content.dateModified) : null let dateModifiedHTML = (dateModified) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">Atualizado em</span> <span class="small">${dateModified.toLocaleDateString('pt-BR')}</span> </div>` : '' let refDate = (configuration.showRefDate && validity.canShowRefDate.state) ? new Date(document.content.documentType.contentFields[0].contentFieldValue.data) : null let refDateHTML = (refDate) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">${configuration.labelForRefDate}</span> <span class="small">${refDate.toLocaleDateString('pt-BR', {timeZone: 'UTC'})}</span> </div>` : '' let year = (configuration.showYear && validity.canShowYear.state) ? document.content.documentType.contentFields[0].contentFieldValue.data : null let yearHTML = (year) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">${configuration.labelForYear}</span> <span class="small">${year}</span> </div>` : '' let hasMetadatas = (year || refDate || dateCreated || dateModified) let metadataHTML = (hasMetadatas) ? ` <div class="d-flex flex-column flex-md-row"> ${yearHTML} ${refDateHTML} ${dateCreatedHTML} ${dateModifiedHTML} </div>` : '' let listItemHTML = ` <li class="list-group-item list-group-item-flex align-items-center"> <div class="autofit-col"> <svg class="lexicon-icon text-tertiary lexicon-icon-lg" focusable="false" role="presentation" viewBox="0 0 512 512"> <use xlink:href="${spritemapBNB}#arquivo-${document.content.fileExtension}" /> </svg> </div> <div class="autofit-col autofit-col-expand"> <div class="d-flex flex-column flex-lg-row justify-content-start justify-content-lg-between"> <div class="d-flex flex-column"> <span class="list-group-title"> <a href="${document.content.contentUrl}">${document.title}</a> </span> <span class="list-group-subtitle text-uppercase small"> ${document.content.fileExtension}, ${Liferay.Util.formatStorage(document.content.sizeInBytes, {addSpaceBeforeSuffix: true})} </span> </div> ${metadataHTML} </div> </div> </li> ` return listItemHTML } // renderiza paginação function renderPaginationBar(page, lastPage, totalCount) { let paginationBar = getNodeElement(fragmentElement, 'beforeend', 'div', '.pagination-bar') let lastIndex = (page === lastPage) ? totalCount : configuration.pageSize*page let nDocuments = (page+1 === lastPage) ? totalCount - configuration.pageSize*page : configuration.pageSize paginationBar.classList.add('justify-content-center', 'justify-content-lg-between') let textColor = (configuration.textColor.cssClass) ? `text-${configuration.textColor.cssClass}` : '' paginationBar.innerHTML = ` <div class="pagination-results mr-0 ${textColor}">Exibindo 1 a ${lastIndex} de ${totalCount} documentos.</div> <ul class="pagination"> <li class="page-item"> <button class="btn btn-unstyled page-link" type="button"> Exibir mais ${nDocuments} documentos ${renderIcon('angle-down', spritemapClay, 'ml-2')} </button> </li> </ul> ` let showMoreButton = paginationBar.querySelector('button.page-link') if (page !== lastPage) { showMoreButton.addEventListener('click', e => { showMoreButton.querySelector('svg').remove() let loadAnimation = getNodeElement(showMoreButton, 'beforeend', 'span', '.loading-animation') loadAnimation.classList.add('loading-animation-sm', 'ml-2') fetchDocumentsPage(page+1) }) } else { showMoreButton.remove() } } // imprime um mensagem de alerta function displayAlert(style, title, msg, parentNode, position) { let styleIcons = { 'danger': 'exclamation-full', 'success': 'check-circle-full', 'info': 'info-circle', 'warning': 'warning-full' } let html = ` <div class="alert p-4 alert-${style}" role="alert"> <span class="alert-indicator"> ${renderIcon(styleIcons[style], spritemapClay, '')} </span> <strong>${title}:</strong> <p class="mt-2 mb-0">${msg}</p> </div> ` parentNode.insertAdjacentHTML(position, html) } // limpa mensagens de alerta function cleanAlerts() { let alerts = fragmentElement.querySelectorAll('.alert') alerts.forEach(alert => alert.remove()) } // imprime icone SGV function renderIcon(icon, spritemap, cssClasses) { return ` <svg class="lexicon-icon lexicon-icon-${icon} ${cssClasses}" focusable="false" role="presentation"> <use href="${spritemap}#${icon}"></use> </svg> ` } // retorna/cria um elemento html de uma classe css // ascendantNode é um nó ascendente // position é uma string 'beforeend', 'afterbegin' + // elementType uma string 'ul', 'div' etc // cssClass é uma classe css function getNodeElement(ascendantNode, position, elementType, cssClass) { let nodeElement if (ascendantNode.querySelector(cssClass)) { nodeElement = ascendantNode.querySelector(cssClass) } else { nodeElement = document.createElement(elementType) nodeElement = ascendantNode.insertAdjacentElement(position, nodeElement) nodeElement.classList.add(cssClass.slice(1)) } return nodeElement } // retorna nome amigável do campo usado como 1ª ordenação function getOrderByFieldName(orderByColumn) { let regExp = /^ddm__keyword__\d+__(.+)/ let matchExp = regExp.exec(orderByColumn) return (matchExp) ? matchExp[1] : Liferay.Language.get(orderByColumn) };}());</script> </div> </div> </div> </section>]]>
4026 <![CDATA[<section class="bg-quaternary" style=""> <div class="container px-3 py-5"> <div class="row "> <div class="col-md-12"> <div id="fragment-0-mwyx" > <h2 class="component-heading mb-0 pb-3 text-left text-break "> <span>Bens à Venda</span> </h2></div><script>(function() {var fragmentElement = document.querySelector('#fragment-0-mwyx'); var configuration = {"textAlign":"left","bottomSpacing":"3","headingLevel":"h2","textColor":{"cssClass":"","rgbValue":""}};/** * Copyright (c) 2000-present Liferay, Inc. All rights reserved. * * This library is free software; you can redistribute it and/or modify it under * the terms of the GNU Lesser General Public License as published by the Free * Software Foundation; either version 2.1 of the License, or (at your option) * any later version. * * This library is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more * details. */;}());</script> <div id="fragment-47410-mzrl" > <div class="card card-horizontal shadow"> <div class="card-body"> <div class="card-row"> <div class="autofit-col align-self-start" style="font-size:4.5rem"> <svg class="lexicon-icon lexicon-icon-arquivo-pdf text-tertiary mt-1" focusable="false" id="pscm" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#arquivo-pdf" /></svg> </div> <div class="autofit-col autofit-col-expand autofit-col-gutters"> <div class="card-title"><div class="h6"><a href="https://www.bnb.gov.br/documents/45835/0/Rela%C3%A7%C3%A3o+de+bens+dispon%C3%ADveis+%C3%A0+venda.pdf/55359928-0cd2-7b30-7c76-52798720bc99?version=4.0&amp;t=1689269818447&amp;download=true" class="stretched-link">Relação de bens disponíveis à venda.pdf</a></div></div> <div class="card-subtitle"> <span class="font-weight-bold">Atualizado em: </span>13/07/2023 </div> <div class="card-detail"> <span class="label label-unstyled text-uppercase" id="drug"><span class="label-item label-item-expand">pdf</span></span><span class="label label-unstyled text-uppercase" id="jtiw"><span class="label-item label-item-expand">140 KB</span></span> </div> </div> </div> </div> </div></div><style>.fragment_136960 { }</style> <div id="fragment-47410-uyoe" > <div class="card card-horizontal shadow"> <div class="card-body"> <div class="card-row"> <div class="autofit-col align-self-start" style="font-size:4.5rem"> <svg class="lexicon-icon lexicon-icon-arquivo-pdf text-tertiary mt-1" focusable="false" id="mgbe" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#arquivo-pdf" /></svg> </div> <div class="autofit-col autofit-col-expand autofit-col-gutters"> <div class="card-title"><div class="h6"><a href="https://www.bnb.gov.br/documents/45835/0/Bem+dispon%C3%ADvel-+aliena%C3%A7%C3%A3o+iniciativa+particular.pdf/5192c7a2-cd05-3fde-a431-e72a3b9e36ae?version=1.0&amp;t=1686940433516&amp;download=true" class="stretched-link">Bem disponível- alienação iniciativa particular.pdf</a></div></div> <div class="card-subtitle"> <span class="font-weight-bold">Atualizado em: </span>16/06/2023 </div> <div class="card-detail"> <span class="label label-unstyled text-uppercase" id="bkwp"><span class="label-item label-item-expand">pdf</span></span><span class="label label-unstyled text-uppercase" id="tjsw"><span class="label-item label-item-expand">45 KB</span></span> </div> </div> </div> </div> </div></div> <div id="fragment-0-xnkx" > <div class="py-3"></div></div><script>(function() {var fragmentElement = document.querySelector('#fragment-0-xnkx'); var configuration = {"height":"py-3"};/** * Copyright (c) 2000-present Liferay, Inc. All rights reserved. * * This library is free software; you can redistribute it and/or modify it under * the terms of the GNU Lesser General Public License as published by the Free * Software Foundation; either version 2.1 of the License, or (at your option) * any later version. * * This library is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more * details. */;}());</script> <div id="fragment-0-smmd" > <h2 class="component-heading mb-0 pb-3 text-left text-break "> <span>Empresas Suspensas ou Impedidas de Licitar e Contratar</span> </h2></div><script>(function() {var fragmentElement = document.querySelector('#fragment-0-smmd'); var configuration = {"textAlign":"left","bottomSpacing":"3","headingLevel":"h2","textColor":{"cssClass":"","rgbValue":""}};/** * Copyright (c) 2000-present Liferay, Inc. All rights reserved. * * This library is free software; you can redistribute it and/or modify it under * the terms of the GNU Lesser General Public License as published by the Free * Software Foundation; either version 2.1 of the License, or (at your option) * any later version. * * This library is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more * details. */;}());</script> <div id="fragment-47410-juwz" > <div class="card card-horizontal shadow"> <div class="card-body"> <div class="card-row"> <div class="autofit-col align-self-start" style="font-size:4.5rem"> <svg class="lexicon-icon lexicon-icon-arquivo-pdf text-tertiary mt-1" focusable="false" id="rgdh" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#arquivo-pdf" /></svg> </div> <div class="autofit-col autofit-col-expand autofit-col-gutters"> <div class="card-title"><div class="h6"><a href="https://www.bnb.gov.br/documents/45835/0/Rela%C3%A7%C3%A3o+de+empresas+suspensas+ou+impedidas+de+licitar+e+contratar.pdf/885f77a2-eb05-6005-2890-778867c0bf04?version=9.0&amp;t=1691013219391&amp;download=true" class="stretched-link">Relação de empresas suspensas ou impedidas de licitar e contratar.pdf</a></div></div> <div class="card-subtitle"> <span class="font-weight-bold">Atualizado em: </span>02/08/2023 </div> <div class="card-detail"> <span class="label label-unstyled text-uppercase" id="runm"><span class="label-item label-item-expand">pdf</span></span><span class="label label-unstyled text-uppercase" id="yhiu"><span class="label-item label-item-expand">7 KB</span></span> </div> </div> </div> </div> </div></div> </div> </div> </div> </section>]]>
4059 <![CDATA[<div class="autofit-col align-self-start" style="font-size:4.5rem"> <svg class="lexicon-icon lexicon-icon-arquivo-pdf text-tertiary mt-1" focusable="false" id="pscm" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#arquivo-pdf" /></svg> </div>]]>
4083 <![CDATA[<div class="autofit-col align-self-start" style="font-size:4.5rem"> <svg class="lexicon-icon lexicon-icon-arquivo-pdf text-tertiary mt-1" focusable="false" id="mgbe" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#arquivo-pdf" /></svg> </div>]]>
4140 <![CDATA[<div class="autofit-col align-self-start" style="font-size:4.5rem"> <svg class="lexicon-icon lexicon-icon-arquivo-pdf text-tertiary mt-1" focusable="false" id="rgdh" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#arquivo-pdf" /></svg> </div>]]>
4460 <![CDATA[<a aria-label="Instagram" href="https://www.instagram.com/bancodonordeste/" target="_blank" class="mx-2 lexicon-icon-box bg-dark text-white rounded-circle" style="font-size:1.3em" role="menuitem"> <span> <svg class="lexicon-icon lexicon-icon-social-instagram" focusable="false" id="ykgz" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#social-instagram"/></svg> </span> <span class="hide-accessible">Instagram</span> </a>]]>
4465 <![CDATA[<a aria-label="Youtube" href="https://www.youtube.com/bancodonordesteoficial" target="_blank" class="mx-2 lexicon-icon-box bg-dark text-white rounded-circle" style="font-size:1.3em" role="menuitem"> <span> <svg class="lexicon-icon lexicon-icon-social-youtube" focusable="false" id="rfih" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#social-youtube"/></svg> </span> <span class="hide-accessible">Youtube</span> </a>]]>
4470 <![CDATA[<a aria-label="Facebook" href="https://www.facebook.com/bancodonordeste" target="_blank" class="mx-2 lexicon-icon-box bg-dark text-white rounded-circle" style="font-size:1.3em" role="menuitem"> <span> <svg class="lexicon-icon lexicon-icon-social-facebook" focusable="false" id="wwwj" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#social-facebook"/></svg> </span> <span class="hide-accessible">Facebook</span> </a>]]>
4475 <![CDATA[<a aria-label="Twitter" href="https://twitter.com/BancodoNordeste" target="_blank" class="mx-2 lexicon-icon-box bg-dark text-white rounded-circle" style="font-size:1.3em" role="menuitem"> <span> <svg class="lexicon-icon lexicon-icon-social-twitter" focusable="false" id="hbyq" role="presentation"><use xlink:href="https://www.bnb.gov.br/o/bnb-dxp-theme/images/bnb/icons.svg#social-twitter"/></svg> </span> <span class="hide-accessible">Twitter</span> </a>]]>
4558 <![CDATA[<img alt="Selo da Ética" style="width:154px" src="https://www.bnb.gov.br/o/bnb-dxp-theme/images/selo-etica.svg" />]]>
4561 <![CDATA[<img alt="Selo da Lei de Acesso à Informação" style="width:42px" src="https://www.bnb.gov.br/o/bnb-dxp-theme/images/selo-lai.svg" />]]>
725 <![CDATA[<style data-senna-track="temporary" type="text/css"> </style>]]>
2235 <![CDATA[<style> .isDisabled { color: darkslategray !important; pointer-events: none; } .confIcon{ height:0.7em; margin-top:0; } </style>]]>
2294 <![CDATA[<style>.fragment_1170299 { }</style>]]>
2302 <![CDATA[<style>.component-paragraph img { max-width: 100%; }</style>]]>
2815 <![CDATA[<style>.fragment-heading-text-colored a { color: inherit; }</style>]]>
2845 <![CDATA[<style>.page-item button { border-radius: 2rem !important; }</style>]]>
4073 <![CDATA[<style>.fragment_136960 { }</style>]]>
225 <![CDATA[<script data-senna-track="temporary" type="text/javascript"> // <![CDATA[ var Liferay = Liferay || {}; Liferay.Browser = { acceptsGzip: function() { return false; }, getMajorVersion: function() { return 0; }, getRevision: function() { return ''; }, getVersion: function() { return ''; }, isAir: function() { return false; }, isChrome: function() { return false; }, isEdge: function() { return false; }, isFirefox: function() { return false; }, isGecko: function() { return false; }, isIe: function() { return false; }, isIphone: function() { return false; }, isLinux: function() { return false; }, isMac: function() { return false; }, isMobile: function() { return false; }, isMozilla: function() { return false; }, isOpera: function() { return false; }, isRtf: function() { return false; }, isSafari: function() { return false; }, isSun: function() { return false; }, isWebKit: function() { return false; }, isWindows: function() { return false; } }; Liferay.Data = Liferay.Data || {}; Liferay.Data.ICONS_INLINE_SVG = true; Liferay.Data.NAV_SELECTOR = '#navigation'; Liferay.Data.NAV_SELECTOR_MOBILE = '#navigationCollapse'; Liferay.Data.isCustomizationView = function() { return false; }; Liferay.Data.notices = [ null ]; Liferay.PortletKeys = { DOCUMENT_LIBRARY: 'com_liferay_document_library_web_portlet_DLPortlet', DYNAMIC_DATA_MAPPING: 'com_liferay_dynamic_data_mapping_web_portlet_DDMPortlet', ITEM_SELECTOR: 'com_liferay_item_selector_web_portlet_ItemSelectorPortlet' }; Liferay.PropsValues = { JAVASCRIPT_SINGLE_PAGE_APPLICATION_TIMEOUT: 0, NTLM_AUTH_ENABLED: false, UPLOAD_SERVLET_REQUEST_IMPL_MAX_SIZE: 104857600 }; Liferay.ThemeDisplay = { getLayoutId: function() { return '61'; }, getLayoutRelativeControlPanelURL: function() { return '/group/guest/~/control_panel/manage'; }, getLayoutRelativeURL: function() { return '/web/guest/acesso-a-informacao/licitacoes-e-contratos'; }, getLayoutURL: function() { return 'https://www.bnb.gov.br/web/guest/acesso-a-informacao/licitacoes-e-contratos'; }, getParentLayoutId: function() { return '15'; }, isControlPanel: function() { return false; }, isPrivateLayout: function() { return 'false'; }, isVirtualLayout: function() { return false; }, getBCP47LanguageId: function() { return 'pt-BR'; }, getCanonicalURL: function() { return 'https\x3a\x2f\x2fwww\x2ebnb\x2egov\x2ebr\x2facesso-a-informacao\x2flicitacoes-e-contratos'; }, getCDNBaseURL: function() { return 'https://www.bnb.gov.br'; }, getCDNDynamicResourcesHost: function() { return ''; }, getCDNHost: function() { return ''; }, getCompanyGroupId: function() { return '20128'; }, getCompanyId: function() { return '20101'; }, getDefaultLanguageId: function() { return 'pt_BR'; }, getDoAsUserIdEncoded: function() { return ''; }, getLanguageId: function() { return 'pt_BR'; }, getParentGroupId: function() { return '20124'; }, getPathContext: function() { return ''; }, getPathImage: function() { return '/image'; }, getPathJavaScript: function() { return '/o/frontend-js-web'; }, getPathMain: function() { return '/c'; }, getPathThemeImages: function() { return 'https://www.bnb.gov.br/o/bnb-dxp-theme/images'; }, getPathThemeRoot: function() { return '/o/bnb-dxp-theme'; }, getPlid: function() { return '88'; }, getPortalURL: function() { return 'https://www.bnb.gov.br'; }, getRealUserId: function() { return '20105'; }, getScopeGroupId: function() { return '20124'; }, getScopeGroupIdOrLiveGroupId: function() { return '20124'; }, getSessionId: function() { return ''; }, getSiteAdminURL: function() { return 'https://www.bnb.gov.br/group/guest/~/control_panel/manage?p_p_lifecycle=0&p_p_state=maximized&p_p_mode=view'; }, getSiteGroupId: function() { return '20124'; }, getURLControlPanel: function() { return '/group/control_panel?refererPlid=88'; }, getURLHome: function() { return 'https\x3a\x2f\x2fwww\x2ebnb\x2egov\x2ebr\x2fweb\x2fguest'; }, getUserEmailAddress: function() { return ''; }, getUserId: function() { return '20105'; }, getUserName: function() { return ''; }, isAddSessionIdToURL: function() { return false; }, isImpersonated: function() { return false; }, isSignedIn: function() { return false; }, isStagedPortlet: function() { return false; }, isStateExclusive: function() { return false; }, isStateMaximized: function() { return false; }, isStatePopUp: function() { return false; } }; var themeDisplay = Liferay.ThemeDisplay; Liferay.AUI = { getAvailableLangPath: function() { return 'available_languages.jsp?browserId=other&themeId=portalbancodonordeste_WAR_bnbdxptheme&colorSchemeId=01&minifierType=js&languageId=pt_BR&t=1694179751488'; }, getCombine: function() { return true; }, getComboPath: function() { return '/combo/?browserId=other&minifierType=&languageId=pt_BR&t=1670770798365&'; }, getDateFormat: function() { return '%d/%m/%Y'; }, getEditorCKEditorPath: function() { return '/o/frontend-editor-ckeditor-web'; }, getFilter: function() { var filter = 'raw'; filter = 'min'; return filter; }, getFilterConfig: function() { var instance = this; var filterConfig = null; if (!instance.getCombine()) { filterConfig = { replaceStr: '.js' + instance.getStaticResourceURLParams(), searchExp: '\\.js$' }; } return filterConfig; }, getJavaScriptRootPath: function() { return '/o/frontend-js-web'; }, getLangPath: function() { return 'aui_lang.jsp?browserId=other&themeId=portalbancodonordeste_WAR_bnbdxptheme&colorSchemeId=01&minifierType=js&languageId=pt_BR&t=1670770798365'; }, getPortletRootPath: function() { return '/html/portlet'; }, getStaticResourceURLParams: function() { return '?browserId=other&minifierType=&languageId=pt_BR&t=1670770798365'; } }; Liferay.authToken = 'o0LiKAW7'; Liferay.currentURL = '\x2fweb\x2fguest\x2facesso-a-informacao\x2flicitacoes-e-contratos'; Liferay.currentURLEncoded = '\x252Fweb\x252Fguest\x252Facesso-a-informacao\x252Flicitacoes-e-contratos'; // ]]> </script>]]>
574 <![CDATA[<script data-senna-track="temporary" type="text/javascript"> // <![CDATA[ // ]]> </script>]]>
597 <![CDATA[<script data-senna-track="permanent" id="googleAnalyticsScript" type="text/javascript"> (function(i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function() { var arrayValue = i[r].q || []; i[r].q = arrayValue; (i[r].q).push(arguments); }; i[r].l = 1 * new Date(); a = s.createElement(o); m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m); })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-7227019-1', 'auto'); ga('send', 'pageview'); Liferay.on( 'endNavigate', function(event) { ga('set', 'page', event.path); ga('send', 'pageview'); } ); </script>]]>
656 <![CDATA[<script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-0W34JDGDKK'); </script>]]>
768 <![CDATA[<script type="text/javascript"> // <![CDATA[ Liferay.Loader.require('frontend-js-spa-web@3.0.53/liferay/init.es', function(frontendJsSpaWeb3053LiferayInitEs) { (function(){ var frontendJsSpaWebLiferayInitEs = frontendJsSpaWeb3053LiferayInitEs; (function() {var $ = AUI.$;var _ = AUI._; Liferay.SPA = Liferay.SPA || {}; Liferay.SPA.cacheExpirationTime = -1; Liferay.SPA.clearScreensCache = false; Liferay.SPA.debugEnabled = false; Liferay.SPA.excludedPaths = ["/c/document_library","/documents","/image"]; Liferay.SPA.loginRedirect = ''; Liferay.SPA.navigationExceptionSelectors = ':not([target="_blank"]):not([data-senna-off]):not([data-resource-href]):not([data-cke-saved-href]):not([data-cke-saved-href])'; Liferay.SPA.requestTimeout = 0; Liferay.SPA.userNotification = { message: 'Parece que isso está demorando mais do que o esperado.', timeout: 30000, title: 'Oops' }; frontendJsSpaWebLiferayInitEs.default.init( function(app) { app.setPortletsBlacklist({"com_liferay_site_navigation_directory_web_portlet_SitesDirectoryPortlet":true,"com_liferay_nested_portlets_web_portlet_NestedPortletsPortlet":true,"com_liferay_login_web_portlet_LoginPortlet":true,"com_liferay_login_web_portlet_FastLoginPortlet":true}); app.setValidStatusCodes([221,490,494,499,491,492,493,495,220]); } );})();})(); }); // ]]> </script>]]>
797 <![CDATA[<script type="text/javascript"> // <![CDATA[ Liferay.on( 'ddmFieldBlur', function(event) { if (window.Analytics) { Analytics.send( 'fieldBlurred', 'Form', { fieldName: event.fieldName, focusDuration: event.focusDuration, formId: event.formId, page: event.page } ); } } ); Liferay.on( 'ddmFieldFocus', function(event) { if (window.Analytics) { Analytics.send( 'fieldFocused', 'Form', { fieldName: event.fieldName, formId: event.formId, page: event.page } ); } } ); Liferay.on( 'ddmFormPageShow', function(event) { if (window.Analytics) { Analytics.send( 'pageViewed', 'Form', { formId: event.formId, page: event.page, title: event.title } ); } } ); Liferay.on( 'ddmFormSubmit', function(event) { if (window.Analytics) { Analytics.send( 'formSubmitted', 'Form', { formId: event.formId } ); } } ); Liferay.on( 'ddmFormView', function(event) { if (window.Analytics) { Analytics.send( 'formViewed', 'Form', { formId: event.formId, title: event.title } ); } } ); // ]]> </script>]]>
909 <![CDATA[<script data-senna-track="temporary" type="text/javascript"> if (window.Analytics) { window._com_liferay_document_library_analytics_isViewFileEntry = false; } </script>]]>
1045 <![CDATA[<script> new window.VLibras.Widget('https://vlibras.gov.br/app'); </script>]]>
2304 <![CDATA[<script>(function() {var fragmentElement = document.querySelector('#fragment-0-vinp'); var configuration = {"textAlign":"left","bottomSpacing":"3","textColor":{"cssClass":"","rgbValue":""}};/** * Copyright (c) 2000-present Liferay, Inc. All rights reserved. * * This library is free software; you can redistribute it and/or modify it under * the terms of the GNU Lesser General Public License as published by the Free * Software Foundation; either version 2.1 of the License, or (at your option) * any later version. * * This library is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more * details. */;}());</script>]]>
2817 <![CDATA[<script>(function() {var fragmentElement = document.querySelector('#fragment-0-allu'); var configuration = {"textAlign":"left","bottomSpacing":"3","headingLevel":"h2","textColor":{"cssClass":"","rgbValue":""}};/** * Copyright (c) 2000-present Liferay, Inc. All rights reserved. * * This library is free software; you can redistribute it and/or modify it under * the terms of the GNU Lesser General Public License as published by the Free * Software Foundation; either version 2.1 of the License, or (at your option) * any later version. * * This library is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more * details. */;}());</script>]]>
2836 <![CDATA[<script id="data_mfoc" type="application/json">{"title":"Regulamentos Vigentes de Licitações e Contratos","type":0,"typeSettings":{"anyClassTypeDLFileEntryAssetRendererFactory":"47046","orderByColumn1":"title"}}</script>]]>
2847 <![CDATA[<script>(function() {var fragmentElement = document.querySelector('#fragment-2316268-mfoc'); var configuration = {"contentSetId":"2715506","showDateConversions":false,"showModifiedDate":false,"showRefDate":true,"textAlign":"left","pageSize":"50","showYear":false,"groupBy":"noGroup","textColor":{"cssClass":"primary","rgbValue":"rgb(122, 18, 44)"},"useTitle":true,"usePagination":false,"bottomSpacing":"3","labelForYear":"Publicado em","useContentSetTitle":false,"labelForRefDate":"Publicado em","headingLevel":"h3","showCreateDate":false,"activeDebug":false};const editMode = document.body.classList.contains('has-edit-mode-menu') const apiURL = `${Liferay.ThemeDisplay.getPortalURL()}/o/headless-delivery` const contentSetsEndPoint = `/v1.0/content-sets/${configuration.contentSetId}/content-set-elements` const restrictFields = 'title,content.contentUrl,content.dateCreated,content.dateModified,content.documentType,content.fileExtension,content.sizeInBytes' const params = { fields: restrictFields, 'pageSize': configuration.pageSize, 'page': 1 } const pathThemeImages = Liferay.ThemeDisplay.getPathThemeImages() const spritemapBNB = `${pathThemeImages}/bnb/icons.svg` const spritemapClay = `${pathThemeImages}/clay/icons.svg` const scriptAssetListJson = fragmentElement.querySelector(`script#data_${fragmentElement.id.slice(-4)}`) const assetListObject = (scriptAssetListJson) ? JSON.parse(scriptAssetListJson.text) : null const documentsList = fragmentElement.querySelector('.documents-list') const loadingAnimation = fragmentElement.querySelector('.loading-animation') const orderByYearAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência', 'ddm__keyword__47054__Ano'] const orderByMonthYearAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência'] const orderByDayAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência'] const fileEntryTypes = { 'docOrdin': 47046, 'docAnual': 47053 } const validity = (assetListObject) ? validateConfiguration() : null validity && init() // funcao de inicialização function init() { fragmentElement.classList.add('mb-4') editMode && reportConstraints() fetchDocumentsPage() } // constrói um objeto para verificar status de validade de algumas configurações function validateConfiguration() { let orderByColumn = assetListObject.typeSettings.orderByColumn1 let orderByColumnName = getOrderByFieldName(orderByColumn) let canGroupByYear = orderByYearAttrs.includes(orderByColumn) let canGroupByMonthYear = orderByMonthYearAttrs.includes(orderByColumn) let canGroupByDay = orderByDayAttrs.includes(orderByColumn) let canShowRefDate = (assetListObject.typeSettings.anyClassTypeDLFileEntryAssetRendererFactory == fileEntryTypes.docOrdin) let canShowYear = (assetListObject.typeSettings.anyClassTypeDLFileEntryAssetRendererFactory == fileEntryTypes.docAnual) let validityState = { 'canGroupByYear': { 'state': canGroupByYear, 'msg' : canGroupByYear ? '' : `A coleção não pode ser agrupada por ano, pois está ordenada por ${orderByColumnName}.` }, 'canGroupByMonthYear': { 'state': canGroupByMonthYear, 'msg' : canGroupByMonthYear ? '' : `A coleção não pode ser agrupada por mês e ano, pois está ordenada por ${orderByColumnName}.` }, 'canGroupByDay': { 'state': canGroupByDay, 'msg' : canGroupByDay ? '' : `A coleção não pode ser agrupada por dia, pois está ordenada por ${orderByColumnName}.` }, 'canShowRefDate': { 'state': canShowRefDate, 'msg' : canShowRefDate ? '' : 'Não é possível mostrar o campo Data de Referência. Esse metadado existe apenas em coleções de Documentos Ordinários.' }, 'canShowYear': { 'state': canShowYear, 'msg' : canShowYear ? '' : 'Não é possível mostrar o campo Ano. Esse metadado existe apenas em coleções de Documentos Anuais.' } } return validityState } // alerta sobre restrições na configuração function reportConstraints() { cleanAlerts() // alerta sobre restrições let validationMessages = [] configuration.groupBy == 'groupByYear' && !validity.canGroupByYear.state && validationMessages.push(validity.canGroupByYear.msg) configuration.groupBy == 'groupByMonthYear' && !validity.canGroupByMonthYear.state && validationMessages.push(validity.canGroupByMonthYear.msg) configuration.groupBy == 'groupByDay' && !validity.canGroupByDay.state && validationMessages.push(validity.canGroupByDay.msg) configuration.showRefDate && !validity.canShowRefDate.state && validationMessages.push(validity.canShowRefDate.msg) configuration.showYear && !validity.canShowYear.state && validationMessages.push(validity.canShowYear.msg) validationMessages.length > 0 && displayAlert('danger', 'Configuração inválida', validationMessages.join('<br/>'), documentsList, 'beforebegin') // debug if (configuration.activeDebug) { console.clear() console.log('Propriedades da Coleção:') console.log(assetListObject) console.log('Configuração do Fragmento:') console.log(configuration) console.log('Validade da Configuração:') console.log(validity) } } // principal funcao para pegar os dados function fetchDocumentsPage(page) { params.page = (page) ? page : params.page let request = Liferay.Util.addParams(params, apiURL+contentSetsEndPoint) fetch( request, { method: 'GET', headers: { 'Content-Type': 'application/json' } } ).then(response => { if (response.ok) { return response.json() } }).then(documents => { handleDocuments(documents) if (editMode && configuration.activeDebug) { console.log(`Retorno da requisição (page ${params.page}):`) console.log(documents) } }) } // manipula dados retornados da coleção function handleDocuments(documents) { loadingAnimation && loadingAnimation.remove() if (documents.items.length > 0) { switch (configuration.groupBy) { case 'noGroup': renderDocumentsList(documents) break case 'groupByYear': (validity.canGroupByYear.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break case 'groupByMonthYear': (validity.canGroupByMonthYear.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break case 'groupByDay': (validity.canGroupByDay.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break } configuration.usePagination && renderPaginationBar(documents.page, documents.lastPage, documents.totalCount) } else { displayAlert('info', 'Aviso', 'Não foram encontrados documentos', documentsList, 'afterbegin') } } // renderiza lista agrupada function renderDocumentsListByGroup(documents) { let lastListGroup = documentsList.querySelector('.list-group:last-child') let currentGroup = (lastListGroup) ? lastListGroup.dataset.group : 0 configuration.activeDebug && configuration.showDateConversions && editMode && console.log(`Extração do grupo a partir do campo ${getOrderByFieldName(assetListObject.typeSettings.orderByColumn1)}:`) documents.items.forEach(doc => { let group = getDocumentGroup(doc) if (currentGroup != group) { let listGroup = document.createElement('ul') listGroup.classList.add('list-group') listGroup.dataset.group = group listGroup.setAttribute('aria-label', `${assetListObject.title} de ${group}`) lastListGroup = documentsList.insertAdjacentElement('beforeend', listGroup) lastListGroup.insertAdjacentHTML('afterbegin', renderListGroupHeader(group)) currentGroup = group } lastListGroup.insertAdjacentHTML('beforeend', renderListGroupItem(doc)) }) } // extrai e retorna o dado (string) utilizado como agrupador (dia, mês ou ano) a partir do campo utilizado como primeira ordenação da coleção function getDocumentGroup(document) { let fieldData let group let dateField let options let test let orderByColumn = assetListObject.typeSettings.orderByColumn1 switch (orderByColumn) { case 'ddm__keyword__47047__DataReferência': fieldData = document.content.documentType.contentFields[0].contentFieldValue.data break case 'ddm__keyword__47054__Ano': fieldData = document.content.documentType.contentFields[0].contentFieldValue.data break case 'modifiedDate': fieldData = document.content.dateModified break case 'createDate': fieldData = document.content.dateCreated break case 'publishDate': // verificar esse caso por que não há uma campo data de publicação em coleções de documentos fieldData = document.content.dateCreated break } dateField = new Date(fieldData) switch (configuration.groupBy) { case 'groupByYear': test = (orderByColumn == 'ddm__keyword__47047__DataReferência' || orderByColumn == 'ddm__keyword__47054__Ano') group = test ? dateField.getUTCFullYear() : dateField.getFullYear() break case 'groupByMonthYear': test = (orderByColumn == 'ddm__keyword__47047__DataReferência') options = test ? {month:'long', year:'numeric', timeZone: 'UTC'} : { month:'long', year:'numeric' } group = dateField.toLocaleDateString('pt-BR', options) group = group.charAt(0).toUpperCase() + group.slice(1) break case 'groupByDay': test = (orderByColumn == 'ddm__keyword__47047__DataReferência') options = test ? {timeZone: 'UTC'} : {} group = dateField.toLocaleDateString('pt-BR', options) break } configuration.activeDebug && configuration.showDateConversions && editMode && console.log(`${fieldData} --> ${group}`) return group } // renderiza lista comum function renderDocumentsList(documents) { let listGroup = getNodeElement(documentsList, 'afterbegin', 'ul', '.list-group') listGroup.setAttribute('aria-label', assetListObject.title) documents.items.forEach(doc => { listGroup.insertAdjacentHTML('beforeend', renderListGroupItem(doc)) }) } // renderiza cabeçalho da lista function renderListGroupHeader(title) { let listHeaderHTML = ` <li class="list-group-header"> <span class="list-group-header-title"><big>${title}</big></span> </li> ` return listHeaderHTML } // renderiza um item da lista function renderListGroupItem(document) { let dateCreated = (configuration.showCreateDate) ? new Date(document.content.dateCreated) : null let dateCreatedHTML = (dateCreated) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">Publicado em</span> <span class="small">${dateCreated.toLocaleDateString('pt-BR')}</span> </div>` : '' let dateModified = (configuration.showModifiedDate) ? new Date(document.content.dateModified) : null let dateModifiedHTML = (dateModified) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">Atualizado em</span> <span class="small">${dateModified.toLocaleDateString('pt-BR')}</span> </div>` : '' let refDate = (configuration.showRefDate && validity.canShowRefDate.state) ? new Date(document.content.documentType.contentFields[0].contentFieldValue.data) : null let refDateHTML = (refDate) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">${configuration.labelForRefDate}</span> <span class="small">${refDate.toLocaleDateString('pt-BR', {timeZone: 'UTC'})}</span> </div>` : '' let year = (configuration.showYear && validity.canShowYear.state) ? document.content.documentType.contentFields[0].contentFieldValue.data : null let yearHTML = (year) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">${configuration.labelForYear}</span> <span class="small">${year}</span> </div>` : '' let hasMetadatas = (year || refDate || dateCreated || dateModified) let metadataHTML = (hasMetadatas) ? ` <div class="d-flex flex-column flex-md-row"> ${yearHTML} ${refDateHTML} ${dateCreatedHTML} ${dateModifiedHTML} </div>` : '' let listItemHTML = ` <li class="list-group-item list-group-item-flex align-items-center"> <div class="autofit-col"> <svg class="lexicon-icon text-tertiary lexicon-icon-lg" focusable="false" role="presentation" viewBox="0 0 512 512"> <use xlink:href="${spritemapBNB}#arquivo-${document.content.fileExtension}" /> </svg> </div> <div class="autofit-col autofit-col-expand"> <div class="d-flex flex-column flex-lg-row justify-content-start justify-content-lg-between"> <div class="d-flex flex-column"> <span class="list-group-title"> <a href="${document.content.contentUrl}">${document.title}</a> </span> <span class="list-group-subtitle text-uppercase small"> ${document.content.fileExtension}, ${Liferay.Util.formatStorage(document.content.sizeInBytes, {addSpaceBeforeSuffix: true})} </span> </div> ${metadataHTML} </div> </div> </li> ` return listItemHTML } // renderiza paginação function renderPaginationBar(page, lastPage, totalCount) { let paginationBar = getNodeElement(fragmentElement, 'beforeend', 'div', '.pagination-bar') let lastIndex = (page === lastPage) ? totalCount : configuration.pageSize*page let nDocuments = (page+1 === lastPage) ? totalCount - configuration.pageSize*page : configuration.pageSize paginationBar.classList.add('justify-content-center', 'justify-content-lg-between') let textColor = (configuration.textColor.cssClass) ? `text-${configuration.textColor.cssClass}` : '' paginationBar.innerHTML = ` <div class="pagination-results mr-0 ${textColor}">Exibindo 1 a ${lastIndex} de ${totalCount} documentos.</div> <ul class="pagination"> <li class="page-item"> <button class="btn btn-unstyled page-link" type="button"> Exibir mais ${nDocuments} documentos ${renderIcon('angle-down', spritemapClay, 'ml-2')} </button> </li> </ul> ` let showMoreButton = paginationBar.querySelector('button.page-link') if (page !== lastPage) { showMoreButton.addEventListener('click', e => { showMoreButton.querySelector('svg').remove() let loadAnimation = getNodeElement(showMoreButton, 'beforeend', 'span', '.loading-animation') loadAnimation.classList.add('loading-animation-sm', 'ml-2') fetchDocumentsPage(page+1) }) } else { showMoreButton.remove() } } // imprime um mensagem de alerta function displayAlert(style, title, msg, parentNode, position) { let styleIcons = { 'danger': 'exclamation-full', 'success': 'check-circle-full', 'info': 'info-circle', 'warning': 'warning-full' } let html = ` <div class="alert p-4 alert-${style}" role="alert"> <span class="alert-indicator"> ${renderIcon(styleIcons[style], spritemapClay, '')} </span> <strong>${title}:</strong> <p class="mt-2 mb-0">${msg}</p> </div> ` parentNode.insertAdjacentHTML(position, html) } // limpa mensagens de alerta function cleanAlerts() { let alerts = fragmentElement.querySelectorAll('.alert') alerts.forEach(alert => alert.remove()) } // imprime icone SGV function renderIcon(icon, spritemap, cssClasses) { return ` <svg class="lexicon-icon lexicon-icon-${icon} ${cssClasses}" focusable="false" role="presentation"> <use href="${spritemap}#${icon}"></use> </svg> ` } // retorna/cria um elemento html de uma classe css // ascendantNode é um nó ascendente // position é uma string 'beforeend', 'afterbegin' + // elementType uma string 'ul', 'div' etc // cssClass é uma classe css function getNodeElement(ascendantNode, position, elementType, cssClass) { let nodeElement if (ascendantNode.querySelector(cssClass)) { nodeElement = ascendantNode.querySelector(cssClass) } else { nodeElement = document.createElement(elementType) nodeElement = ascendantNode.insertAdjacentElement(position, nodeElement) nodeElement.classList.add(cssClass.slice(1)) } return nodeElement } // retorna nome amigável do campo usado como 1ª ordenação function getOrderByFieldName(orderByColumn) { let regExp = /^ddm__keyword__\d+__(.+)/ let matchExp = regExp.exec(orderByColumn) return (matchExp) ? matchExp[1] : Liferay.Language.get(orderByColumn) };}());</script>]]>
3229 <![CDATA[<script id="data_uvyd" type="application/json">{"title":"Regulamentos de Licitações e Contratos - Regras de Transição","type":0,"typeSettings":{"anyClassTypeDLFileEntryAssetRendererFactory":"true","orderByColumn1":"title"}}</script>]]>
3238 <![CDATA[<script>(function() {var fragmentElement = document.querySelector('#fragment-2316268-uvyd'); var configuration = {"contentSetId":"3861504","showDateConversions":false,"showModifiedDate":false,"showRefDate":false,"textAlign":"left","pageSize":"50","showYear":false,"groupBy":"noGroup","textColor":{"cssClass":"primary","rgbValue":"rgb(122, 18, 44)"},"useTitle":true,"usePagination":false,"bottomSpacing":"3","labelForYear":"Publicado em","useContentSetTitle":false,"labelForRefDate":"Publicado em","headingLevel":"h3","showCreateDate":true,"activeDebug":false};const editMode = document.body.classList.contains('has-edit-mode-menu') const apiURL = `${Liferay.ThemeDisplay.getPortalURL()}/o/headless-delivery` const contentSetsEndPoint = `/v1.0/content-sets/${configuration.contentSetId}/content-set-elements` const restrictFields = 'title,content.contentUrl,content.dateCreated,content.dateModified,content.documentType,content.fileExtension,content.sizeInBytes' const params = { fields: restrictFields, 'pageSize': configuration.pageSize, 'page': 1 } const pathThemeImages = Liferay.ThemeDisplay.getPathThemeImages() const spritemapBNB = `${pathThemeImages}/bnb/icons.svg` const spritemapClay = `${pathThemeImages}/clay/icons.svg` const scriptAssetListJson = fragmentElement.querySelector(`script#data_${fragmentElement.id.slice(-4)}`) const assetListObject = (scriptAssetListJson) ? JSON.parse(scriptAssetListJson.text) : null const documentsList = fragmentElement.querySelector('.documents-list') const loadingAnimation = fragmentElement.querySelector('.loading-animation') const orderByYearAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência', 'ddm__keyword__47054__Ano'] const orderByMonthYearAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência'] const orderByDayAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência'] const fileEntryTypes = { 'docOrdin': 47046, 'docAnual': 47053 } const validity = (assetListObject) ? validateConfiguration() : null validity && init() // funcao de inicialização function init() { fragmentElement.classList.add('mb-4') editMode && reportConstraints() fetchDocumentsPage() } // constrói um objeto para verificar status de validade de algumas configurações function validateConfiguration() { let orderByColumn = assetListObject.typeSettings.orderByColumn1 let orderByColumnName = getOrderByFieldName(orderByColumn) let canGroupByYear = orderByYearAttrs.includes(orderByColumn) let canGroupByMonthYear = orderByMonthYearAttrs.includes(orderByColumn) let canGroupByDay = orderByDayAttrs.includes(orderByColumn) let canShowRefDate = (assetListObject.typeSettings.anyClassTypeDLFileEntryAssetRendererFactory == fileEntryTypes.docOrdin) let canShowYear = (assetListObject.typeSettings.anyClassTypeDLFileEntryAssetRendererFactory == fileEntryTypes.docAnual) let validityState = { 'canGroupByYear': { 'state': canGroupByYear, 'msg' : canGroupByYear ? '' : `A coleção não pode ser agrupada por ano, pois está ordenada por ${orderByColumnName}.` }, 'canGroupByMonthYear': { 'state': canGroupByMonthYear, 'msg' : canGroupByMonthYear ? '' : `A coleção não pode ser agrupada por mês e ano, pois está ordenada por ${orderByColumnName}.` }, 'canGroupByDay': { 'state': canGroupByDay, 'msg' : canGroupByDay ? '' : `A coleção não pode ser agrupada por dia, pois está ordenada por ${orderByColumnName}.` }, 'canShowRefDate': { 'state': canShowRefDate, 'msg' : canShowRefDate ? '' : 'Não é possível mostrar o campo Data de Referência. Esse metadado existe apenas em coleções de Documentos Ordinários.' }, 'canShowYear': { 'state': canShowYear, 'msg' : canShowYear ? '' : 'Não é possível mostrar o campo Ano. Esse metadado existe apenas em coleções de Documentos Anuais.' } } return validityState } // alerta sobre restrições na configuração function reportConstraints() { cleanAlerts() // alerta sobre restrições let validationMessages = [] configuration.groupBy == 'groupByYear' && !validity.canGroupByYear.state && validationMessages.push(validity.canGroupByYear.msg) configuration.groupBy == 'groupByMonthYear' && !validity.canGroupByMonthYear.state && validationMessages.push(validity.canGroupByMonthYear.msg) configuration.groupBy == 'groupByDay' && !validity.canGroupByDay.state && validationMessages.push(validity.canGroupByDay.msg) configuration.showRefDate && !validity.canShowRefDate.state && validationMessages.push(validity.canShowRefDate.msg) configuration.showYear && !validity.canShowYear.state && validationMessages.push(validity.canShowYear.msg) validationMessages.length > 0 && displayAlert('danger', 'Configuração inválida', validationMessages.join('<br/>'), documentsList, 'beforebegin') // debug if (configuration.activeDebug) { console.clear() console.log('Propriedades da Coleção:') console.log(assetListObject) console.log('Configuração do Fragmento:') console.log(configuration) console.log('Validade da Configuração:') console.log(validity) } } // principal funcao para pegar os dados function fetchDocumentsPage(page) { params.page = (page) ? page : params.page let request = Liferay.Util.addParams(params, apiURL+contentSetsEndPoint) fetch( request, { method: 'GET', headers: { 'Content-Type': 'application/json' } } ).then(response => { if (response.ok) { return response.json() } }).then(documents => { handleDocuments(documents) if (editMode && configuration.activeDebug) { console.log(`Retorno da requisição (page ${params.page}):`) console.log(documents) } }) } // manipula dados retornados da coleção function handleDocuments(documents) { loadingAnimation && loadingAnimation.remove() if (documents.items.length > 0) { switch (configuration.groupBy) { case 'noGroup': renderDocumentsList(documents) break case 'groupByYear': (validity.canGroupByYear.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break case 'groupByMonthYear': (validity.canGroupByMonthYear.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break case 'groupByDay': (validity.canGroupByDay.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break } configuration.usePagination && renderPaginationBar(documents.page, documents.lastPage, documents.totalCount) } else { displayAlert('info', 'Aviso', 'Não foram encontrados documentos', documentsList, 'afterbegin') } } // renderiza lista agrupada function renderDocumentsListByGroup(documents) { let lastListGroup = documentsList.querySelector('.list-group:last-child') let currentGroup = (lastListGroup) ? lastListGroup.dataset.group : 0 configuration.activeDebug && configuration.showDateConversions && editMode && console.log(`Extração do grupo a partir do campo ${getOrderByFieldName(assetListObject.typeSettings.orderByColumn1)}:`) documents.items.forEach(doc => { let group = getDocumentGroup(doc) if (currentGroup != group) { let listGroup = document.createElement('ul') listGroup.classList.add('list-group') listGroup.dataset.group = group listGroup.setAttribute('aria-label', `${assetListObject.title} de ${group}`) lastListGroup = documentsList.insertAdjacentElement('beforeend', listGroup) lastListGroup.insertAdjacentHTML('afterbegin', renderListGroupHeader(group)) currentGroup = group } lastListGroup.insertAdjacentHTML('beforeend', renderListGroupItem(doc)) }) } // extrai e retorna o dado (string) utilizado como agrupador (dia, mês ou ano) a partir do campo utilizado como primeira ordenação da coleção function getDocumentGroup(document) { let fieldData let group let dateField let options let test let orderByColumn = assetListObject.typeSettings.orderByColumn1 switch (orderByColumn) { case 'ddm__keyword__47047__DataReferência': fieldData = document.content.documentType.contentFields[0].contentFieldValue.data break case 'ddm__keyword__47054__Ano': fieldData = document.content.documentType.contentFields[0].contentFieldValue.data break case 'modifiedDate': fieldData = document.content.dateModified break case 'createDate': fieldData = document.content.dateCreated break case 'publishDate': // verificar esse caso por que não há uma campo data de publicação em coleções de documentos fieldData = document.content.dateCreated break } dateField = new Date(fieldData) switch (configuration.groupBy) { case 'groupByYear': test = (orderByColumn == 'ddm__keyword__47047__DataReferência' || orderByColumn == 'ddm__keyword__47054__Ano') group = test ? dateField.getUTCFullYear() : dateField.getFullYear() break case 'groupByMonthYear': test = (orderByColumn == 'ddm__keyword__47047__DataReferência') options = test ? {month:'long', year:'numeric', timeZone: 'UTC'} : { month:'long', year:'numeric' } group = dateField.toLocaleDateString('pt-BR', options) group = group.charAt(0).toUpperCase() + group.slice(1) break case 'groupByDay': test = (orderByColumn == 'ddm__keyword__47047__DataReferência') options = test ? {timeZone: 'UTC'} : {} group = dateField.toLocaleDateString('pt-BR', options) break } configuration.activeDebug && configuration.showDateConversions && editMode && console.log(`${fieldData} --> ${group}`) return group } // renderiza lista comum function renderDocumentsList(documents) { let listGroup = getNodeElement(documentsList, 'afterbegin', 'ul', '.list-group') listGroup.setAttribute('aria-label', assetListObject.title) documents.items.forEach(doc => { listGroup.insertAdjacentHTML('beforeend', renderListGroupItem(doc)) }) } // renderiza cabeçalho da lista function renderListGroupHeader(title) { let listHeaderHTML = ` <li class="list-group-header"> <span class="list-group-header-title"><big>${title}</big></span> </li> ` return listHeaderHTML } // renderiza um item da lista function renderListGroupItem(document) { let dateCreated = (configuration.showCreateDate) ? new Date(document.content.dateCreated) : null let dateCreatedHTML = (dateCreated) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">Publicado em</span> <span class="small">${dateCreated.toLocaleDateString('pt-BR')}</span> </div>` : '' let dateModified = (configuration.showModifiedDate) ? new Date(document.content.dateModified) : null let dateModifiedHTML = (dateModified) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">Atualizado em</span> <span class="small">${dateModified.toLocaleDateString('pt-BR')}</span> </div>` : '' let refDate = (configuration.showRefDate && validity.canShowRefDate.state) ? new Date(document.content.documentType.contentFields[0].contentFieldValue.data) : null let refDateHTML = (refDate) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">${configuration.labelForRefDate}</span> <span class="small">${refDate.toLocaleDateString('pt-BR', {timeZone: 'UTC'})}</span> </div>` : '' let year = (configuration.showYear && validity.canShowYear.state) ? document.content.documentType.contentFields[0].contentFieldValue.data : null let yearHTML = (year) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">${configuration.labelForYear}</span> <span class="small">${year}</span> </div>` : '' let hasMetadatas = (year || refDate || dateCreated || dateModified) let metadataHTML = (hasMetadatas) ? ` <div class="d-flex flex-column flex-md-row"> ${yearHTML} ${refDateHTML} ${dateCreatedHTML} ${dateModifiedHTML} </div>` : '' let listItemHTML = ` <li class="list-group-item list-group-item-flex align-items-center"> <div class="autofit-col"> <svg class="lexicon-icon text-tertiary lexicon-icon-lg" focusable="false" role="presentation" viewBox="0 0 512 512"> <use xlink:href="${spritemapBNB}#arquivo-${document.content.fileExtension}" /> </svg> </div> <div class="autofit-col autofit-col-expand"> <div class="d-flex flex-column flex-lg-row justify-content-start justify-content-lg-between"> <div class="d-flex flex-column"> <span class="list-group-title"> <a href="${document.content.contentUrl}">${document.title}</a> </span> <span class="list-group-subtitle text-uppercase small"> ${document.content.fileExtension}, ${Liferay.Util.formatStorage(document.content.sizeInBytes, {addSpaceBeforeSuffix: true})} </span> </div> ${metadataHTML} </div> </div> </li> ` return listItemHTML } // renderiza paginação function renderPaginationBar(page, lastPage, totalCount) { let paginationBar = getNodeElement(fragmentElement, 'beforeend', 'div', '.pagination-bar') let lastIndex = (page === lastPage) ? totalCount : configuration.pageSize*page let nDocuments = (page+1 === lastPage) ? totalCount - configuration.pageSize*page : configuration.pageSize paginationBar.classList.add('justify-content-center', 'justify-content-lg-between') let textColor = (configuration.textColor.cssClass) ? `text-${configuration.textColor.cssClass}` : '' paginationBar.innerHTML = ` <div class="pagination-results mr-0 ${textColor}">Exibindo 1 a ${lastIndex} de ${totalCount} documentos.</div> <ul class="pagination"> <li class="page-item"> <button class="btn btn-unstyled page-link" type="button"> Exibir mais ${nDocuments} documentos ${renderIcon('angle-down', spritemapClay, 'ml-2')} </button> </li> </ul> ` let showMoreButton = paginationBar.querySelector('button.page-link') if (page !== lastPage) { showMoreButton.addEventListener('click', e => { showMoreButton.querySelector('svg').remove() let loadAnimation = getNodeElement(showMoreButton, 'beforeend', 'span', '.loading-animation') loadAnimation.classList.add('loading-animation-sm', 'ml-2') fetchDocumentsPage(page+1) }) } else { showMoreButton.remove() } } // imprime um mensagem de alerta function displayAlert(style, title, msg, parentNode, position) { let styleIcons = { 'danger': 'exclamation-full', 'success': 'check-circle-full', 'info': 'info-circle', 'warning': 'warning-full' } let html = ` <div class="alert p-4 alert-${style}" role="alert"> <span class="alert-indicator"> ${renderIcon(styleIcons[style], spritemapClay, '')} </span> <strong>${title}:</strong> <p class="mt-2 mb-0">${msg}</p> </div> ` parentNode.insertAdjacentHTML(position, html) } // limpa mensagens de alerta function cleanAlerts() { let alerts = fragmentElement.querySelectorAll('.alert') alerts.forEach(alert => alert.remove()) } // imprime icone SGV function renderIcon(icon, spritemap, cssClasses) { return ` <svg class="lexicon-icon lexicon-icon-${icon} ${cssClasses}" focusable="false" role="presentation"> <use href="${spritemap}#${icon}"></use> </svg> ` } // retorna/cria um elemento html de uma classe css // ascendantNode é um nó ascendente // position é uma string 'beforeend', 'afterbegin' + // elementType uma string 'ul', 'div' etc // cssClass é uma classe css function getNodeElement(ascendantNode, position, elementType, cssClass) { let nodeElement if (ascendantNode.querySelector(cssClass)) { nodeElement = ascendantNode.querySelector(cssClass) } else { nodeElement = document.createElement(elementType) nodeElement = ascendantNode.insertAdjacentElement(position, nodeElement) nodeElement.classList.add(cssClass.slice(1)) } return nodeElement } // retorna nome amigável do campo usado como 1ª ordenação function getOrderByFieldName(orderByColumn) { let regExp = /^ddm__keyword__\d+__(.+)/ let matchExp = regExp.exec(orderByColumn) return (matchExp) ? matchExp[1] : Liferay.Language.get(orderByColumn) };}());</script>]]>
3620 <![CDATA[<script id="data_emsx" type="application/json">{"title":"Regulamento Anteriores de Licitações e Contratos","type":0,"typeSettings":{"anyClassTypeDLFileEntryAssetRendererFactory":"true","orderByColumn1":"title"}}</script>]]>
3629 <![CDATA[<script>(function() {var fragmentElement = document.querySelector('#fragment-2316268-emsx'); var configuration = {"contentSetId":"2715508","showDateConversions":false,"showModifiedDate":false,"showRefDate":false,"textAlign":"left","pageSize":"50","showYear":false,"groupBy":"noGroup","textColor":{"cssClass":"primary","rgbValue":"rgb(122, 18, 44)"},"useTitle":true,"usePagination":false,"bottomSpacing":"3","labelForYear":"Ocorrido em","useContentSetTitle":false,"labelForRefDate":"Referente a","headingLevel":"h3","showCreateDate":true,"activeDebug":false};const editMode = document.body.classList.contains('has-edit-mode-menu') const apiURL = `${Liferay.ThemeDisplay.getPortalURL()}/o/headless-delivery` const contentSetsEndPoint = `/v1.0/content-sets/${configuration.contentSetId}/content-set-elements` const restrictFields = 'title,content.contentUrl,content.dateCreated,content.dateModified,content.documentType,content.fileExtension,content.sizeInBytes' const params = { fields: restrictFields, 'pageSize': configuration.pageSize, 'page': 1 } const pathThemeImages = Liferay.ThemeDisplay.getPathThemeImages() const spritemapBNB = `${pathThemeImages}/bnb/icons.svg` const spritemapClay = `${pathThemeImages}/clay/icons.svg` const scriptAssetListJson = fragmentElement.querySelector(`script#data_${fragmentElement.id.slice(-4)}`) const assetListObject = (scriptAssetListJson) ? JSON.parse(scriptAssetListJson.text) : null const documentsList = fragmentElement.querySelector('.documents-list') const loadingAnimation = fragmentElement.querySelector('.loading-animation') const orderByYearAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência', 'ddm__keyword__47054__Ano'] const orderByMonthYearAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência'] const orderByDayAttrs = ['modifiedDate', 'createDate', 'publishDate', 'ddm__keyword__47047__DataReferência'] const fileEntryTypes = { 'docOrdin': 47046, 'docAnual': 47053 } const validity = (assetListObject) ? validateConfiguration() : null validity && init() // funcao de inicialização function init() { fragmentElement.classList.add('mb-4') editMode && reportConstraints() fetchDocumentsPage() } // constrói um objeto para verificar status de validade de algumas configurações function validateConfiguration() { let orderByColumn = assetListObject.typeSettings.orderByColumn1 let orderByColumnName = getOrderByFieldName(orderByColumn) let canGroupByYear = orderByYearAttrs.includes(orderByColumn) let canGroupByMonthYear = orderByMonthYearAttrs.includes(orderByColumn) let canGroupByDay = orderByDayAttrs.includes(orderByColumn) let canShowRefDate = (assetListObject.typeSettings.anyClassTypeDLFileEntryAssetRendererFactory == fileEntryTypes.docOrdin) let canShowYear = (assetListObject.typeSettings.anyClassTypeDLFileEntryAssetRendererFactory == fileEntryTypes.docAnual) let validityState = { 'canGroupByYear': { 'state': canGroupByYear, 'msg' : canGroupByYear ? '' : `A coleção não pode ser agrupada por ano, pois está ordenada por ${orderByColumnName}.` }, 'canGroupByMonthYear': { 'state': canGroupByMonthYear, 'msg' : canGroupByMonthYear ? '' : `A coleção não pode ser agrupada por mês e ano, pois está ordenada por ${orderByColumnName}.` }, 'canGroupByDay': { 'state': canGroupByDay, 'msg' : canGroupByDay ? '' : `A coleção não pode ser agrupada por dia, pois está ordenada por ${orderByColumnName}.` }, 'canShowRefDate': { 'state': canShowRefDate, 'msg' : canShowRefDate ? '' : 'Não é possível mostrar o campo Data de Referência. Esse metadado existe apenas em coleções de Documentos Ordinários.' }, 'canShowYear': { 'state': canShowYear, 'msg' : canShowYear ? '' : 'Não é possível mostrar o campo Ano. Esse metadado existe apenas em coleções de Documentos Anuais.' } } return validityState } // alerta sobre restrições na configuração function reportConstraints() { cleanAlerts() // alerta sobre restrições let validationMessages = [] configuration.groupBy == 'groupByYear' && !validity.canGroupByYear.state && validationMessages.push(validity.canGroupByYear.msg) configuration.groupBy == 'groupByMonthYear' && !validity.canGroupByMonthYear.state && validationMessages.push(validity.canGroupByMonthYear.msg) configuration.groupBy == 'groupByDay' && !validity.canGroupByDay.state && validationMessages.push(validity.canGroupByDay.msg) configuration.showRefDate && !validity.canShowRefDate.state && validationMessages.push(validity.canShowRefDate.msg) configuration.showYear && !validity.canShowYear.state && validationMessages.push(validity.canShowYear.msg) validationMessages.length > 0 && displayAlert('danger', 'Configuração inválida', validationMessages.join('<br/>'), documentsList, 'beforebegin') // debug if (configuration.activeDebug) { console.clear() console.log('Propriedades da Coleção:') console.log(assetListObject) console.log('Configuração do Fragmento:') console.log(configuration) console.log('Validade da Configuração:') console.log(validity) } } // principal funcao para pegar os dados function fetchDocumentsPage(page) { params.page = (page) ? page : params.page let request = Liferay.Util.addParams(params, apiURL+contentSetsEndPoint) fetch( request, { method: 'GET', headers: { 'Content-Type': 'application/json' } } ).then(response => { if (response.ok) { return response.json() } }).then(documents => { handleDocuments(documents) if (editMode && configuration.activeDebug) { console.log(`Retorno da requisição (page ${params.page}):`) console.log(documents) } }) } // manipula dados retornados da coleção function handleDocuments(documents) { loadingAnimation && loadingAnimation.remove() if (documents.items.length > 0) { switch (configuration.groupBy) { case 'noGroup': renderDocumentsList(documents) break case 'groupByYear': (validity.canGroupByYear.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break case 'groupByMonthYear': (validity.canGroupByMonthYear.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break case 'groupByDay': (validity.canGroupByDay.state) ? renderDocumentsListByGroup(documents) : renderDocumentsList(documents) break } configuration.usePagination && renderPaginationBar(documents.page, documents.lastPage, documents.totalCount) } else { displayAlert('info', 'Aviso', 'Não foram encontrados documentos', documentsList, 'afterbegin') } } // renderiza lista agrupada function renderDocumentsListByGroup(documents) { let lastListGroup = documentsList.querySelector('.list-group:last-child') let currentGroup = (lastListGroup) ? lastListGroup.dataset.group : 0 configuration.activeDebug && configuration.showDateConversions && editMode && console.log(`Extração do grupo a partir do campo ${getOrderByFieldName(assetListObject.typeSettings.orderByColumn1)}:`) documents.items.forEach(doc => { let group = getDocumentGroup(doc) if (currentGroup != group) { let listGroup = document.createElement('ul') listGroup.classList.add('list-group') listGroup.dataset.group = group listGroup.setAttribute('aria-label', `${assetListObject.title} de ${group}`) lastListGroup = documentsList.insertAdjacentElement('beforeend', listGroup) lastListGroup.insertAdjacentHTML('afterbegin', renderListGroupHeader(group)) currentGroup = group } lastListGroup.insertAdjacentHTML('beforeend', renderListGroupItem(doc)) }) } // extrai e retorna o dado (string) utilizado como agrupador (dia, mês ou ano) a partir do campo utilizado como primeira ordenação da coleção function getDocumentGroup(document) { let fieldData let group let dateField let options let test let orderByColumn = assetListObject.typeSettings.orderByColumn1 switch (orderByColumn) { case 'ddm__keyword__47047__DataReferência': fieldData = document.content.documentType.contentFields[0].contentFieldValue.data break case 'ddm__keyword__47054__Ano': fieldData = document.content.documentType.contentFields[0].contentFieldValue.data break case 'modifiedDate': fieldData = document.content.dateModified break case 'createDate': fieldData = document.content.dateCreated break case 'publishDate': // verificar esse caso por que não há uma campo data de publicação em coleções de documentos fieldData = document.content.dateCreated break } dateField = new Date(fieldData) switch (configuration.groupBy) { case 'groupByYear': test = (orderByColumn == 'ddm__keyword__47047__DataReferência' || orderByColumn == 'ddm__keyword__47054__Ano') group = test ? dateField.getUTCFullYear() : dateField.getFullYear() break case 'groupByMonthYear': test = (orderByColumn == 'ddm__keyword__47047__DataReferência') options = test ? {month:'long', year:'numeric', timeZone: 'UTC'} : { month:'long', year:'numeric' } group = dateField.toLocaleDateString('pt-BR', options) group = group.charAt(0).toUpperCase() + group.slice(1) break case 'groupByDay': test = (orderByColumn == 'ddm__keyword__47047__DataReferência') options = test ? {timeZone: 'UTC'} : {} group = dateField.toLocaleDateString('pt-BR', options) break } configuration.activeDebug && configuration.showDateConversions && editMode && console.log(`${fieldData} --> ${group}`) return group } // renderiza lista comum function renderDocumentsList(documents) { let listGroup = getNodeElement(documentsList, 'afterbegin', 'ul', '.list-group') listGroup.setAttribute('aria-label', assetListObject.title) documents.items.forEach(doc => { listGroup.insertAdjacentHTML('beforeend', renderListGroupItem(doc)) }) } // renderiza cabeçalho da lista function renderListGroupHeader(title) { let listHeaderHTML = ` <li class="list-group-header"> <span class="list-group-header-title"><big>${title}</big></span> </li> ` return listHeaderHTML } // renderiza um item da lista function renderListGroupItem(document) { let dateCreated = (configuration.showCreateDate) ? new Date(document.content.dateCreated) : null let dateCreatedHTML = (dateCreated) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">Publicado em</span> <span class="small">${dateCreated.toLocaleDateString('pt-BR')}</span> </div>` : '' let dateModified = (configuration.showModifiedDate) ? new Date(document.content.dateModified) : null let dateModifiedHTML = (dateModified) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">Atualizado em</span> <span class="small">${dateModified.toLocaleDateString('pt-BR')}</span> </div>` : '' let refDate = (configuration.showRefDate && validity.canShowRefDate.state) ? new Date(document.content.documentType.contentFields[0].contentFieldValue.data) : null let refDateHTML = (refDate) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">${configuration.labelForRefDate}</span> <span class="small">${refDate.toLocaleDateString('pt-BR', {timeZone: 'UTC'})}</span> </div>` : '' let year = (configuration.showYear && validity.canShowYear.state) ? document.content.documentType.contentFields[0].contentFieldValue.data : null let yearHTML = (year) ? ` <div class="d-flex flex-row flex-lg-column text-lg-right ml-lg-3 mr-md-2 mr-lg-0"> <span class="small font-weight-bold text-nowrap mr-1 mr-lg-0">${configuration.labelForYear}</span> <span class="small">${year}</span> </div>` : '' let hasMetadatas = (year || refDate || dateCreated || dateModified) let metadataHTML = (hasMetadatas) ? ` <div class="d-flex flex-column flex-md-row"> ${yearHTML} ${refDateHTML} ${dateCreatedHTML} ${dateModifiedHTML} </div>` : '' let listItemHTML = ` <li class="list-group-item list-group-item-flex align-items-center"> <div class="autofit-col"> <svg class="lexicon-icon text-tertiary lexicon-icon-lg" focusable="false" role="presentation" viewBox="0 0 512 512"> <use xlink:href="${spritemapBNB}#arquivo-${document.content.fileExtension}" /> </svg> </div> <div class="autofit-col autofit-col-expand"> <div class="d-flex flex-column flex-lg-row justify-content-start justify-content-lg-between"> <div class="d-flex flex-column"> <span class="list-group-title"> <a href="${document.content.contentUrl}">${document.title}</a> </span> <span class="list-group-subtitle text-uppercase small"> ${document.content.fileExtension}, ${Liferay.Util.formatStorage(document.content.sizeInBytes, {addSpaceBeforeSuffix: true})} </span> </div> ${metadataHTML} </div> </div> </li> ` return listItemHTML } // renderiza paginação function renderPaginationBar(page, lastPage, totalCount) { let paginationBar = getNodeElement(fragmentElement, 'beforeend', 'div', '.pagination-bar') let lastIndex = (page === lastPage) ? totalCount : configuration.pageSize*page let nDocuments = (page+1 === lastPage) ? totalCount - configuration.pageSize*page : configuration.pageSize paginationBar.classList.add('justify-content-center', 'justify-content-lg-between') let textColor = (configuration.textColor.cssClass) ? `text-${configuration.textColor.cssClass}` : '' paginationBar.innerHTML = ` <div class="pagination-results mr-0 ${textColor}">Exibindo 1 a ${lastIndex} de ${totalCount} documentos.</div> <ul class="pagination"> <li class="page-item"> <button class="btn btn-unstyled page-link" type="button"> Exibir mais ${nDocuments} documentos ${renderIcon('angle-down', spritemapClay, 'ml-2')} </button> </li> </ul> ` let showMoreButton = paginationBar.querySelector('button.page-link') if (page !== lastPage) { showMoreButton.addEventListener('click', e => { showMoreButton.querySelector('svg').remove() let loadAnimation = getNodeElement(showMoreButton, 'beforeend', 'span', '.loading-animation') loadAnimation.classList.add('loading-animation-sm', 'ml-2') fetchDocumentsPage(page+1) }) } else { showMoreButton.remove() } } // imprime um mensagem de alerta function displayAlert(style, title, msg, parentNode, position) { let styleIcons = { 'danger': 'exclamation-full', 'success': 'check-circle-full', 'info': 'info-circle', 'warning': 'warning-full' } let html = ` <div class="alert p-4 alert-${style}" role="alert"> <span class="alert-indicator"> ${renderIcon(styleIcons[style], spritemapClay, '')} </span> <strong>${title}:</strong> <p class="mt-2 mb-0">${msg}</p> </div> ` parentNode.insertAdjacentHTML(position, html) } // limpa mensagens de alerta function cleanAlerts() { let alerts = fragmentElement.querySelectorAll('.alert') alerts.forEach(alert => alert.remove()) } // imprime icone SGV function renderIcon(icon, spritemap, cssClasses) { return ` <svg class="lexicon-icon lexicon-icon-${icon} ${cssClasses}" focusable="false" role="presentation"> <use href="${spritemap}#${icon}"></use> </svg> ` } // retorna/cria um elemento html de uma classe css // ascendantNode é um nó ascendente // position é uma string 'beforeend', 'afterbegin' + // elementType uma string 'ul', 'div' etc // cssClass é uma classe css function getNodeElement(ascendantNode, position, elementType, cssClass) { let nodeElement if (ascendantNode.querySelector(cssClass)) { nodeElement = ascendantNode.querySelector(cssClass) } else { nodeElement = document.createElement(elementType) nodeElement = ascendantNode.insertAdjacentElement(position, nodeElement) nodeElement.classList.add(cssClass.slice(1)) } return nodeElement } // retorna nome amigável do campo usado como 1ª ordenação function getOrderByFieldName(orderByColumn) { let regExp = /^ddm__keyword__\d+__(.+)/ let matchExp = regExp.exec(orderByColumn) return (matchExp) ? matchExp[1] : Liferay.Language.get(orderByColumn) };}());</script>]]>
4038 <![CDATA[<script>(function() {var fragmentElement = document.querySelector('#fragment-0-mwyx'); var configuration = {"textAlign":"left","bottomSpacing":"3","headingLevel":"h2","textColor":{"cssClass":"","rgbValue":""}};/** * Copyright (c) 2000-present Liferay, Inc. All rights reserved. * * This library is free software; you can redistribute it and/or modify it under * the terms of the GNU Lesser General Public License as published by the Free * Software Foundation; either version 2.1 of the License, or (at your option) * any later version. * * This library is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more * details. */;}());</script>]]>
4101 <![CDATA[<script>(function() {var fragmentElement = document.querySelector('#fragment-0-xnkx'); var configuration = {"height":"py-3"};/** * Copyright (c) 2000-present Liferay, Inc. All rights reserved. * * This library is free software; you can redistribute it and/or modify it under * the terms of the GNU Lesser General Public License as published by the Free * Software Foundation; either version 2.1 of the License, or (at your option) * any later version. * * This library is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more * details. */;}());</script>]]>
4119 <![CDATA[<script>(function() {var fragmentElement = document.querySelector('#fragment-0-smmd'); var configuration = {"textAlign":"left","bottomSpacing":"3","headingLevel":"h2","textColor":{"cssClass":"","rgbValue":""}};/** * Copyright (c) 2000-present Liferay, Inc. All rights reserved. * * This library is free software; you can redistribute it and/or modify it under * the terms of the GNU Lesser General Public License as published by the Free * Software Foundation; either version 2.1 of the License, or (at your option) * any later version. * * This library is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more * details. */;}());</script>]]>
5015 <![CDATA[<script type="text/javascript"> // <![CDATA[ Liferay.BrowserSelectors.run(); // ]]> </script>]]>
5044 <![CDATA[<script type="text/javascript"> // <![CDATA[ Liferay.currentURL = '\x2fweb\x2fguest\x2facesso-a-informacao\x2flicitacoes-e-contratos'; Liferay.currentURLEncoded = '\x252Fweb\x252Fguest\x252Facesso-a-informacao\x252Flicitacoes-e-contratos'; // ]]> </script>]]>
5061 <![CDATA[<script type="text/javascript"> // <![CDATA[ // ]]> </script>]]>
5092 <![CDATA[<script type="text/javascript"> // <![CDATA[ (function() {var $ = AUI.$;var _ = AUI._; var onVote = function(event) { if (window.Analytics) { Analytics.send('VOTE', 'Ratings', { className: event.className, classPK: event.classPK, ratingType: event.ratingType, score: event.score }); } }; var onDestroyPortlet = function() { Liferay.detach('ratings:vote', onVote); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('ratings:vote', onVote); Liferay.on('destroyPortlet', onDestroyPortlet); })();(function() {var $ = AUI.$;var _ = AUI._; var onDestroyPortlet = function() { Liferay.detach('messagePosted', onMessagePosted); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('destroyPortlet', onDestroyPortlet); var onMessagePosted = function(event) { if (window.Analytics) { Analytics.send('posted', 'Comment', { className: event.className, classPK: event.classPK, commentId: event.commentId, text: event.text }); } }; Liferay.on('messagePosted', onMessagePosted); })();(function() {var $ = AUI.$;var _ = AUI._; var onShare = function(data) { if (window.Analytics) { Analytics.send('shared', 'SocialBookmarks', { className: data.className, classPK: data.classPK, type: data.type, url: data.url }); } }; var onDestroyPortlet = function() { Liferay.detach('socialBookmarks:share', onShare); Liferay.detach('destroyPortlet', onDestroyPortlet); }; Liferay.on('socialBookmarks:share', onShare); Liferay.on('destroyPortlet', onDestroyPortlet); })();(function() {var $ = AUI.$;var _ = AUI._; var pathnameRegexp = /\/documents\/(\d+)\/(\d+)\/(.+?)\/([^&]+)/; function handleDownloadClick(event) { if (event.target.nodeName.toLowerCase() === 'a' && window.Analytics) { var anchor = event.target; var match = pathnameRegexp.exec(anchor.pathname); var fileEntryId = anchor.dataset.analyticsFileEntryId || (anchor.parentElement && anchor.parentElement.dataset.analyticsFileEntryId); if (fileEntryId && match) { var getParameterValue = function(parameterName) { var result = null; anchor.search .substr(1) .split('&') .forEach(function(item) { var tmp = item.split('='); if (tmp[0] === parameterName) { result = decodeURIComponent(tmp[1]); } }); return result; }; Analytics.send('documentDownloaded', 'Document', { groupId: match[1], fileEntryId: fileEntryId, preview: !!window._com_liferay_document_library_analytics_isViewFileEntry, title: decodeURIComponent(match[3].replace(/\+/gi, ' ')), version: getParameterValue('version') }); } } } var onDestroyPortlet = function() { document.body.removeEventListener('click', handleDownloadClick); }; Liferay.once('destroyPortlet', onDestroyPortlet); var onPortletReady = function() { document.body.addEventListener('click', handleDownloadClick); }; Liferay.once('portletReady', onPortletReady); })();(function() {var $ = AUI.$;var _ = AUI._; function showDialog(uri, title, namespace, refreshOnClose) { Liferay.Util.openWindow({ dialog: { centered: true, constrain: true, cssClass: 'sharing-dialog', destroyOnHide: true, modal: true, height: 540, width: 600, on: { visibleChange: function(event) { if (refreshOnClose && !event.newVal) { Liferay.Portlet.refresh('#p_p_id' + namespace); } } } }, id: 'sharingDialog', title: Liferay.Util.escapeHTML(title), uri: uri }); } var Sharing = {}; Liferay.provide( Sharing, 'share', function(classNameId, classPK, title, namespace, refreshOnClose) { var sharingParameters = { classNameId: classNameId, classPK: classPK }; var sharingURL = Liferay.Util.PortletURL.createPortletURL( 'https://www.bnb.gov.br/group/guest/~/control_panel/manage?p_p_id=com_liferay_sharing_web_portlet_SharingPortlet&p_p_lifecycle=0&p_p_state=pop_up&_com_liferay_sharing_web_portlet_SharingPortlet_mvcRenderCommandName=%2Fsharing%2Fshare&p_p_auth=F7OZ7mUh', sharingParameters ); showDialog(sharingURL.toString(), title, namespace, refreshOnClose); }, ['liferay-util-window'] ); Liferay.provide( Sharing, 'manageCollaborators', function(classNameId, classPK, namespace, refreshOnClose) { var manageCollaboratorsParameters = { classNameId: classNameId, classPK: classPK }; var manageCollaboratorsURL = Liferay.Util.PortletURL.createPortletURL( 'https://www.bnb.gov.br/group/guest/~/control_panel/manage?p_p_id=com_liferay_sharing_web_portlet_ManageCollaboratorsPortlet&p_p_lifecycle=0&p_p_state=pop_up&_com_liferay_sharing_web_portlet_ManageCollaboratorsPortlet_mvcRenderCommandName=%2Fsharing%2Fmanage_collaborators&p_p_auth=0JlZJUJW', manageCollaboratorsParameters ); showDialog( manageCollaboratorsURL.toString(), 'Gerenciar colaboradores', namespace, refreshOnClose ); }, ['liferay-util-window'] ); Liferay.Sharing = Sharing; })(); if (Liferay.Data.ICONS_INLINE_SVG) { svg4everybody( { attributeName: 'data-href', polyfill: true, validate: function (src, svg, use) { return !src || !src.startsWith('#'); } } ); } Liferay.Portlet.register('com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_xL0oFjigbs4R'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_xL0oFjigbs4R_', portletId: 'com_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_xL0oFjigbs4R', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d88\x26p_p_id\x3dcom_liferay_site_navigation_site_map_web_portlet_SiteNavigationSiteMapPortlet_INSTANCE_xL0oFjigbs4R\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fweb\x252Fguest\x252Facesso-a-informacao\x252Flicitacoes-e-contratos', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_name_navigation_menu'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_name_navigation_menu_', portletId: 'com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_name_navigation_menu', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d88\x26p_p_id\x3dcom_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_name_navigation_menu\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fweb\x252Fguest\x252Facesso-a-informacao\x252Flicitacoes-e-contratos', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_lgpd_navigation_menu'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_lgpd_navigation_menu_', portletId: 'com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_lgpd_navigation_menu', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d88\x26p_p_id\x3dcom_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet_INSTANCE_lgpd_navigation_menu\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fweb\x252Fguest\x252Facesso-a-informacao\x252Flicitacoes-e-contratos', refreshURLData: {} } ); Liferay.Portlet.register('com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_bdBSZcEPvDWD'); Liferay.Portlet.onLoad( { canEditTitle: false, columnPos: 0, isStatic: 'end', namespacedId: 'p_p_id_com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_bdBSZcEPvDWD_', portletId: 'com_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_bdBSZcEPvDWD', refreshURL: '\x2fc\x2fportal\x2frender_portlet\x3fp_l_id\x3d88\x26p_p_id\x3dcom_liferay_site_navigation_breadcrumb_web_portlet_SiteNavigationBreadcrumbPortlet_INSTANCE_bdBSZcEPvDWD\x26p_p_lifecycle\x3d0\x26p_t_lifecycle\x3d0\x26p_p_state\x3dnormal\x26p_p_mode\x3dview\x26p_p_col_id\x3dnull\x26p_p_col_pos\x3dnull\x26p_p_col_count\x3dnull\x26p_p_static\x3d1\x26p_p_isolated\x3d1\x26currentURL\x3d\x252Fweb\x252Fguest\x252Facesso-a-informacao\x252Flicitacoes-e-contratos', refreshURLData: {} } ); Liferay.Loader.require('metal-dom/src/all/dom', function(metalDomSrcAllDom) { (function(){ var dom = metalDomSrcAllDom; (function() {var $ = AUI.$;var _ = AUI._; var focusInPortletHandler = dom.delegate( document, 'focusin', '.portlet', function(event) { dom.addClasses(dom.closest(event.delegateTarget, '.portlet'), 'open'); } ); var focusOutPortletHandler = dom.delegate( document, 'focusout', '.portlet', function(event) { dom.removeClasses(dom.closest(event.delegateTarget, '.portlet'), 'open'); } ); })();})(); });AUI().use('liferay-menu', 'liferay-notice', 'aui-base', 'liferay-session', 'liferay-poller', function(A) {(function() {var $ = AUI.$;var _ = AUI._; if (A.UA.mobile) { Liferay.Util.addInputCancel(); } })();(function() {var $ = AUI.$;var _ = AUI._; new Liferay.Menu(); var liferayNotices = Liferay.Data.notices; for (var i = 1; i < liferayNotices.length; i++) { new Liferay.Notice(liferayNotices[i]); } })();(function() {var $ = AUI.$;var _ = AUI._; Liferay.Session = new Liferay.SessionBase( { autoExtend: true, redirectOnExpire: false, redirectUrl: 'https\x3a\x2f\x2fwww\x2ebnb\x2egov\x2ebr\x2fweb\x2fguest', sessionLength: 900, sessionTimeoutOffset: 70, warningLength: 0 } ); })();}); // ]]> </script>]]>
5428 <![CDATA[<script type="text/javascript"> // <![CDATA[ AUI().use( 'aui-base', function(A) { var frameElement = window.frameElement; if (frameElement && frameElement.getAttribute('id') === 'simulationDeviceIframe') { A.getBody().addClass('lfr-has-simulation-panel'); } } ); // ]]> </script>]]>
5441 <![CDATA[<script type="text/javascript"> // <![CDATA[ Liferay.Loader.require('frontend-js-tooltip-support-web@2.0.5/index', function(frontendJsTooltipSupportWeb205Index) { (function(){ var TooltipSupport = frontendJsTooltipSupportWeb205Index; (function() { try { TooltipSupport.default() } catch (err) { console.error(err); } })();})(); }); // ]]> </script>]]>