index.js 942 B

12345678910111213141516171819202122232425262728293031
  1. var origins = Origins()
  2. var popup = Popup()
  3. m.mount(document.querySelector('main'), {
  4. view: () => [
  5. origins.render(),
  6. popup.options(),
  7. ]
  8. })
  9. // header menu
  10. document.querySelector('.nav').addEventListener('click', (e) => {
  11. e.preventDefault()
  12. Array.from(document.querySelectorAll('.nav a')).forEach((link) => {
  13. link.classList.remove('active')
  14. })
  15. if (e.target.innerText === 'Origins') {
  16. document.querySelector('.m-origins').classList.remove('hidden')
  17. document.querySelector('.m-settings').classList.add('hidden')
  18. e.target.classList.add('active')
  19. }
  20. else if (e.target.innerText === 'Settings') {
  21. document.querySelector('.m-origins').classList.add('hidden')
  22. document.querySelector('.m-settings').classList.remove('hidden')
  23. e.target.classList.add('active')
  24. }
  25. else if (e.target.innerText === 'Help') {
  26. window.location = 'https://github.com/simov/markdown-viewer#table-of-contents'
  27. }
  28. })