[AWESOMEBB] Widget "Derniers Sujets"

Hi,

La version AwesomeBB est encore en version bêta et n’a pas encore de widgets.
Voici donc comment inclure un widget "Derniers sujets"

Cette astuce vient du forum anglais forumotion.com


Direction le javascript

Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestions des codes javascripts / CRÉER UN NOUVEAU JAVASCRIPT


Mettre ce code sur l'index :

Code:

/**
 *  Latest topics - AwesomeBB by Pedxz
 *  Created August 26, 2018 <1.0>
 *  See more: http://ajuda.forumeiros.com
*/
$(function() {
 
    var title = 'Derniers Sujets', empty = 'Aucuns messages', last = $('<div>', {
        id: 'block-latest',
        class: 'block-subtle'
    }).append(
        ' <i class="material-icons">chat_bubble_outline</i>' +
        ' <div>' +
        ' <span class="headline">' + title + '</span>' +
        ' <div class="block-last-load"></div>' +
        ' </div>'
    );
 
    if (_board.tpl_version !== 'awesomebb') return;
 
    $(last).insertBefore('#block-online');
 
    $('#block-latest .block-last-load').load('/latest .block-topics-details');
 
    $('head').append(
        '<style type="text/css">' +
        '.block-last-load:empty::before {' +
        ' content: "'+ empty +'";' +
        '}'+
        '#block-latest i {' +
        ' color: #BF263C;' +
        '}' +
        '.block-last-load {' +
        ' margin-left: -.37em;' +
        ' margin-right: -.37em;' +
        ' height: 300px;' +
        ' overflow-y: auto;' +
        '}' +
        '.block-last-load a {' +
        '  text-decoration: none;' +
        '  border: 0!important;' +
        '  display: inline;' +
        '}' +
        '.block-last-load .block-topics-details {' +
        ' padding: 1em;' +
        '}' +
        '.block-last-load .block-topics-details:not(:nth-child(2n+1)) {' +
        ' background-color: #F5F7FA;' +
        '}' +
        '#block-latest h2 {' +
        ' font-size: 16px;' +
        ' text-overflow: ellipsis;' +
        ' overflow: hidden;' +
        ' white-space: nowrap;' +
        ' width: 100%;' +
        '}' +
        '#block-latest .block-topics-author,' +
        '#block-latest .block-topics-lastpost img {' +
        '  display: none;' +
        '}' +
        '#block-latest .block-topics-lastpost,' +
        '#block-latest .block-topics-author a {' +
        '  display: inline;' +
        '}' +
        '@media only screen and (max-width: 768px) {' +
        ' #block-latest {' +
        '  margin-top: 20px;' +
        ' }' +
        '}' +
        '</style>'
    );
 
});

Pensez à    

A savoir

Si vous voulez rendre ce widget disponible pour les invités, accédez à :

Panneau d'administration / Utilisateurs & Groupes / Permissions spéciales


Assurez-vous que l'option de Recherche est autorisée pour les Invités

Sinon ceci apparaîtra à l'écran





IMPORTANT
Le qeel ne doit pas être positionné en bas de page mais sur la droite du forum, comme il est positionné lors de l'installation de cette version

A savoir 2

Pour ceux qui auraient installer cette astuce : https://www.milouze14.com/t31766-awesomebb-une-barre-de-statistiques-comme-sur-le-fdf#M14, avant d'installer ce widget

Veuillez déplacer le code pour le positionner juste après :

Code:

<!-- END disable_viewonline -->

Le résultat en image

Voila, c'est tout pour le moment .
Un soucis direction l'entraide
https://www.milouze14.com/f14-entraide-forumactif

@Splash

Hello Fred,

Je viens de poster l'astuce qui va permettre de récupérer tous les widgets créés:
Dont les derniers sujets etc etc.

https://www.milouze14.com/t32467-awesomebbafficher-les-widgets-a-droite#617790