Text Compare
Produced: 25/10/2019 18:38:14
   
Mode:  All  
Left file: appwork-release/appwork-v1_3_1/rails-starter/app/assets/javascripts/main.js  
Right file: appwork-release/appwork-v1_4_0/rails-turbolinks-starter/app/javascript/source/main.js  
(function(win, doc, $) { = (function(win, doc, $) {
  var themeSettings = win.themeSettings; <>  
  var layoutHelpers = win.layoutHelpers;    
  var attachMaterialRipple = win.attachMaterialRipple;     const { themeSettings, layoutHelpers, attachMaterialRipple, detachMaterialRipple, SideNav } = win
  var detachMaterialRipple = win.detachMaterialRipple;    
      let [ firstLoad, sidenavInstance ] = [ true, null ]
  var firstLoad = true;    
  var sidenav = null;     doc.addEventListener('turbolinks:before-render', e => {
        if (!themeSettings || $('html')[0].hasAttribute('data-turbolinks-preview')) return
  doc.addEventListener('turbolinks:render', function(e) {    
    // Remove unwanted merged stylesheets on each render =     // Remove unwanted merged stylesheets on each render
    if (themeSettings) { <>  
      $('.theme-settings-bootstrap-css').slice(1).remove();       $('.theme-settings-bootstrap-css').slice(1).remove()
      $('.theme-settings-appwork-css').slice(1).remove();       $('.theme-settings-appwork-css').slice(1).remove()
      $('.theme-settings-theme-css').slice(1).remove();       $('.theme-settings-theme-css').slice(1).remove()
      $('.theme-settings-colors-css').slice(1).remove();       $('.theme-settings-colors-css').slice(1).remove()
    }    
  =  
    // Setup theme settings element       // Setup theme settings element
    if (!firstLoad && themeSettings) { <>     if (!firstLoad) {
      $('.layout-wrapper', e.data.newBody).addClass('layout-sidenav-link-no-transition');         $('.layout-wrapper', e.data.newBody).addClass('layout-sidenav-link-no-transition')
      themeSettings.updateNavbarBg(e.data.newBody);         themeSettings.updateNavbarBg(e.data.newBody)
      themeSettings.updateSidenavBg(e.data.newBody);         themeSettings.updateSidenavBg(e.data.newBody)
          themeSettings.updateFooterBg(e.data.newBody)
      themeSettings._setup(e.data.newBody);         themeSettings._setup(e.data.newBody)
      setTimeout(function() {         setTimeout(() =>
        $('.layout-wrapper', e.data.newBody).removeClass('layout-sidenav-link-no-transition');           $('.layout-wrapper', e.data.newBody).removeClass('layout-sidenav-link-no-transition')
      }, 50);         , 50)
    } =     }
  }); <>   })
  =  
  doc.addEventListener('turbolinks:load', function() { <>   doc.addEventListener('turbolinks:load', () => {
    if (layoutHelpers) { =     if (layoutHelpers) {
      layoutHelpers.init(); <>       layoutHelpers.init()
  =  
      // Update layout         // Update layout
      layoutHelpers.update(); <>       layoutHelpers.update()
  =  
      // Auto update layout         // Auto update layout
      layoutHelpers.setAutoUpdate(true); <>       layoutHelpers.setAutoUpdate(true)
  =  
      // Hide sidenav on small screens after page load         // Hide sidenav on small screens after page load
      if (layoutHelpers.isSmallScreen()) {         if (layoutHelpers.isSmallScreen()) {
        layoutHelpers.setCollapsed(true, true); <>         layoutHelpers.setCollapsed(true, true)
      } =       }
    }       }
     
    // Attach material ripple       // Attach material ripple
    if (!firstLoad && attachMaterialRipple && doc.documentElement.classList.contains('material-style')) { <>     if (!firstLoad && attachMaterialRipple && $('html').hasClass('material-style')) {
      attachMaterialRipple();         attachMaterialRipple()
    } =     }
     
    // Initialize sidenav       // Initialize sidenav
    $('#layout-sidenav').each(function() { <>     $('#layout-sidenav').each(function () {
      sidenav = new win.SideNav(this, {         sidenavInstance = new SideNav(this, {
        orientation: $(this).hasClass('sidenav-horizontal') ? 'horizontal' : 'vertical' =         orientation: $(this).hasClass('sidenav-horizontal') ? 'horizontal' : 'vertical'
      }); <>       })
    });       })
  =  
    // Initialize sidenav togglers       // Initialize sidenav togglers
    $('body').on('click', '.layout-sidenav-toggle', function(e) { <>     $('body').on('click', '.layout-sidenav-toggle', e => {
      e.preventDefault();         e.preventDefault()
      layoutHelpers.toggleCollapsed();         layoutHelpers.toggleCollapsed()
    });       })
  =  
    // Swap dropdown menus in RTL mode       // Swap dropdown menus in RTL mode
    if ($('html').attr('dir') === 'rtl') {       if ($('html').attr('dir') === 'rtl') {
      $('#layout-navbar .dropdown-menu').toggleClass('dropdown-menu-right'); <>       $('#layout-navbar .dropdown-menu').toggleClass('dropdown-menu-right')
    } =     }
  }); <>   })
  =  
  doc.addEventListener('turbolinks:visit', function() { <>   doc.addEventListener('turbolinks:visit', () => {
    firstLoad = false;       firstLoad = false
  =  
    // Clean up layoutHelpers       // Clean up layoutHelpers
    if (layoutHelpers) {       if (layoutHelpers) {
      layoutHelpers.destroy(); <>       layoutHelpers.destroy()
    } =     }
     
    // Clean up material ripple       // Clean up material ripple
    if (detachMaterialRipple) {       if (detachMaterialRipple) {
      detachMaterialRipple(); <>       detachMaterialRipple()
    } =     }
     
    // Destroy sidenav       // Destroy sidenav
    if (sidenav) { <>     if (sidenavInstance) {
      sidenav.destroy();         sidenavInstance.destroy()
    } =     }
     
    // Remove sidenav toggler listeners       // Remove sidenav toggler listeners
    $('body').off('click', '.layout-sidenav-toggle'); <>     $('body').off('click', '.layout-sidenav-toggle')
  });     })
})(window, document, jQuery);   })(window, document, jQuery)