Pop-up de conexão SweetAlert

Detalhes da questão

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

Descrição

Queria saber se é possível transformar o pop-up de conexão do fórum em um dos SweetAlert

Olá @vcapelli,

Crie uma nova página JavaScript com investimento em todas as páginas com o seguinte código:

Código:

/**
 *  SweetAlert - Login by Pedxz
 *  Created June 29, 2018 <UP_09.05.2020>
 *  See more: http://ajuda.forumeiros.com
 */
(function($, CSS) {
    'use strict';
 
    var config = {
        /* Não Mexer na URL */
        url: 'https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/8.11.8/sweetalert2.all.min.js',
        img: {
            src: 'https://2img.net/r/frmste/images/sigle.png',
            alt: 'Forumeiros',
            height: 62
        },
        lang: {
            step1: {
                title: 'Logar no fórum',
                register: '<a href="/register">Criar conta gratuitamente</a>',
                login: 'Entrar',
                error: 'Usuário ou senha incorretos.',
                input: {
                    user: 'Seu usuário',
                    pass: 'Sua senha',
                    autologin: 'Lembrar dados'
                }
            },
            step2: {
                welcome: 'Bem-vindo',
                redirect: '/forum'
            }
        }
    };
 
    $(function() {
 
        if (_userdata.session_logged_in && $('a[href$="/login"]')) return;
 
            $('a[href$="/login"]').on('click', function(event) {
 
                event.preventDefault();
                event.stopPropagation();

            $.getScript(config.url, function() {
 
                Swal.fire({
                    title: config.lang.step1.title,
                    imageUrl: config.img.src,
                    imageHeight: config.img.height,
                    imageAlt: config.img.alt,
                    html: $('<form>', {
                        'method': 'post',
                        'action': '/login',
                        'name': 'sweet-fa-login'
                    }).html([
                        '',
                        '<input type="text" id="username" class="swal2-input" value="" name="username" maxlength="40" size="30" tabindex="1" placeholder="' + config.lang.step1.input.user + '" required autofocus />',
                        '<input type="password" id="password" maxlength="25" size="30" name="password" class="swal2-input" placeholder="' + config.lang.step1.input.pass + '" required />',
                        '<label for="swal2-checkbox" class="swal2-checkbox" style="display: flex;">',
                        '<input type="checkbox" value="1" name="autologin" id="autologin">',
                        '<span class="swal2-label" id="autologin">' + config.lang.step1.input.autologin + '</span>',
                        '</label>',
                        ' <a style="float:right" href="/profile?mode=sendpassword">Esqueci a senha</a>',
                        '',
                        '',
                        '<!-- Don\'t delete this -->',
                        '<input value="" name="redirect" type="hidden" />',
                        '<input value="" name="query" type="hidden" />',
                        '<!-- ./End Don\'t delete this -->',
                        ' <div class="swal2-actions">',
                        '  <!-- Start Login Button -->',
                        ' <input class="swal2-confirm swal2-styled" aria-label="" value="' + config.lang.step1.login + '" tabindex="6" name="login" type="submit" />',
                        '  <!-- ./End Login Button -->',
                        '</div>'
                    ].join('\n')),
                    showCancelButton: false,
                    showConfirmButton: false,
                    showCloseButton: true,
                    allowOutsideClick: false,
                    footer: config.lang.step1.register
                });
 
 
                $('form[name="sweet-fa-login"]').submit(function() {
                    var $this = $(this);
 
                    var username = $this.find('input[name="username"]').val(),
                        pass = $this.find('input[name="password"]').val(),
                        autologin = 0;
 
                    if ($this.find('input[name="autologin"]').is(':checked'))
                        autologin = 1;
 
                    $.post('/login', {
                            username: username,
                            password: pass,
                            login: '',
                            autologin: autologin
                        })
                        .done(function(data) {
 
                            if (data.search('Você especificou um nome de Usuário ou Senha inválida, incorreta ou inativa') > 0) {
                                Swal.showValidationMessage(
                                    config.lang.step1.error
                                );
 
                            } else {
                                const Toast = Swal.mixin({
                                    toast: true,
                                    position: 'top-end',
                                    showConfirmButton: false,
                                    timer: 3000
                                });
 
                                Toast.fire({
                                    type: 'success',
                                    title: config.lang.step2.welcome + ' ' + username + '!'
                                });
 
                                setTimeout(
                                    function() {
                                        window.location.replace(config.lang.step2.redirect);
                                    }, 3000);
 
                            }
 
 
 
                        })
                        .fail(function() {
                            Swal.fire({
                                title: 'Contacte o suporte Forumeiros!',
                                text: 'Impossível enviar dados.',
                                type: 'error',
                                showConfirmButton: false,
                                timer: 1500
                            });
                        });
                    return false;
                });
 
            });
        });
 
        $('<style>')
            .text(CSS.join('\n'))
            .appendTo('head');
 
    });
}(jQuery, [
    'form[name="sweet-fa-login"] .swal2-actions {',
    ' display: flex!important;',
    'margin-bottom: 1em;',
    '}',
    '',
    '',
    'form[name="sweet-fa-login"] .swal2-actions > input {',
    ' display: inline-block!important;',
    'border-left-color: rgb(48, 133, 214);',
    'border-right-color: rgb(48, 133, 214)',
    '}',
    ''
]));

Atenciosamente,
pedxz.

Eu gostaria que quando entrasse no site como visitante aparecesse um SweetAlert convidando para entrar no fórum

Então, penso que compreendi erradamente, peço desculpa, o senhor não quer uma conexão rápida - ao clicar no botão "Conectar" apareça o modal? É simplesmente um aviso?

Issooo, agora entendeu perfeitamente

Cá está:

Código:

(function($) {
    'use strict';

    var config = {
        url: 'https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/8.11.8/sweetalert2.all.min.js',
        img: {
            src: 'https://2img.net/r/frmste/images/sigle.png',
            alt: 'Forumeiros',
            height: 62
        },
        lang: {
            title: 'Bem-vindo ao fórum',
            text: [
                'Registre-se, conecte-se e contribua na melhor comunidade da plataforma Forumeiros.',
                'É totalmente grátis!'
            ].join('\n'),
            login: {
                btntxt: 'Entrar',
                redirect: '/login'
            },
            register: {
                btntxt: 'Criar conta',
                redirect: '/register'
            }
        }
    };

    $(function() {

        if (_userdata.session_logged_in) return;
        if (/login/i.test(location.pathname) || /register/i.test(location.pathname)) return;

        $.getScript(config.url, function() {

            Swal.fire({
                title: config.lang.title,
                imageUrl: config.img.src,
                imageHeight: config.img.height,
                imageAlt: config.img.alt,
                html: config.lang.text,
                showCancelButton: true,
                confirmButtonText: config.lang.login.btntxt,
                cancelButtonText: config.lang.register.btntxt,
                showCloseButton: true,
                allowOutsideClick: false
            }).then((result) => {
                if (result.value) {
                    window.location.href = config.lang.login.redirect;
                } else if (
                    result.dismiss === Swal.DismissReason.cancel
                ) {
                    window.location.href = config.lang.register.redirect;
                }
            });

        });

    });

}(jQuery));

Está magnífico! Obrigado