Ultimele subiecte - AwesomeBB

Vezi subiectul anterior Vezi subiectul urmator In jos

Ultimele subiecte - AwesomeBB Empty Ultimele subiecte - AwesomeBB

Mesaj Scris de Mihai la data de 17.06.20 4:50

Știm că versiunea AwesomeBB este în versiune beta și nu avem încă widgeturi, așa că am făcut un cod simplu, astfel încât să avem un widget - Ultimele subiecte.

Autor: pedxz
Funcționează pe versiunea: AwesomeBB

Instalare

Instalarea este unică și poate fi făcută doar prin crearea unui nou javascript. CSS poate fi modificat și este încorporat în Javascript. Vă rugăm să urmați pașii de mai jos pentru a instala efectul asupra comunității dvs.

Panou de Administrare > Module > HTML și Javascript > Gestionarea codurilor Javascript > Creați un nou javascript

Codul

Vechi:

Cod:
/**
 *  Latest topics - AwesomeBB by Pedxz
 *  Created August 26, 2018 <1.0>
 *  See more: http://ajuda.forumeiros.com
*/
$(function() {
 
    var title = 'Latest Topics', empty = 'At the moment we are without messages or you are not allowed to see them!', 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>'
    );
 
});

Nou:
Cod:
/**
 *  Latest topics - AwesomeBB by Pedxz
 *  Created August 26, 2018 <UP_22.04.2020>
 *  See more: http://ajuda.forumeiros.com
 */
(function($, CSS) {
    'use strict';
 
    var config = {
        lang: {
            title: 'Latest Topics',
            loading: 'Loading...',
            empty: 'At the moment we are without messages or you are not allowed to see them!'
        },
        icon: 'chat_bubble_outline',
        marquee: {
            active: 1, // 0 = No // 1 = Yes
            pauseOnHover: 'true' // true or false
        },
    };
 
    $(function() {
 
        if (_board.tpl_version !== 'awesomebb') return;
        if (!config.lang || !config.icon || !config.marquee) return;
 
        $('<div>', {
                id: 'block-latest',
                class: 'block-subtle'
            }).html([
                '<i class="material-icons">' + config.icon + '</i>',
                '<div>',
                ' <span class="headline">' + (config.lang.title ? config.lang.title : 'no title defined') + '</span>',
                '  <div' + (config.marquee.active == 1 ? ' style="position: relative;overflow: hidden;">' : '>'),
                '  <div class="' + (config.marquee.active == 1 ? 'block-last-load block-marquee" data-pauseOnHover="' + config.marquee.pauseOnHover + '"' : 'block-last-load"') + '>' + config.lang.loading + '</div>',
                ' </div>',
                '</div>'
            ].join('\n'))
            .insertBefore('#block-online');
 
 
        $('#block-latest .block-last-load')
            .load('/latest .block-topics-details');
 
 
        $('<style>', {
                'type': 'text/css'
            }).text('.block-last-load:empty::before { content: "' + config.lang.empty + '";}' + CSS.join('\n'))
            .appendTo('head');
 
    });
}(jQuery, [
    '#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;',
    '}',
    '',
    '.block-marquee {',
    '  overflow: hidden!important;',
    '  animation: marquee 15s linear infinite;',
    ' -webkit-animation: marquee 15s linear infinite;',
    '}',
    '',
    '.block-marquee[data-pauseOnHover="true"]:hover {',
    '    animation-play-state: paused;',
    ' -webkit-animation-play-state: paused;',
    '}',
    '',
    '.block-last-load:empty {',
    '  animation: none;',
    ' -webkit-animation: none;',
    '  padding: 0 1em;',
    '}',
    '',
    '@-webkit-keyframes marquee {',
    '  0%  { -webkit-transform: translate(0, 0); }',
    '  100% { -webkit-transform: translate(-100%, 0); }',
    '}',
    '',
    '@keyframes marquee {',
    '  0%  { -webkit-transform: translate(0, 0); }',
    '  100% { -webkit-transform: translate(0, -100%); }',
    '}',
    '',
    '@-moz-keyframes marquee {',
    '  0% { transform: translate(0, 0); }',
    '  100% { transform: translate(-100%, 0); }',
    '}',
    '',
    '@media only screen and (max-width: 768px) {',
    ' #block-latest {',
    '  margin-top: 20px;',
    ' }',
    '}',
    ''
]));

Configurarea marquee
Cod:
 marquee: {
            active: 0, // 0 = No // 1 = Yes (Activate the topics scrolling)
            pauseOnHover: 'true' // true or false (Pause on hover)
        },
Limba
Trebuia să fi adăugat un sistem lang, dar vrem un cod lite, voi lăsa câteva traduceri:
Limba:
ENGLEZĂ (default)
Cod:
                title: 'Latest Topics',
                loading: 'Loading...',
                empty: 'At the moment we are without messages or you are not allowed to see them!'
Portugheză
Cod:
                title: 'Últimos Assuntos',
                loading: 'Carregando...',
                empty: ' No momento estamos sem tópicos para poderes ver ou não têm permissão para vê-los!'
Română
Cod:
              title: 'Ultimele Subiecte',
                loading: 'Încărcare...',
                empty: 'Nu există mesaje în acest moment sau nu sunteți autorizat să le vizualizați!'
Olandeză
Cod:
                title: 'Laatste Onderwerpen',
                loading: 'Geladen...',
                empty: 'Op dit moment hebben we geen berichten of je hebt niet voldoende rechten om dit te kunnen zien!'
Italiană
Cod:
              title: 'Ultimi Argomenti',
              loading: 'Caricamento in corso...',
              empty: 'Al momento non ci sono messaggi o non ti è permesso vederli!'
Greacă
Cod:
              title: 'Πρόσφατα Θέματα',
              loading: 'φόρτωση θεμάτων...',
              empty: 'Αυτή την στιγμή είμαστε  χωρίς μηνύματα ή δεν επιτρέπεται να τα δείτε '
Franceză
Cod:
                title: 'Derniers sujets',
                loading: 'Chargement...',
                empty: 'Il n\'y aucun message à afficher ou vous n\'avez pas les permissions suffisantes pour les voir !'

Detalii

Dacă widget-ul pare necompletat pentru invitați, accesați Panoul de administrare > Utilizatori și grupuri > Drepturi speciale și asigurați-vă că opțiunea de căutare este autorizată pentru invitați.

Demo
Ultimele subiecte - AwesomeBB 8p4rfEa

Scris de: pedxz
Topic original: Latest topics - AwesomeBB
Și tradus de @Mihai


Ultimele subiecte - AwesomeBB Untit104

Ultimele subiecte - AwesomeBB Scre1015 Ultimele subiecte - AwesomeBB 398 Ultimele subiecte - AwesomeBB 2209 Ultimele subiecte - AwesomeBB Scre1016 Ultimele subiecte - AwesomeBB Portoq16
Mihai

Mihai
Administrator
Administrator

Mesaje : 1143
Varsta : 22
Localizare : București, România
Data înscrierii : 25/09/2014
Mulțumiri : 79
Pachetul Premium Google Chrome phpBB3

http://fgsuport.forumgratuit.ro
Mihai a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum