Pop-up de notificação

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Pop-up de notificação

Mensagem por vcapelli 18.07.21 17:28

Detalhes da questão


Endereço do fórum: http://policiahb.forumeiros.com
Versão do fórum: AwesomeBB

Descrição


Gostaria de sempre que um usuário entrasse no fórum e ele tiver uma notificação exibisse um pop-up SweetAlert noticiando que há uma notificação com um link para mostrar todas as notificações que ele possui

Aradeço desde já Piscada
vcapelli

vcapelli
Nível 9

Masculino
Membro desde : 17/02/2018
Mensagens : 202
Pontos ativos : 388

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Principal contribuidor
  • 0

Tópico resolvido Re: Pop-up de notificação

Mensagem por Hancki 20.07.21 22:21

Olá,

Fiz um pequeno código que integra bastante bem o que pretende.
Crie uma nova página Javascript e selecione "todas as páginas". Depois cole o código abaixo e salve.
Código:
$.getScript("//cdn.jsdelivr.net/npm/sweetalert2@11", function(data, textStatus, jqxhr) {
    console.log(data);
    console.log(textStatus);
    console.log(jqxhr.status);
    console.log("Load was performed.");
    var sweetNotif = $('#fa_toolbar #notif_unread');
    if (sweetNotif.length) {
        console.log('Hancki made it!');

        Swal.fire({
            title: '<strong>Novas notificações! Deseja ler?</strong>',
            icon: 'info',
            html: 'Aproveite para ler as novas mensagens ou respostas a tópicos. Não perca uma!',
            showCloseButton: true,
            showCancelButton: true,
            focusConfirm: false,
            confirmButtonText: '<a href="/profile?mode=editprofile&page_profil=notifications" style="color:white">Sim!</a>',
            confirmButtonAriaLabel: 'Sim',
            cancelButtonText: 'Não, fechar!',
            cancelButtonAriaLabel: 'Fechar'
        })
    }
});

O resultado será este: https://i.servimg.com/u/f62/14/38/79/70/captur10.png

Hancki
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 03/10/2009
Mensagens : 8149
Pontos ativos : 12175

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pop-up de notificação

Mensagem por vcapelli 23.07.21 3:12

Desculpa pela demora amigo, mas infelizmente o pop-up não apareceu. É possível ver pelo console que aconteceu algo entretanto não apareceu Hmmm
Pop-up de notificação PBZ98eo
vcapelli

vcapelli
Nível 9

Masculino
Membro desde : 17/02/2018
Mensagens : 202
Pontos ativos : 388

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Principal contribuidor
  • 0

Tópico resolvido Re: Pop-up de notificação

Mensagem por Hancki 23.07.21 18:25

Olá!

Tem que existir notificações na toolbar (ou seja, tem que estar ativa, nem que depois a esconda com CSS). A linha 7 do código faz essa verificação. Se não existirem notificações, nada aparece.

Na consola tem também que aparecer uma mensagem personalizada quando acontece com sucesso.

Verifique: https://prnt.sc/1euidgu

Hancki
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 03/10/2009
Mensagens : 8149
Pontos ativos : 12175

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pop-up de notificação

Mensagem por vcapelli 23.07.21 21:52

Entendi o porque não funcionar estava na variável sweetNotif, o id que é diferente no meu fórum. Alterei e no console deu certo, mas quando passei para folha javascript não funcionou Aff

Código:
$.getScript("//cdn.jsdelivr.net/npm/sweetalert2@11", function(data, textStatus, jqxhr) {
    console.log(data);
    console.log(textStatus);
    console.log(jqxhr.status);
    console.log("Load was performed.");
    var sweetNotif = $('#header-notif #unread_notif');
    if (sweetNotif.length) {
        console.log('Hancki made it!');
 
        Swal.fire({
            title: '<strong>Novas notificações! Deseja ler?</strong>',
            icon: 'info',
            html: 'Aproveite para ler as novas mensagens ou respostas a tópicos. Não perca uma!',
            showCloseButton: true,
            showCancelButton: true,
            focusConfirm: false,
            confirmButtonText: '<a href="/profile?mode=editprofile&page_profil=notifications" style="color:white">Sim!</a>',
            confirmButtonAriaLabel: 'Sim',
            cancelButtonText: 'Não, fechar!',
            cancelButtonAriaLabel: 'Fechar'
        })
    }
});

Pop-up de notificação TUZxbxp
vcapelli

vcapelli
Nível 9

Masculino
Membro desde : 17/02/2018
Mensagens : 202
Pontos ativos : 388

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Principal contribuidor
  • 0

Tópico resolvido Re: Pop-up de notificação

Mensagem por Hancki 26.07.21 10:31

Olá de novo,

Eu experimentei e desenvolvi no meu fórum de testes e funciona na perfeição. Aliás, até é "chato" porque aparece sempre que damos refresh na página. Na minha opinião, falta desenvolver a parte dos cookies, onde quando clicamos em "Fechar", ele só apareça passado X tempo.

De resto, funcionou perfeitamente no fórum de testes, tanto pela consola como numa página JS. Pode ser algum conflito com outros códigos.
Experimente este:
Código:
$(document).ready(function() {
    $.getScript("//cdn.jsdelivr.net/npm/sweetalert2@11", function(data, textStatus, jqxhr) {
        console.log(data);
        console.log(textStatus);
        console.log(jqxhr.status);
        console.log("Load was performed.");
        var sweetNotif = $('#header-notif #unread_notif');
        if (sweetNotif.length) {
            console.log('Hancki made it!');

            Swal.fire({
                title: '<strong>Novas notificações! Deseja ler?</strong>',
                icon: 'info',
                html: 'Aproveite para ler as novas mensagens ou respostas a tópicos. Não perca uma!',
                showCloseButton: true,
                showCancelButton: true,
                focusConfirm: false,
                confirmButtonText: '<a href="/profile?mode=editprofile&page_profil=notifications" style="color:white">Sim!</a>',
                confirmButtonAriaLabel: 'Sim',
                cancelButtonText: 'Não, fechar!',
                cancelButtonAriaLabel: 'Fechar'
            })
        }
    });
});

Hancki
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 03/10/2009
Mensagens : 8149
Pontos ativos : 12175

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Pop-up de notificação

Mensagem por vcapelli 26.07.21 15:22

Ficou perfeito! Muito obrigado Party
vcapelli

vcapelli
Nível 9

Masculino
Membro desde : 17/02/2018
Mensagens : 202
Pontos ativos : 388

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Pop-up de notificação

Mensagem por pedxz 26.07.21 18:02

Tópico resolvido


Movido para "Questões resolvidas".


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 6568
Pontos ativos : 7732

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste fórum
Você não pode responder aos tópicos