Part-DB.Part-DB-server/assets/js/tab_remember.js

"use strict";

/**
 * This listener keeps track of which tab is currently selected (using hash and localstorage) and will try to open
 * that tab on reload. That means that if the user changes something, he does not have to switch back to the tab
 * where he was before submit.
 */
let TabRememberHelper = new class {
    constructor() {
        document.addEventListener("turbo:load", () => {
            //Determine which tab should be shown (use hash if specified, otherwise use localstorage)
            var $activeTab = null;
            if (location.hash) {
                $activeTab = $('a[href=\'' + location.hash + '\']');
            } else if (localStorage.getItem('activeTab')) {
                $activeTab = $('a[href="' + localStorage.getItem('activeTab') + '"]');
            }

            if ($activeTab) {
                //Findout if the tab has any parent tab we have to show before
                var parents = $($activeTab).parents('.tab-pane');
                parents.each(function (n) {
                    $('a[href="#' + $(this).attr('id') + '"]').tab('show');
                });
                //Finally show the active tab itself
                $activeTab.tab('show');
            }

            $('body').on('click', 'a[data-toggle=\'tab\']', function (e) {
                e.preventDefault()
                var tab_name = this.getAttribute('href')
                if (history.replaceState) {
                    history.replaceState(null, null, tab_name)
                } else {
                    location.hash = tab_name
                }
                localStorage.setItem('activeTab', tab_name)

                $(this).tab('show');
                return false;
            });
        });
    }
}

//export default new TabRememberHelper();