Page tree

European Commission Digital

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Content Layer
id656114693
classcef cef-section
Content Column
width100%
id656114695
Content Block
id656114698
Div
classcef-container
Div
classcef-row
Div
classcef-col-12 cef-news-event-list
HTML
<h3>Past Events</h3>
Div
classev-summary

News Teaser
newsTextexcerpt
colorwhite
filterByDatefalse
openLinksInNewWindowfalse
showCreatedDatefalse
spacesSelectedDIGITAL,CEFDIGITAL
columns3
showStatsfalse
linkfalse
showSpacefalse
showAuthorfalse
showDatefalse
labelColor#0049B0
labelsevent-list-past
layoutlist
showErrorfalse
maxResults3
sortOrderlastmodified desc
promotedFirsttrue
contentTypepage
imageLabelsfeatured
showCreatorfalse

Expand
titleSee all

News Teaser
newsTextexcerpt
colorwhite
filterByDatefalse
openLinksInNewWindowfalse
showCreatedDatefalse
spacesSelectedDIGITAL,CEFDIGITAL
columns3
showStatsfalse
linkfalse
showSpacefalse
showAuthorfalse
showDatefalse
labelColor#0049B0
labelsevent-list-past
layoutlist
showErrorfalse
maxResults10
sortOrderlastmodified desc
promotedFirsttrue
contentTypepage
imageLabelsfeatured
showCreatorfalse

CSS Stylesheet
.ev-summary div[class^="sc-"]{
    display: none;
}
.ev-summary.ev-sum-hidden{
    display: none;
}
HTML
<script>
    window.addEventListener('DOMContentLoaded', () => {
        const seeAllBtn = document.querySelector('div[id*="expander"');
        const summ = document.querySelector('.ev-summary');

        const confmacro = document.querySelectorAll('.conf-macro');
        confmacro.forEach(element => {
            console.log(element);
            if(element.children.length < 1){
                confmacro.closest('.cef-section').style.display = 'none';
            }
        });

        seeAllBtn.addEventListener('click', () => {
            
            if(summ.classList.contains('ev-sum-hidden')){
                summ.classList.remove('ev-sum-hidden');
            }
            else{
                summ.classList.add('ev-sum-hidden');
            }
        })
    });
</script>

...