80f8b9a · webring · git.iko.soy

git.iko.soy/webring

on master help sign in

corrected code-style

80f8b9aDYM7 years ago

index.html+8−16

compare with master

unifiedsplit

@@ -16,22 +16,14 @@

16 portal.install(document.body);

17 portal.start();

19− function toggleType( e )

19+ function toggleType(e) {

20− { const navLink = e.target

20+ const navLink = e.target

21− , selectedType = navLink.dataset.type

21+ const selectedType = navLink.dataset.type

22−

23− document.querySelector( `nav a.current` )

22+ document.querySelector(`nav a.current`).classList.remove('current')

24− .classList.toggle( 'current' )

25− navLink.classList.toggle( 'current' )

23+ navLink.classList.add('current')

26−

27− document.querySelectorAll( `main li` )

28− .forEach( el => el.style.visibility = 'visible' )

24+ document.querySelectorAll(`main li`).forEach(el => el.style.visibility = 'visible')

29−

30− if( selectedType )

31− document.querySelectorAll( `main li:not([data-type='${selectedType}'])` )

25+ if(selectedType) { document.querySelectorAll(`main li:not([data-type='${selectedType}'])`).forEach(el => el.style.visibility = 'hidden') }

32− .forEach( el => el.style.visibility = 'hidden' )

33− }

26+ }

34−

35 </script>

27 </script>

36</body>

28</body>

37</html>

29</html>

scripts/portal.js+4−14

@@ -16,20 +16,10 @@ function Portal (sites) {

16 }

18 function _directory (sites) {

19− const siteTypesArray = [ ...new Set( sites.map( site => site.type ).filter(Boolean) ) ]

19+ const siteTypesArray = [...new Set(sites.map(site => site.type).filter(Boolean))]

20− const siteTypes = siteTypesArray.reduce( (output, siteType) => `${output}

21− <a data-type='${siteType}' href='#' onclick='event.preventDefault(); toggleType(event)'><${siteType}></a>`

20+ const siteTypes = siteTypesArray.reduce((output, siteType) => `${output}<a data-type='${siteType}' href='#' onclick='event.preventDefault(); toggleType(event)'><${siteType}></a>`, `<a class='current' href='#' onclick='event.preventDefault(); toggleType(event)'><all></a>`)

22− , `<a class='current' href='#' onclick='event.preventDefault(); toggleType(event)'><all></a>` )

23−

24− const listItems = sites.reduce( (acc, site, id) =>

25− `${acc}<li ${_type(site)} id='${id}'><a href='${site.url}'>${_name(site)}</a></li>`

21+ const listItems = sites.reduce((acc, site, id) => `${acc}<li ${_type(site)} id='${id}'><a href='${site.url}'>${_name(site)}</a></li>`, '')

26− , '' )

27−

28− return `<nav>${siteTypes}</nav>

29− <main>

30− <ul>${listItems}</ul>

31− </main>

32− <footer>${_readme()}${_buttons()}</footer>`

22+ return `<nav>${siteTypes}</nav><main><ul>${listItems}</ul></main><footer>${_readme()}${_buttons()}</footer>`

33 }

23 }

35 function _name (site) {

25 function _name (site) {