Widget Botao Obrigado

Detalhes da questão

Endereço do fórum: https://empireofwars.forumotion.com/
Versão do fórum: phpBB3

Descrição

Gostaria de saber se da para criar um widget para os tópicos que forem marcados no botão "obrigado" na mensagem.

Eu vi isso num fórum inglês forumiros por isso com certeza e possível

Bom dia!

Sim, dá, mas teríamos que armazenar num banco de dados - o que não é possível diretamente na Forumeiros - ou fazer dezenas de requisições em todos os subfóruns.
Em qual fórum viu isso? E, parando para pensar, e quando a lista for imensa?

Certo, vi neste forum
https://avacweb.forumotion.co.uk/

Neste caso teria de limitar os ultimos 10 resolvidos

E possivel me ajudar?

E possivel me ajudar?

empireofwars escreveu:Certo, vi neste forum
https://avacweb.forumotion.co.uk/

Neste caso teria de limitar os ultimos 10 resolvidos

Bom dia,

Mas uma vez repito, aguarde... não fique dando Up's no tópico...

Em primeiro lugar, aquele Widget não é de tópicos com "Obrigado" e sim de Usuários com mais "Obrigados"...

Seria realmente o que precisaria de ajuda? Seja mais explicito, e menos spam/flood.

Atenciosamente,
Sleep

Sleep escreveu:

empireofwars escreveu:Certo, vi neste forum
https://avacweb.forumotion.co.uk/

Neste caso teria de limitar os ultimos 10 resolvidos

Bom dia,

Mas uma vez repito, aguarde... não fique dando Up's no tópico...

Em primeiro lugar, aquele Widget não é de tópicos com "Obrigado" e sim de Usuários com mais "Obrigados"...

Seria realmente o que precisaria de ajuda? Seja mais explicito, e menos spam/flood.

Atenciosamente,
Sleep

Primeiramente voce tera de ver o tempo de resposta e nao vir apenas "pegar" posts.

Esse forum tinha sim o widget que falei que eu encontrei no web archive.

Outro print que encontrei que isso era possivel é isto.

MateusAnjosV escreveu:Bom dia!

Sim, dá, mas teríamos que armazenar num banco de dados - o que não é possível diretamente na Forumeiros -  ou fazer dezenas de requisições em todos os subfóruns.
Em qual fórum viu isso? E, parando para pensar, e quando a lista for imensa?

Boa tarde,

Utilizando aqui o que o colega disse, é possível, embora complicado, e não seja possível, pelo Fdf...

No entanto, existe uma maneira de listar todos os tópicos resolvidos, e por resolver, com base em php, mas demoraria um pouco a adaptar o codigo ao seu forum.. Mas pelo que sei, o Fdf não dá suporte a Php..

Com recursos atuais, não vejo possíbilidades!

Atenciosamente,
Sleep

Mas neste caso como mostrei o print abaixo, nao foi por php ou neste caso, foi feito e estava a funcionar

Bom dia,

Tente isto:

Painel de controlo Módulos Gestão de Widgets do Forúm
No painel de controle, siga os passos da imagem abaixo:


Código para ser adicionado como novo Widget:
Copyright do Code: do Nosso grande JScript

Código:

<!--
 * Application: Widget of the last 10 tutorials
 * Description: This application can displays the last tutorials and member avatar of topics.
 * Version: 1.08032014-jq1.9.1 - Sobek (Khnum & Maet)
 * Made and Optimizations by JScript - 2014/03/08
 * View more in: http://jscript.forumeiros.com/forum & http://ajuda.forumeiros.com
 * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
 -->
 
<div id="insert_widget">Loading...</div>

<script type="text/javascript">
//<![CDATA[
/***
* User Definition Variables
***/
/* Put here your forum number!!! */
var sForumNumber = 16;
/* Put here your widget title!!! */
var sWidgetTitle = 'Tópicos Resolvidos'
/* END */

/***
* System Defined Variables - Do not edit if you don't know!
***/
var oConfig = {
        sInfo:
            '<!--' +
            '* Application: Widget of the last 10 tutorials' +
            '* Description: This application can displays the last tutorials and member avatar of topics.' +
            '* Version: 1.08032014-jq1.9.1 - Sobek (Khnum & Maet)' +
            '* Made and Optimizations by JScript - 2014/03/08' +
            '* View more in: http://jscript.forumeiros.com/forum & http://ajuda.forumeiros.com' +
            '* Copyright (c) 2013 JScript <jscriptbrasil at live dot com>' +
            '* This work is free. You can redistribute it and/or modify it' +
            '* under the terms of the WTFPL, Version 2' +
            '-->',        
        sContent:
            '<div id="mod_recent_tutorials" class="main-content _sbcollapsable" style="margin: 0px; height: 213px; max-height: 225px; overflow: auto;">' +
                '<!-- #region recent_topic_row -->' +
                '<ul id="ul_recent_tutorials" class="ipsList_withminiphoto" style="margin: 0px ! important; padding-left: 0px ! important;">' +
                '<!-- content -->' +
                '</ul>' +
                '<!-- #endregion recent_topic_row -->' +
            '</div>',
        sCSS:
            '<style>' +
            '.ipsList_withminiphoto li {' +
               'margin-bottom: 8px;' +
           '}' +
           '.ipsType_smaller, .ipsType_smaller a {' +
               'font-size: 11px !important;' +
           '}' +
           '.ipsUserPhoto.ipsUserPhoto_mini {' +
               'width: 30px;' +
               'height: 30px;' +
               'border: 1px solid rgb(213, 213, 213);' +
               'background: none repeat scroll 0% 0% rgb(255, 255, 255);' +
               'box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);' +
               'padding: 1px;' +
           '}' +
           '.ipsType_small {' +
               'font-size: 12px;' +
           '}' +
            '.desc.ipsType_smaller {' +
                'color: #777777;' +
                'margin: 0;' +
            '}' +
            '.list_content {' +
                'margin-left: 40px;' +
                'word-wrap: break-word;' +
            '.ipsList_withminiphoto {' +
                'list-style: none outside none !important;' +
            '}' +
            '</style>',
        sTarget: '',
        sFound: 'td:eq(2)',
        sCommon: 'a.topictitle',
        sGetIMG: ''
    };
var oHtml = {
        PHPBB2: oConfig.sInfo +
            '<table border="0" cellpadding="0" cellspacing="1" class="forumline" width="100%">' +
                '<tbody>' +
                    '<tr>' +
                        '<td class="catLeft" height="25"><span class="genmed module-title">' + sWidgetTitle + '</span></td>' +
                    '</tr>' +
                    '<tr>' +
                        '<td align="left" class="row1">' + oConfig.sContent +
                        '</td>' +
                    '</tr>' +
                '</tbody>' +
            '</table>',
        PHPBB3: oConfig.sInfo +
            '<div class="module">' +
                '<div class="inner">' +
                    '<span class="corners-top"><span></span></span>' +
                    '<div class="h3">' + sWidgetTitle + '</div>' + oConfig.sContent +
                    '<span class="corners-bottom"><span></span></span>' +
                '</div>' +
            '</div>',
        PUNBB: oConfig.sInfo +
            '<div class="module main">' +
                '<div class="main-head"><h3>' + sWidgetTitle + '</h3></div>' + oConfig.sContent +
            '</div>',
        INVISION: oConfig.sInfo +
            '<div class="module borderwrap">' +
                '<div class="maintitle"><h3>' + sWidgetTitle + '</h3></div>' +
                '<div class="box-content">' + oConfig.sContent + '</div>' +
            '</div>'
 };

jQuery(function () {
    /* Add CSS */
    /*document.head.insertAdjacentHTML('beforeEnd', oConfig.sCSS);*/
    jQuery(oConfig.sCSS).insertBefore('body');

    /* Forum versions! */
    var phpBB2 = jQuery('.bodyline');
    var phpBB3 = jQuery('#wrap');
    var punbb = jQuery('#pun-intro');
    var invision = jQuery('#ipbwrapper');
    
    if (phpBB2.length) {
        jQuery('#insert_widget').html(oHtml.PHPBB2);
        oConfig.sTarget = '.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")';
        oConfig.sGetIMG = ' #emptyidcc .row1.gensmall img:eq(0)';
    } else if(phpBB3.length) {
        jQuery('#insert_widget').html(oHtml.PHPBB3);
        oConfig.sTarget = '.topiclist.topics.bg_none li:not(":empty")';
        oConfig.sFound = 'dd.dterm';
        oConfig.sGetIMG = ' #profile-advanced-right img:eq(0)';
    } else if(punbb.length) {
        jQuery('#insert_widget').html(oHtml.PUNBB);
        oConfig.sTarget = '.statused tr:not(":empty")';
        oConfig.sFound = '.tcl.tdtopics';
        oConfig.sGetIMG = ' #profile-advanced-right .main-content img:first';
    } else if(invision.length) {
        jQuery('#insert_widget').html(oHtml.INVISION);
        oConfig.sTarget = '.borderwrap table.ipbtable tbody tr:not(":empty")';
        oConfig.sGetIMG = ' #profile-advanced-right .box-content.profile.center img:first';
    };
    
    /* Fire event for 'scroll' to show the widget... */
    var elem = document.getElementById("insert_widget");
    if (isInViewPort(elem)) {
        LastTutorials();
    } else {
        jQuery(window).on('scroll.widget', showWidget(elem));
    }
});

/* Function to check if an element is visible in view port */
function isInViewPort(elem) {
 var rect = elem.getBoundingClientRect();

 return (
 rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
 rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */ );
}
/* Start function to show the widget... */
function showWidget(elem) {
 return function() {
        /* Chech if the widget is visible in view port! */
 if (isInViewPort(elem)) {
            /* If visible, stop event!!! */
 jQuery(window).off('scroll.widget');
            
            LastTutorials();
 }
 }
}
/* Widget conent */
function LastTutorials() {
    var oTarget = 0;
    /* First forum link to read info */
    jQuery.get('/f' + sForumNumber + '-', function(data) {
        oTarget = jQuery(oConfig.sTarget, data);
    }).always(function() {
        var i = 0
        oTarget.each(function() {
            if (i == 10) {
                return false;
            }
            var oThis = jQuery(this); /* DOM chached for fast execution! */
            var oFound = oThis.find(oConfig.sFound);
            if (oFound.length) {
                var sTopicTitle = oFound.find(oConfig.sCommon).parent().html();
                var oUserInf = oThis.find('a[href^="/u"]');
                var sAutor = oUserInf.html();
                var sUserUrl = oUserInf.attr('href');
                var sHtml =
                    '<li class="clearfix">' +
                        '<a href="' + sUserUrl + '" class="ipsUserPhotoLink left">' +
                            '<img src="" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini">' +
                        '</a>' +
                        '<div class="list_content">' +
                            '<span class="ipsType_small">' + sTopicTitle + '</span>' +
                            '<p class="desc ipsType_smaller">' +
                                'Criado por <a href="' + sUserUrl + '">' + sAutor + '</a>' +
                            '</p>' +
                        '</div>' +
                    '</li>';
                jQuery('#ul_recent_tutorials').append(sHtml);
            }
            i++
        });

        /* Now, read the member avatar info */
        /* DOM chached for fast execution! */
        oTarget = jQuery('#ul_recent_tutorials > li');
        oTarget.each(function(index) {
            oThis = jQuery(this); /* DOM chached for fast execution! */
            var load_container = oThis.children('a');
            var UserURL = load_container.attr('href');
            var def_img = "http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png"; /* In case request profile errors! */
            var sHtml = '<img src="' + def_img + '" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini" style="width: 30px; height: 30px; border: 1px solid rgb(213, 213, 213); background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 1px;">';
            /* Gets the avatar saved in local storage (Fastest!)*/
            var UserIMG = sessionStorage.getItem(UserURL);

            /* If avatar alread saved, then no request member profile! */
            if (UserIMG) {
                load_container.children('img').attr('src', UserIMG);
            } else { /* if not, then only request per session!!! */
                load_container.load(UserURL + oConfig.sGetIMG, function() {
                    var imgTag = load_container.children('img');

                    if (imgTag.length == 0) {
                        load_container.append(sHtml); /* Saves the default avatar in local storage */
                        sessionStorage.setItem(UserURL, def_img);
                    } else {
                        imgTag.attr('class', 'ipsUserPhoto ipsUserPhoto_mini');
                        imgTag.css({
                            'width': '30px',
                            'height': '30px',
                            'border': '1px solid rgb(213, 213, 213)',
                            'padding': '1px',
                            'background': 'none repeat scroll 0% 0% rgb(255, 255, 255)',
                            'box-shadow': '0px 2px 2px rgba(0, 0, 0, 0.1)'
                        });
                        /* Saves the member avatar in local storage */
                        sessionStorage.setItem(UserURL, imgTag.attr('src'));
                    }
                });
            }
        });
    });
}
//]]>
</script>

Observações:

1- Funciona em todas as versões!
2- O código entra em ação somente quando o widget está visível na tela, com isso poupa-se recursos e evita-se o Resquest Limit
3- * Terá que definir qual será o sub fórum em que será apresentado os tutoriais, para isso basta definir no código acima o valor da variável sForumNumber, exemplo:
Digamos que deseja mostrar os últimos 10 tópicos resolvidos deste endereço: https://ajuda.forumeiros.com/f28-widgets-e-modulos-personalizados
Basta pegar a parte que está em negrito e colocar na variável
var sForumNumber = 28;
4- * Para trocar o nome do Widget, basta editar a variável sWidgetTitle com o valor que desejar, exemplo: var sWidgetTitle = 'Tópicos Resolvidos'

Resultado:


Obs.: Repito que o codigo não é meu, simplesmente pode reutiliza-lo para o que deseja fazer!

Pode sempre colocar os "Tópicos Resolvidos" a direccionar para um Sub-Forum, e adicionar este Widget, forma simples e mais prática.

Já agora um grande abraço ao JScript, saudades dele!

Atenciosamente,
Sleep