scinote-web/app/assets/javascripts/sidebar.js

/* global PerfectScrollbar */

var Sidebar = (function() {
  const SIDEBAR_CONTAINER = '.sidebar-container';

  function reloadSidebar() {
    let url = $(SIDEBAR_CONTAINER).data('sidebar-url');
    $.get(url, function(result) {
      $(SIDEBAR_CONTAINER).find('.sidebar-body').html(result.html);
      showSelectedLeaf();
      $(SIDEBAR_CONTAINER).data('scrollBar').update();
    });
  }

  function initSideBar() {
    var sidebarBody = $(SIDEBAR_CONTAINER).find('.sidebar-body');
    var scrollBar = new PerfectScrollbar(sidebarBody[0], {
      wheelSpeed: 0.5, minScrollbarLength: 20
    });
    $(SIDEBAR_CONTAINER).data('scrollBar', scrollBar);
    $(SIDEBAR_CONTAINER).on('click', '.toggle-branch', function() {
      $(this).toggleClass('collapsed fa-caret-down fa-caret-right');
      $(SIDEBAR_CONTAINER).data('scrollBar').update();
    });
  }

  function showSelectedLeaf() {
    var branchSelectors = $(SIDEBAR_CONTAINER).find('.sidebar-link.selected')
      .parents('.sidebar-leaf')
      .find('> .toggle-branch');
    branchSelectors.removeClass('collapsed fa-caret-right').addClass('fa-caret-down');
  }

  return {
    init: () => {
      initSideBar();
      showSelectedLeaf();
      $('#wrapper').show();
    },

    reload: () => {
      reloadSidebar();
    }
  };
}());

$(document).on('turbolinks:load', function() {
  Sidebar.init();
});