[Réalisé] Ajout de fonctionnalités à la page Mes_parties.php

Serait il possible de

1/ rajouter au niveau du <title> 2 indicateurs; Un pour indiquer qu'il y a au moins un action a mener sur une des parties + un pour indiquer qu'il y a au moins un message

2/ pouvoir accéder aux messages d'une partie directement a partir de cette page sans devoir passer par la page "jouer" de la partie concernée. Par exemple avec un icône par famille + 1 pour les messages publics, ajouter un indicateur du nombre de message non lu sur chaque icône. Chaque icône permettant d’accéder à la zone de message correspondante de la partie.

Le 1/ est super facile a mettre en place, le 2/ un tout petit peux moins mais elle permet d’éviter de charger la page "jouer" inutilement.

Je te rejoins mon cher Nocay pour l'accès au message depuis l'onglet partie.   

Bon j'ai fait un petit script greasemonkey (extension firefox/Chrom...) en attendant une intégration directe à la page.
Il ne fait que modifier le titre de l'onglet et le reactualiser toutes les minutes.
Vous avez maintenant le nombre de parties a jouer et le nombre de messages à lire dans l'onglet et l'heure de dernière réactualisation.
Pour la partie, liens directs vers les messages c'est aussi possible mais je ne l'ai pas encore fait.
Testé uniquement sur Firefox.
Vous installez greasemonkey puis vous créez un nouveau script dans lequel vous copiez le code suivant.

Code:

// ==UserScript==
// @name        AutoUpdate4tdfOnline
// @namespace   http://www.tdf-online.fr/ns
// @description script greasemonkey de mise à jour de la page de message du jeux en ligne tdf-online
// @include     http://www.tdf-online.fr/mes_parties.php
// @CodedBy     Nocay
// @version     0.2
// @license     Free
// @grant       none
// ==/UserScript==
var delaitMaj = '1';  //==[En minutes]

// Mise à jour auto
if (delaitMaj > 0) setTimeout("location.reload(true);",delaitMaj*60000);

// Mise à jour du titre
var d = new Date();
document.title = "Mes Parties";

// les parties a jouer
var aParties_en_cours = document.getElementsByClassName("rouge");
if(aParties_en_cours.length>0) document.title += " "+aParties_en_cours.length+" à jouer";

// les messages a lire
var tgsTrPEA = parties_en_cours.getElementsByTagName("tr"); // liste des lignes du tableau des parties en attente
var nbMsg = 0; // nombre de messages a lire
if (tgsTrPEA.length > 0)
    for (var i = tgsTrPEA.length-1 ; i > 0 ; i--)
        if( tgsTrPEA[i].children.length > 6) nbMsg += parseInt(tgsTrPEA[i].children[6].textContent);
    
if (nbMsg > 0) document.title += " "+nbMsg+" à lire";
http://document.title += " ("+d.getDate()+"/"+(d.getMonth()+1)+"/"+d.getFullYear()+" "+d.getHours()+":"+d.getMinutes()+")";
document.title += " ("+d.getHours()+":"+d.getMinutes()+")";


N'hésitez pas si vous avez des questions.

@Raistlin: tu peux virer le post si tu penses que ca va générer trop de trafic, mais a priori pas plus qu'un autre actualiseur.

Nocay a écrit:@Raistlin: tu peux virer le post si tu penses que ca va générer trop de trafic, mais a priori pas plus qu'un autre actualiseur.

Non, mais je sais qu'il faut que j'améliore la page "Mes Parties": je ferais une sorte de synthèse des différentes idées proposées ici et là, mais faut que je trouve le temps de le faire.

Version 0.3 avec les liens directs (sans fioritures) vers les messageries d'une partie.
Évolutions possibles
- ajouter les icônes de chaque maison.
- lien direct vers écrire
- améliorer le formatage de l'heure
Ensuite, n'ayant pas le détail du message (quelle messagerie est concernée) je ne peux pas aller plus loin.

Code:

// ==UserScript==
// @name        AutoUpdate4tdfOnline
// @namespace   http://www.tdf-online.fr/ns
// @description script greasemonkey de mise à jour de la page de message du jeux en ligne tdf-online
// @include     http://www.tdf-online.fr/mes_parties.php
// @CodedBy     Nocay
// @version     0.3
// @license     Free
// @grant       none
// ==/UserScript==

var delaitMaj = '2';  //==[En minutes]

// Mise à jour auto
if (delaitMaj > 0) setTimeout("location.reload(true);",delaitMaj*60000);

// Mise à jour du titre
var d = new Date();
document.title = "Mes Parties";

// les parties a jouer
var aParties_en_cours = document.getElementsByClassName("rouge");
if(aParties_en_cours.length>0) document.title += " "+aParties_en_cours.length+" à jouer";

// les messages a lire et liens direct
var tgsTrPEC = parties_en_cours.getElementsByTagName("tr"); // liste des lignes du tableau des parties en cours
var nbMsg = 0; // nombre de messages a lire
var idPartie,idFamille,typePartie,nbFamille,newTextMsg;
var nbMsgTot = 0; // nombre de messages a lire au total
if (tgsTrPEC.length > 0){
    var defFam = {
        "2eme édition - ADWD":[
                {"lib_court":"Bo","id_famille":"Bolton"}
                ,{"lib_court":"Gr","id_famille":"Greyjoy"}
                ,{"lib_court":"La","id_famille":"Lannister"}
                ,{"lib_court":"Ba","id_famille":"Baratheon"}
                ,{"lib_court":"Ty","id_famille":"Tyrell"}
                ,{"lib_court":"Ma","id_famille":"Martell"}
                ]
        ,"2eme édition":[
                {"lib_court":"St","id_famille":"Stark"}
                ,{"lib_court":"Gr","id_famille":"Greyjoy"}
                ,{"lib_court":"La","id_famille":"Lannister"}
                ,{"lib_court":"Ba","id_famille":"Baratheon"}
                ,{"lib_court":"Ty","id_famille":"Tyrell"}
                ,{"lib_court":"Ma","id_famille":"Martell"}
                ]
        ,"Un Festin pour les Corbeaux":[
                {"lib_court":"St","id_famille":"Stark"}
                ,{"lib_court":"Ar","id_famille":"Arryn"}
                ,{"lib_court":"La","id_famille":"Lannister"}
                ,{"lib_court":"Ba","id_famille":"Baratheon"}
                ]
        ,"Une Danse avec les Dragons":[
                {"lib_court":"Bo","id_famille":"Bolton"}
                ,{"lib_court":"Gr","id_famille":"Greyjoy"}
                ,{"lib_court":"La","id_famille":"Lannister"}
                ,{"lib_court":"Ba","id_famille":"Baratheon"}
                ,{"lib_court":"Ty","id_famille":"Tyrell"}
                ,{"lib_court":"Ma","id_famille":"Martell"}
                ]
    };

    // parcourt des lignes de partie en cours
    for (var i = tgsTrPEC.length-1 ; i > 0 ; i--){
        if( tgsTrPEC[i].children.length > 6){
            // comptage "a lire"
            nbMsg = parseInt(tgsTrPEC[i].children[6].textContent);
            nbMsgTot += nbMsg;
            
            // liens
            idPartie = parseInt(tgsTrPEC[i].children[0].textContent);
            idFamille = tgsTrPEC[i].children[2].textContent;
            typePartie = tgsTrPEC[i].children[1].textContent;
            if (nbMsg > 0) newTextMsg = "<b>"+nbMsg+"</b>";
            else newTextMsg = "0";
            if(defFam[typePartie]){
                nbFamille = defFam[typePartie].length;
                for(var j = 0; j < nbFamille; j++){
                    newTextMsg += '<b style="padding-left:5px"><a href="./lire.php?id_partie='+idPartie+'&l='+idFamille+'&e='+defFam[typePartie][j].id_famille+'">'+defFam[typePartie][j].lib_court+'</a></b>';
                }
                newTextMsg += '<b style="padding-left:5px"><a href="./lire.php?id_partie='+idPartie+'&l='+idFamille+'&e=All">Pub</a></b>';
            }
            tgsTrPEC[i].children[6].innerHTML = newTextMsg;
        }
    }
}
if (nbMsgTot > 0) document.title += " "+nbMsgTot+" à lire";
// document.title += " ("+d.getDate()+"/"+(d.getMonth()+1)+"/"+d.getFullYear()+" "+d.getHours()+":"+d.getMinutes()+")";
document.title += " ("+d.getHours()+":"+d.getMinutes()+")";


J'ai pu faire un remplacement et donc corriger le script pour qu'il fonctionne aussi sur ces derniers.
J'ai aussi supprimé la ligne qui posait soucis sur FF/Linux
Reste a tester en Chromium et sur Smartphose.

Code:

// ==UserScript==
// @name        AutoUpdate4tdfOnline
// @namespace   http://www.tdf-online.fr/ns
// @description script greasemonkey de mise à jour de la page de message du jeux en ligne tdf-online
// @include     http://www.tdf-online.fr/mes_parties.php
// @CodedBy     Nocay
// @version     0.4
// @license     Free
// @grant       none
// ==/UserScript==

var delaitMaj = '2';  //==[En minutes]

// Mise à jour auto
if (delaitMaj > 0) setTimeout("location.reload(true);",delaitMaj*60000);

// Mise à jour du titre
var d = new Date();
document.title = "Mes Parties";

// les parties a jouer
var aParties_en_cours = document.getElementsByClassName("rouge");
if(aParties_en_cours.length>0) document.title += " "+aParties_en_cours.length+" à jouer";

// les messages a lire et liens direct
var tgsTrPEC = parties_en_cours.getElementsByTagName("tr"); // liste des lignes du tableau des parties en cours
var nbMsg = 0; // nombre de messages a lire
var idPartie,idFamille,typePartie,nbFamille,newTextMsg;
var nbMsgTot = 0; // nombre de messages a lire au total
if (tgsTrPEC.length > 0){
    var defFam = {
        "2eme édition - ADWD":[
                {"lib_court":"Bo","id_famille":"Bolton"}
                ,{"lib_court":"Gr","id_famille":"Greyjoy"}
                ,{"lib_court":"La","id_famille":"Lannister"}
                ,{"lib_court":"Ba","id_famille":"Baratheon"}
                ,{"lib_court":"Ty","id_famille":"Tyrell"}
                ,{"lib_court":"Ma","id_famille":"Martell"}
                ]
        ,"2eme édition":[
                {"lib_court":"St","id_famille":"Stark"}
                ,{"lib_court":"Gr","id_famille":"Greyjoy"}
                ,{"lib_court":"La","id_famille":"Lannister"}
                ,{"lib_court":"Ba","id_famille":"Baratheon"}
                ,{"lib_court":"Ty","id_famille":"Tyrell"}
                ,{"lib_court":"Ma","id_famille":"Martell"}
                ]
        ,"Un Festin pour les Corbeaux":[
                {"lib_court":"St","id_famille":"Stark"}
                ,{"lib_court":"Ar","id_famille":"Arryn"}
                ,{"lib_court":"La","id_famille":"Lannister"}
                ,{"lib_court":"Ba","id_famille":"Baratheon"}
                ]
        ,"Une Danse avec les Dragons":[
                {"lib_court":"Bo","id_famille":"Bolton"}
                ,{"lib_court":"Gr","id_famille":"Greyjoy"}
                ,{"lib_court":"La","id_famille":"Lannister"}
                ,{"lib_court":"Ba","id_famille":"Baratheon"}
                ,{"lib_court":"Ty","id_famille":"Tyrell"}
                ,{"lib_court":"Ma","id_famille":"Martell"}
                ]
    };

    // parcourt des lignes de partie en cours
    for (var i = tgsTrPEC.length-1 ; i > 0 ; i--){
        if( tgsTrPEC[i].children.length > 6){
            // comptage "a lire"
            nbMsg = parseInt(tgsTrPEC[i].children[6].textContent);
            nbMsgTot += nbMsg;
            
            // liens
            idPartie = parseInt(tgsTrPEC[i].children[0].textContent);
            idFamille = tgsTrPEC[i].children[2].textContent;
            typePartie = tgsTrPEC[i].children[1].textContent;
            // pour le cas des remplacements
            typePartie = typePartie.replace(" (R)","");
            if (nbMsg > 0) newTextMsg = "<b>"+nbMsg+":</b>";
            else newTextMsg = "0:";
            if(defFam[typePartie]){
                nbFamille = defFam[typePartie].length;
                for(var j = 0; j < nbFamille; j++){
                    newTextMsg += '<span style="padding-left:5px"><a href="./lire.php?id_partie='+idPartie+'&l='+idFamille+'&e='+defFam[typePartie][j].id_famille+'">'+defFam[typePartie][j].lib_court+'</a></span>';
                }
                newTextMsg += '<b style="padding-left:5px"><a href="./lire.php?id_partie='+idPartie+'&l='+idFamille+'&e=All">Tous</a></b>';
            }
            tgsTrPEC[i].children[6].innerHTML = newTextMsg;
        }
    }
}
if (nbMsgTot > 0) document.title += " "+nbMsgTot+" à lire";

document.title += " ("+d.getHours()+":"+d.getMinutes()+")";


A rajouter dans la page mes_parties :
- l'heure de dernière action de jeu
- le détail des messages et plus un chiffre global

Et on le mets comment sur chromium ?

Toujours avec greasemonkey

Ca ne m'aide pas trop Je ne connais pas greasemonkey en fait ^^

je viens de regarder aussi, j'ai installé un chromium du coup et je ne vois pas d'extension greasemonkey.
Je vais chercher, mais il me semblait avoir vu qu'il était possible d'utiliser des scripts greasemonkey sur chromium.
Si quelqu'un a l'info, je suis preneur, sinon le script fonctionne sur FireFox avec l'extension Greasemonkey.

Sur Chromium j'ai ajouté le script en le faisant gllisser sur la page et en fait ça me dit: "User script must be UTF8 encoded".

Je vais regarder ce que ça me veut dire.

Pour chromium ça fonctionne avec l'extension tampermonkey.
Il y a aussi la possibilité de l'exécuter en natif dans chrome mais ça a l'air plus compliqué soit il faut référencer le script soit il faut lancer chrome d'une certaine façon.

Ok merci

En tout cas ça fonctionne pas trop mal
J'ai juste rajouté ça:

Code:

        ,"2eme édition (W)":[
                {"lib_court":"St","id_famille":"Stark"}
                ,{"lib_court":"Gr","id_famille":"Greyjoy"}
                ,{"lib_court":"La","id_famille":"Lannister"}
                ,{"lib_court":"Ba","id_famille":"Baratheon"}
                ,{"lib_court":"Ty","id_famille":"Tyrell"}
                ,{"lib_court":"Ma","id_famille":"Martell"}
                ]
    };


pour les parties de type: 2eme édition (W).

- Ajout du type de partie avec westeros (via ocin)
- re formatage du code
- Ajout des icônes de famille
- formatage de l'heure

Pour la partie css peut être a modifier parce que je ne suis pas très calé

Code:

// ==UserScript==
// @name        AutoUpdate4tdfOnline
// @namespace   http://www.tdf-online.fr/ns
// @description script greasemonkey de mise à jour de la page de message du jeux en ligne tdf-online
// @include     http://www.tdf-online.fr/mes_parties.php
// @CodedBy     Nocay
// @version     0.5.1
// @license     Free
// @grant       none
// ==/UserScript==

var delaiMaj = '2';  //==[En minutes]

// Mise à jour auto
if (delaiMaj > 0) setTimeout("location.reload(true);",delaiMaj*60000);

// Mise à jour du titre
var d = new Date();
var nbPartAJ = 0; // nombre de partie à jouer
var nbMsgTot = 0; // nombre de messages a lire au total
document.title = "Mes Parties";

// les parties a jouer
var aParties_en_cours = document.getElementsByClassName("rouge");
nbPartAJ = aParties_en_cours.length;

// les messages a lire et liens direct
var tgsTrPEC = parties_en_cours.getElementsByTagName("tr"); // liste des lignes du tableau des parties en cours
if (tgsTrPEC.length > 0){
    var ed2fam = {
        "2eme édition - ADWD":0
        ,"Une Danse avec les Dragons":0
        ,"2eme édition":1
        ,"2eme édition (W)":1
        ,"Un Festin pour les Corbeaux":2
    };
    var defFam = [
        ["Bolton","Greyjoy","Lannister","Baratheon","Tyrell","Martell"]
        ,["Stark","Greyjoy","Lannister","Baratheon","Tyrell","Martell"]
        ,["Stark","Arryn","Lannister","Baratheon"]
    ];

    // Ajout du style pour les familles
    var style = document.createElement('style');
    style.type = 'text/css';
    for (var key in data = ["Bolton","Stark","Arryn","Greyjoy","Lannister","Baratheon","Tyrell","Martell"]){
       style.innerHTML += '.'
            +(data[key])
            +'{padding-left:5px;background:url("../images/'
            +data[key]
            +'/pp.png") no-repeat;background-size:cover;}';
    }
    document.getElementsByTagName('head')[0].appendChild(style);
    
    // variables intermédiaires
    var nbMsg,idPartie,idFamille,typePartie,lPersoFamille,newTextMsg,nbMsgFam="  ";

    // parcourt des lignes de partie en cours
    for (var i = tgsTrPEC.length-1 ; i > 0 ; i--){
        if( tgsTrPEC[i].children.length > 6){
            // comptage "a lire"
            nbMsg = parseInt(tgsTrPEC[i].children[6].textContent);
            nbMsgTot += nbMsg;
            
            // liens
            idPartie = parseInt(tgsTrPEC[i].children[0].textContent);
            idFamille = tgsTrPEC[i].children[2].textContent;
            typePartie = tgsTrPEC[i].children[1].textContent;
            // pour le cas des remplacements
            typePartie = typePartie.replace(" (R)","");
            
            if(ed2fam[typePartie]!=null){
                lPersoFamille = defFam[ed2fam[typePartie]];
                if (nbMsg > 0) newTextMsg = "<b>"+nbMsg+":</b>";
                else newTextMsg = "0:";
                for(var j = 0; j < lPersoFamille.length; j++){
                 newTextMsg += '<span class="'
                    +lPersoFamille[j]
                    +'"><a href="./lire.php?id_partie='
                    +idPartie+'&l='
                    +idFamille+'&e='
                    +lPersoFamille[j]+'">'
                    +nbMsgFam+'</a></span>';
                }
                newTextMsg += '<b style="padding-left:5px"><a href="./lire.php?id_partie='
                +idPartie+'&l='
                +idFamille+'&e=All">Tous</a></b>';
              tgsTrPEC[i].children[6].innerHTML = newTextMsg;
            }
        }
    }
}
if (nbMsgTot > 0 || nbPartAJ > 0 ) document.title += " [J:"+nbPartAJ+",L:"+nbMsgTot+"]";

// ajout de l'horodatage
if(d.getHours()<10) document.title += " (0"+d.getHours();
else document.title += " ("+d.getHours();
if(d.getMinutes()<10) document.title += ":0"+d.getMinutes()+")";
else document.title += ":"+d.getMinutes()+")";

Marche pas ton truc !!  

Sur FF linux tu veux dire ?
Parce que sinon je viens de tester sur FF et Chromium sur windows et ça semble fonctionner.
Après je n'ai pas de message pour l'instant, pas de partie a jouer et juste des 2nd ed et 2nd ed ADWD sans remplacement

Je dois avoir raté une étape, je suis sous Firefox sous windows là.
Le script a bien été copié, Greasemonkey est bien activé, tout comme le script AutoUpdate4tdfOnline quand je suis sur la page, mais ça ne fait rien... (j'ai 4 parties, 2 remplacements et dont 1 où je dois jouer)

j'essaye de refaire le formatage via un editeur texte et je met a jour mon post.
Sinon on est sur le chat avec fredben

Je constate que la copie via la balise [ code ] modifie la mise en page et introduit des retours a la ligne .
Il y a moyen de mettre a dispo le fichier source ?
Sinon j'essayerai de le publier sur userscripts

Ok en enlevant les retours à la ligne, ça marche!
c'est bien ce que tu as fais, je m'en inspirerai.

pas de soucis
Je vais essayer de mettre à jour avec une version sur moins de colonne pour éviter les retours à la ligne.

Bon a priori ça a l'air d’être bon, j'ai modifié le code.

Hey pas mal cette MAJ

Par contre on ne sait pas trop quelle famille nous a envoyé le message :p

L'info n'est pas présente dans la page, donc il faut attendre que Raistlin intègre tout ça dans cette dernière