aboutsummaryrefslogtreecommitdiffstats
path: root/app/assets/javascripts/main_menu.coffee
blob: d755cd43bd1f433c9626ffaa6de449a866106820 (plain)
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
27
28
29
30
31
32
33
34
35
36
$(document).on 'ready page:load', ->
  $el = $('#main_nav')
    # Opening/closing left-side menu
  $el.find('.openMenu').on 'click', (e) ->
    $(this).parent().addClass 'open'

  $el.find('.closeMenu').on 'click', (e) ->
    $(this).closest('.nav-menu').removeClass 'open'

  # Opening menu panel according to current url
  selectedItem = $el.find('.active')
  selectedItem.closest('.panel-collapse').addClass 'in'
  selectedItem.closest('.panel-title').children('a').attr('aria-expanded') == true

  # Sticky behavior
  $(document).on 'scroll', ->
    limit = 51

    stickyContent = '<div class="sticky-content">'
    stickyContent += '<div class="sticky-ptitle">' + $(".page-title").html() + '</div>'
    stickyContent += '<div class="sticky-paction">' + $(".page-action").html() + '</div>'
    stickyContent += '</div>'

    # console.log stickyContent

    if $(window).scrollTop() >= limit
      $('#main_nav').addClass 'sticky'

      if $('#menu_top').find('.sticky-content').length == 0
        $('#menu_top').children('.menu-content').after(stickyContent)

    else
      $('#main_nav').removeClass 'sticky'

      if $('#menu_top').find('.sticky-content').length > 0
        $('.sticky-content').remove()