// What to do when the document is loaded.
document.addEventListener(
    'DOMContentLoaded'
    , function () {
        // init materialize elements
        initModals();
        initSidenav();
        initSelects();
    }
);

function initSidenav() {
    var sidenavElements = document.querySelectorAll('.sidenav');
    // var sidenavInstances = 
    M.Sidenav.init(sidenavElements, {
    });
};

// Init Modals
function initModals() {
    var modalElements = document.querySelectorAll('.modal');
    // var modalInstances = 
    M.Modal.init(modalElements, {
        'onOpenEnd': initSelects
    });
};

// Init select forms
function initSelects() {
    var selectElements = document.querySelectorAll('select');
    // var selectInstances = 
    M.FormSelect.init(selectElements, {});
}