/**
 * Lost? You're probably looking for the `public/js` directory.
 */

import Echo from 'laravel-echo';

window.Pusher = require('pusher-js');

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: window.pusherKey,
    cluster: 'eu',
    forceTLS: true,
});

if (user_id) {
    window.Echo.private('user_' + user_id)
        .listen('notification', (event) => {
            handlePusherNotification(event)
        })
}

function handlePusherNotification(data) {
    if (data.action === 'add-notification') {
        $('.notifications .notification-inner').prepend('<div class="notification clear" data-notification="'+data.id+'">'+data.html+'</div>');
        $('.notifications .no-notifications').remove();
        incrementNotificationCount();
        openNewNotification(data.html);
        fixNotificationHeights();
    }
}