4
0

sidebar.js 789 B

12345678910111213141516171819202122232425262728293031323334
  1. define([], function () {
  2. return function (el) {
  3. var self = this
  4. var sidebar = document.createElement("div")
  5. sidebar.classList.add("sidebar")
  6. el.appendChild(sidebar)
  7. var button = document.createElement("button")
  8. sidebar.appendChild(button)
  9. button.classList.add("sidebarhandle")
  10. button.onclick = function () {
  11. sidebar.classList.toggle("hidden")
  12. }
  13. var container = document.createElement("div")
  14. container.classList.add("container")
  15. sidebar.appendChild(container)
  16. self.getWidth = function () {
  17. var small = window.matchMedia("(max-width: 60em)")
  18. return small.matches ? 0 : sidebar.offsetWidth
  19. }
  20. self.add = function (d) {
  21. d.render(container)
  22. }
  23. self.container = container
  24. return self
  25. }
  26. })