Subversion Repositories SmartDukaan

    /* Modern Tooltip */

    [data-tip] {

        cursor: pointer;

    }

    #fs-tooltip {

        position: fixed;

        background: #1e293b;

        color: #fff;

        font-size: 12px;

        font-weight: 500;

        padding: 6px 12px;

        border-radius: 6px;

        white-space: nowrap;

        z-index: 99999;

        pointer-events: none;

        opacity: 0;

        transition: opacity 0.15s ease;

        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);

        letter-spacing: 0.3px;

    }

    #fs-tooltip.visible {

        opacity: 1;

    }

    /* Arrow pointing down (tooltip above cell) */

    #fs-tooltip.arrow-down::after {

        content: '';

        position: absolute;

        top: 100%;

        left: 50%;

        transform: translateX(-50%);

        border: 5px solid transparent;

        border-top-color: #1e293b;

    }

    /* Arrow pointing up (tooltip below cell) */

    #fs-tooltip.arrow-up::after {

        content: '';

        position: absolute;

        bottom: 100%;

        left: 50%;

        transform: translateX(-50%);

        border: 5px solid transparent;

        border-bottom-color: #1e293b;

    }

    // Create tooltip element on body (never clipped by overflow)

    $('body').append('<div id="fs-tooltip"></div>');

    var fsTooltip = $('#fs-tooltip');

    // Abbreviation maps

    var abbreviationMap = {

        'MA': 'Mark Applicable',

        'NA': 'Not Applicable',

        'SNA': 'Service Not Applicable',

        'PNI': 'Partner Not Interested',

        'No Code': 'Code Not Available',

        'NO': 'Document Compliance Not Done',

        'INITIATED': 'Service Initiated \u2013 Pending Activation',

        '--': 'Never Worked On This Partner'

    };

    var classTooltipMap = {

        'working-green': 'Brand Working Properly',

        'not-working-red': 'Brand Not Working (Partner Side)',

        'not-working': 'Brand Not Started'

    };

    function applyTooltips() {

        $('.dataTables_wrapper td').each(function () {

            var el = $(this);

            if (el.attr('data-tip')) return;

            var cellText = el.text().trim();

            if (abbreviationMap[cellText]) {

                el.attr('data-tip', abbreviationMap[cellText]);

                return;

            }

            for (var cls in classTooltipMap) {

                if (el.hasClass(cls)) {

                    el.attr('data-tip', classTooltipMap[cls]);

                    return;

                }

            }

        });

        $('.dataTables_wrapper .service-mark-pni').attr('data-tip', 'Partner Not Interested');

        $('.dataTables_wrapper .service-mark-active').attr('data-tip', 'Mark Applicable');

        $('.dataTables_wrapper .service-mark-not-active').attr('data-tip', 'Not Applicable');

    }

    // Show tooltip on hover using event delegation (works for all rows including clones)

    $(document).on('mouseenter', '[data-tip]', function () {

        var tipText = $(this).attr('data-tip');

        if (!tipText) return;

        fsTooltip.text(tipText).removeClass('arrow-down arrow-up');

        var rect = this.getBoundingClientRect();

        var tipHeight = fsTooltip.outerHeight();

        var tipWidth = fsTooltip.outerWidth();

        var left = rect.left + (rect.width / 2) - (tipWidth / 2);

        // Keep within viewport horizontally

        if (left < 5) left = 5;

        if (left + tipWidth > window.innerWidth - 5) left = window.innerWidth - tipWidth - 5;

        // Find the header bottom to detect overlap

        var headerEl = document.querySelector('.dataTables_scrollHead');

        var headerBottom = headerEl ? headerEl.getBoundingClientRect().bottom : 0;

        var topPos = rect.top - tipHeight - 8;

        if (topPos < headerBottom) {

            // Not enough space above (behind header) — show BELOW the cell

            fsTooltip.css({left: left, top: rect.bottom + 8});

            fsTooltip.addClass('visible arrow-up');

        } else {

            // Normal — show ABOVE the cell

            fsTooltip.css({left: left, top: topPos});

            fsTooltip.addClass('visible arrow-down');

        }

    });

    $(document).on('mouseleave', '[data-tip]', function () {

        fsTooltip.removeClass('visible arrow-down arrow-up');

    });

                "initComplete": function () {

                    applyTooltips();

                }

    dtable.on('draw.dt', function () {

        setTimeout(applyTooltips, 100);

    });