equation-admin-template/ltr/assets/js/ui-kit/ui-tooltip-popovers.js

Booststrap 4 admin template made by equation

// Colors

$('.primary').tooltip({
    template: '<div class="tooltip tooltip-primary" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',
    title: "Primary"
});

$('.success').tooltip({
    template: '<div class="tooltip tooltip-success" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',
    title: "Success"
});

$('.info').tooltip({
    template: '<div class="tooltip tooltip-info" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',
    title: "Info"
});

$('.danger').tooltip({
    template: '<div class="tooltip tooltip-danger" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',
    title: "Danger"
});

$('.warning').tooltip({
    template: '<div class="tooltip tooltip-warning" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',
    title: "Warning"
});

$('.secondary').tooltip({
    template: '<div class="tooltip tooltip-secondary" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',
    title: "Secondary"
});

$('.dark').tooltip({
    template: '<div class="tooltip tooltip-dark" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',
    title: "Dark"
});

/*
    Popovers
*/

$('.btn-popover-primary').popover({
    template: '<div class="popover popover-primary" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',
    title: "Primary",
    content: "Primary popover"
});

$('.btn-popover-success').popover({
    template: '<div class="popover popover-success" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',
    title: "Success",
    content: "Success popover"
});

$('.btn-popover-info').popover({
    template: '<div class="popover popover-info" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',
    title: "Info",
    content: "Info popover"
});

$('.btn-popover-danger').popover({
    template: '<div class="popover popover-danger" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',
    title: "Danger",
    content: "Danger popover"
});

$('.btn-popover-warning').popover({
    template: '<div class="popover popover-warning" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',
    title: "Warning",
    content: "Warning popover"
});

$('.btn-popover-secondary').popover({
    template: '<div class="popover popover-secondary" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',
    title: "Secondary",
    content: "Secondary popover"
});

$('.btn-popover-dark').popover({
    template: '<div class="popover popover-dark" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',
    title: "Dark",
    content: "Dark popover"
});