app/assets/javascripts/sidebar.js.coffee


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

responsive_resize = ->
  current_width = $(window).width()
  if current_width < 985
    $('.responsive-side').addClass("ui right wide sidebar")
  else
    $('.responsive-side').removeClass("ui right wide sidebar")

$ ->
  # Depending on window size, set the sidebar offscreen.
  responsive_resize()

  $('.sidebar-expand-button').click ->
    $('.ui.sidebar')
      .sidebar({overlay: true})
      .sidebar('toggle')

  # Hide sidebar on click outside of sidebar
  $(document).mouseup (e) ->
    container = $(".ui.sidebar")
    container.sidebar "hide"  if not container.is(e.target) and container.has(e.target).length is 0
    return

# On resize, check if sidebar should be offscreen.
$(window).resize ->
  responsive_resize()
  return