Subversion Repositories cheapmusic

Rev

Blame | Last modification | View Log | RSS feed

<ul class="nav navbar-nav" id="alert_noti_sec">
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                <i class="fas fa-bell" style="font-size: 16px;"></i>
                <span class="count" style="display: none;"></span>
        </a>
        <ul class="dropdown-menu dropdown-menu-right"></ul>
    </li>
</ul>

<script>
$(document).ready(function(){

    // updating the view with notifications using ajax
    function load_unseen_notification(view = '') {
        $.ajax({
            url:"alerts.php",
            method:"POST",
            data:{view: view, 'sec': 'fetch_alerts'},
            dataType:"json",
            success:function(data) {
                if (view != 'yes') {
                                $('.dropdown-menu').html(data.notification);
                }
                
                        if(data.unseen_notification > 0) {
                                $('.count').show();
                                $('.count').html(data.unseen_notification);
                        }
                }
        });
    }
    
    load_unseen_notification();

    $('.dropdown').on('shown.bs.dropdown', function () {
        $('.count').html('');
        $('.count').hide();
        load_unseen_notification('yes');
    })
    
    setInterval(function() {
       load_unseen_notification();;
    }, 100000);

});
</script>