obscreen/data/www/js/global.js

const $modalsRoot = $('.modals');

const showModal = function (modalClass) {
    $modalsRoot.removeClass('hidden').find('form').trigger('reset');
    $modalsRoot.find('.modal').addClass('hidden');
    $modalsRoot.find('.modal.' + modalClass).removeClass('hidden');
};

const hideModal = function () {
    $modalsRoot.addClass('hidden').find('form').trigger('reset');
};

const hideDropdowns = function () {
    $('.dropdown').removeClass('dropdown-show');
};

// Open complete path in explorer sidebar
const explrSidebarOpenFromFolder = function (folderId) {
    const $leaf = $('.li-explr-folder-' + folderId);
    let $parent = $leaf;
    while($parent.length > 0) {
        const $toggler = $parent.find('.explr-toggler:eq(0)');
        if ($toggler.hasClass('explr-plus')) {
            $parent.find('.explr-toggler:eq(0)').trigger('click');
        }
        $parent = $parent.parents('.li-explr-folder:eq(0)');
    }
};

jQuery(document).ready(function ($) {
    $('.dropdown .trigger').on('click', function (event) {
        event.stopPropagation();
        var $dropdown = $(this).closest('.dropdown');
        var $menu = $dropdown.find('ul.dropdown-menu');

        $('.dropdown').not($dropdown).removeClass('dropdown-show');
        $dropdown.toggleClass('dropdown-show');

        // Adjust dropdown position to prevent overflow
        var triggerHeight = $(this).outerHeight() + 20;
        var triggerOffset = $(this).offset();
        var menuWidth = $menu.outerWidth();
        var windowWidth = $(window).width();
        var menuHeight = $menu.outerHeight();
        var windowHeight = $(window).height();

        // Set the top position
        $menu.css('top', triggerHeight + 'px');

        // Adjust the left position to prevent overflow
        if (triggerOffset.left + menuWidth > windowWidth) {
            $menu.css('left', 'auto');
            $menu.css('right', 0);
        } else {
            $menu.css('left', 0);
            $menu.css('right', 'auto');
        }

        // Adjust the top position to prevent bottom overflow
        var menuOffset = $menu.offset();
        if (menuOffset.top + menuHeight > windowHeight) {
            $menu.css('top', -menuHeight + 'px');
        } else {
            $menu.css('top', triggerHeight + 'px');
        }
    });

    $(document).on('click', function () {
        $('.dropdown').removeClass('dropdown-show');
    });

    $(window).on('resize', function () {
        $('.dropdown.dropdown-show .trigger').trigger('click');
    });

    $(document).on('click', '.modal-close', function () {
        hideModal();
    });

    $(document).keyup(function (e) {
        if (e.key === "Escape") {
            hideModal();
            hideDropdowns();
        }
    });

    // Link protection
    $(document).on('click', '.protected', function (e) {
        e.preventDefault();
        e.stopPropagation();

        if (confirm(l.js_common_are_you_sure)) {
            if ($(this).is('a')) {
                if ($(this).attr('target') == '_blank') {
                    window.open($(this).attr('href'));
                } else {
                    document.location.href = $(this).attr('href');
                }
            }
        }

        return false;
    });

    // Datetime and owner tracking
    $(document).on('click', '.item-utrack', function () {
        const entity = JSON.parse($(this).parents('tr:eq(0)').attr('data-entity'));
        showModal('modal-entity-utrack');
        $('#entity-utrack-created-by').val(entity.created_by);
        $('#entity-utrack-updated-by').val(entity.updated_by);
        $('#entity-utrack-created-at').val(prettyTimestamp(entity.created_at * 1000));
        $('#entity-utrack-updated-at').val(prettyTimestamp(entity.updated_at * 1000));
    });


    // Explorer item selection
    $(document).on('click', 'a.explr-link', function (event) {
        event.preventDefault();
        $('a.explr-link').removeClass('highlight-clicked');
        $('a.explr-link').parent().removeClass('highlight-clicked');
        $('body').removeClass('explr-selection');

        if ($(this).hasClass('explr-item-selectable')) {
            $(this).addClass('highlight-clicked');
            $(this).parent().addClass('highlight-clicked');
            $('body').addClass('explr-selection');
        }
    });
    $(document).on('dblclick', 'a.explr-link', function (event) {
        event.preventDefault();
        $(this).off('click');
        const href = $(this).attr('href');

        if ($(this).attr('target') === '_blank') {
            window.open(href);
        } else {
            window.location.href = href;
        }
    });
    $(document).on('click', function (event) {
        const $parentClickable = $(event.target).parents('a, button');
        if ($parentClickable.length === 0) {
            $('a.explr-link').removeClass('highlight-clicked');
            $('a.explr-link').parent().removeClass('highlight-clicked');
            $('body').removeClass('explr-selection');
        }
    });

    setTimeout(function() {
        $('.alert-timeout').remove();
    }, 3000);

    if ($('.edit-page').length) {
        const $firstInputText = $('input[type=text]:eq(0)');
        if ($firstInputText.length) {
            $firstInputText.focus();
        }
    }
});