JV Notes de test

Affiche les notes des jeux sur la page de listing

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

ستحتاج إلى تثبيت إضافة مثل Stylus لتثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتتمكن من تثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتثبيت هذا النمط.

(لدي بالفعل مثبت أنماط للمستخدم، دعني أقم بتثبيته!)

// ==UserScript==
// @name         JV Notes de test
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Affiche les notes des jeux sur la page de listing
// @author       Shuunen
// @match        http://www.jeuxvideo.com/tests/*/**
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // enlève la colonne de droite
    var col = document.querySelector('.col-right');
    if (col) {
        col.remove();
    }

    // resize la colonne principale
    col = document.querySelector('.col-main');
    if (col) {
        col.style.maxWidth = '100%';
    }

    // affiche les notes pour chaque jeux
    var jeux = document.querySelectorAll('.pres-item-jaq');

    jeux.forEach(function(jeu) {

        var url = jeu.querySelector('a').href;
        var content = jeu.querySelector('.mask-img');

        // enlève les notes déjà présentes
        content.querySelectorAll('.note').forEach(function(note) {
            note.remove();
        });

        fetch(url, {
            credentials: 'same-origin'
        }).then(function(response) {
            return response.text();
        }).then(function(html) {
            var htmlEl = document.createElement("div");
            htmlEl.innerHTML = html;
            var notes = htmlEl.querySelectorAll('.note');
            var note = '';
            if (!notes || !notes.length) {
                note = 'introuvable...';
            } else {
                note = parseInt(notes[0].innerText.split('/')[0]) + parseInt(notes[1].innerText.split('/')[0]);
                note = Math.round(note / 2);
            }
            var fontSize = parseInt((Math.log10(note)+'').split('.')[1].substr(0,2))*1.2 + 10;
            var color = (note > 15 ? 'crimson' : note > 12 ? 'navy' : 'gray');
            var newHtml = '<span class="note" style="font-size:'+ fontSize +'px; color: '+color+'; letter-spacing: -1px; white-space: nowrap; font-weight: 600; padding-left: 10px; margin-top: 15px; display: block; border-left: 4px solid;">';
            newHtml += '<strong>' + note + '</strong><small>&nbsp;/&nbsp;20</small>';
            newHtml += '</span>';
            content.innerHTML += newHtml;
        });

    });

})();