FireDVP 3.9

Cette extension pour le navigateur Firefox vous propose :

  • le suivi en temps quasi réel des nouveaux messages des discussions et forums de Developpez.com ainsi que des billets de vos blogs préférés ;
  • l'ajout de boutons et raccourcis aux éditeurs du forum et chat ;
  • des liens rapides sur les éléments principaux du site et la recherche de forums, membres et Internet ;
  • et diverses autres fonctionnalités vous facilitant l'usage du forum et du chat.

Retrouvez également ChroDVP, la version pour Chrome.

N'hésitez pas à commenter ou suggérer une amélioration : 609 commentaires Donner une note à l'article (5)

Article lu   fois.

L'auteur

Profil ProSite personnel

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

I. Introduction

Par curiosité, ou serait-ce aussi par besoin, j'ai analysé puis modifié cette merveilleuse extension à l'origine codée par Julien Fray (alias beekeep) présentée ici afin de couvrir mes propres besoins. Cela a commencé sur le chat, pour permettre la conservation de discusions, et cela a continué sur le forum, plus ou moins guidé par certaines demandes de fonctionnalités comme l'ajout des boutons manquants sur l'éditeur du forum. J'ai espoir qu'elle vous facilitera grandement l'écriture de messages et la navigation au sein du forum et site de Developpez.com, mais aussi du chat.

Sans plus attendre, voici les nouveautés :

II. Rétablissement des « forums Tous » et plus

Suite au passage à la nouvelle version du forum, il n'était plus possible d'avoir ces éléments qui permettaient d'accéder facilement aux discussions des sous forums.

C'est désormais de nouveau possible, non seulement avec les forums possédant ces éléments particuliers dans leur page :

Image non disponible

… mais aussi avec ceux qui ne l'ont pas. Et dans un cas comme dans l'autre, les sous-forums directs sont présents.

Pour rajouter un forum, allez dans les options de l'extension, onglet « Forums suivis »…

Si c'est votre première utilisation de la version +3.0, commencez par appuyer sur le bouton suivant :

Image non disponible

et patientez jusqu'au chargement complet.

… et cochez dans la partie droite les cases des forums que vous souhaitez suivre.

Éditez ensuite les forums en cliquant sur leur icône Image non disponible associée et cochez la case pour les considérer comme forums « Tous » ou non (associé à l'icône Image non disponible) :

Image non disponible

À noter que l'autre case « Inclure dans la mise à jour automatique », associée à l'icône Image non disponible comme son nom l'indique, sert à exclure ou non cet élément lors des mises à jour automatiques toutes les X minutes fixées dans l'onglet « Réglages des suivis ». L'élément sera alors mis à jour seulement suite à l'appui sur le bouton général « Tout mettre à jour » ou « Mettre à jour » de l'élément même.

III. Prise en compte des dossiers d'abonnement

Sur le forum, lorsque vous vous abonnez à une discussion, vous avez la possibilité de choisir le dossier dans lequel vous la conservez. Ces dossiers sont modifiables au sein de cette page de votre tableau de bord, accessible à tout moment avec le nouveau bouton général suivant :

Image non disponible

Vous aviez jusqu'à maintenant la liste de ces discussions, tous dossiers confondus ; dorénavant chaque dossier est disponible de la même façon que les forums suivis, tout en gardant un dossier « Tous » en première position ayant la même fonction que ce que vous aviez jusqu'à maintenant.

IV. Nouveau système de pages

De la même façon que vous pouvez parcourir les différentes pages d'un forum ou dossier d'abonnement, un nouveau champ fait son apparition vous permettant de le faire directement dans les deux popups de l'extension :

Image non disponible

V. Abonnement rapide aux discussions, billets et actus

Avec ce nouveau bouton, finis les scrolls en début de page pour aller s'abonner, et rechargements qui s'en suivent. Dès que vous souhaitez vous abonner ou désabonner d'une discussion, d'un billet de blog ou d'une actu, il vous suffit de cliquer sur ce bouton :

Image non disponible

Lors de l'abonnement, la popup suivante apparaît :

Image non disponible

vous permettant de fixer les mêmes options que la page qui se serait chargée. Dès que vous validez, l'extension se charge du reste.

Autre nouveauté : sur les forums et pages de recherche, des boutons font aussi leur apparition :

Image non disponible

permettant de la même façon de s'abonner/se désabonner rapidement des discussions sans même avoir à aller sur la page.

VI. Ajout de couleurs de repérage

Quelques couleurs font leur apparition dans les popups :

  • Les discussions importantes sont sur fond rouge (dans la partie forum seulement, cette information n'est pas présente dans les pages des dossiers d'abonnement [bogue déjà remonté à Ano mais qui n'est pas près d'être corrigé AMHA vu son importance Image non disponible]) ;
  • les discussions auxquelles vous avez participé sont sur fond vert ;
  • les redirections des discussions déplacées sont écrites en bleu.

VII. Ouverture rapide des nouvelles discussions et plus

Un nouveau bouton fait son apparition dans la barre de l'extension :

Image non disponible

Il permet plusieurs choses selon la page où vous vous trouvez :

  • dans le tableau de bord, forum ou une page de recherche : il ouvre toutes les discussions non lues ainsi que les éventuels sous-forums qui en possèdent (si ces sous-forums ont eux-mêmes des « nouveaux » sous-forums, c'est une page de recherche qui s'ouvre pour avoir directement leurs nouvelles discussions et ce même bouton pourra les ouvrir en un clic) ;
  • dans une page de cours ou FAQ : il déplie entièrement les sections ;
  • dans les pages du bugtracker : il ouvre les rapports non lus.

VIII. Forum/Chat : ajout des boutons et raccourcis aux éditeurs

Pour faciliter l'écriture des messages, ainsi que satisfaire la demande souvent faite des boutons manquants sur l'éditeur, les neuf boutons suivants ont été ajoutés :

Image non disponible

Avec :

  • Image non disponible pour ajouter les balises [C] (code dit « inline » au sein d'un paragraphe), aussi disponible avec le raccourci ALT+I ;
  • Image non disponible pour ajouter les balises [LATEX] (formule LaTeX), aussi disponible avec le raccourci ALT+L ;
  • Image non disponible pour ajouter les balises [PRE] (cadre respectant l'indentation), aussi disponible avec le raccourci ALT+P ;
  • Image non disponible pour ajouter les balises [SPOILER] (permet de montrer/cacher une partie du message), aussi disponible avec le raccourci CTRL+SHIFT+S ;
  • Image non disponible pour ajouter les mêmes zones avec ces images que vous pouvez croiser dans les cours et FAQ ;
  • Image non disponible pour ajouter le modèle d'actualité de LittleWhite.

Et d'autres raccourcis ont vu le jour :

  • sur le forum :

    Raccourci Balise correspondante Description
    ALT+C CODE Insertion de code
    ALT+Q QUOTE Citation d'un texte
    CTRL+ALT+L URL Ajout d'un lien (si vous avez un lien dans le presse-papier, il est inséré automatiquement)
    ALT+R COLOR (rouge) Texte de couleur rouge
    ALT+V COLOR (vert) Texte de couleur verte
    ALT+B COLOR (bleu) Texte de couleur bleue
    ALT+S S Texte barré
    CTRL+ALT+I IMG Insertion d'une image par son URL
    CTRL+BAS SUB Texte en indice
    CTRL+HAUT SUP Texte en exposant
    ALT+N NOPARSE Texte non interprété
    ALT+DROITE INDENT Décalage à droite du texte
    CTRL+ALT+H HIGHLIGHT Texte mis en évidence
    CTRL+ALT+P POST Ajout d'un lien vers un message (si vous avez le lien entier ou juste l'identifiant dans le presse-papier, il est automatiquement inséré)
    ALT+T THREAD Ajout d'un lien vers une discussion (si vous avez le lien entier ou juste l'identifiant dans le presse-papier, il est automatiquement inséré)
    ALT+E [nbsp][/nbsp] Espace insécable (les vraies étant remplacées par des étoiles, il a été mis en place ces balises)
    ALT+G «[nbsp][/nbsp]…[nbsp][/nbsp]» Insertion de guillemets
  • sur le chat :

    Raccourci Balise correspondante Description
    CTRL+B B Texte en gras
    CTRL+U U Texte souligné
    CTRL+I I Texte en italique
    CTRL+ALT+L URL Ajout d'un lien (si vous avez un lien dans le presse-papier, il est inséré automatiquement)
    ALT+C CODE Insertion de code
    ALT+Q QUOTE Citation d'un texte
    ALT+R COLOR (rouge) Texte de couleur rouge
    ALT+V COLOR (vert) Texte de couleur verte
    ALT+B COLOR (bleu) Texte de couleur bleue
    ALT+K COLOR (noir) Texte de couleur noire
    ALT+S S Texte barré
    CTRL+ALT+I IMG Insertion d'une image par son URL
    CTRL+ALT+S SMALL Texte rétréci
    ALT+G « … » Insertion de guillemets
    ALT+L - La formule sélectionnée dans l'éditeur ou contenue dans le presse-papier est modifiée pour être affichée sous forme d'image par le biais du site codecogs.com.

Tous ces raccourcis fonctionnent si vous avez du texte sélectionné ou non et le cas échéant, insèrent les balises autour.

Et dans le mode standard où la touche tabulation ne permet pas de basculer sur les boutons, vous pouvez à tout moment :

  • valider votre message/MP/rapport/billet avec CTRL+Entrée ;
  • le prévisualiser avec ALT+Entrée.

IX. Chat

IX-A. Conservation des discussions des différents onglets

Autre nouveau bouton sur la barre de l'extension : celui pour le chat Developpez.com.

Image non disponible

Il permet :

  • lorsque vous êtes sur n'importe quelle page, d'ouvrir un nouvel onglet à l'adresse du chat ;
  • si vous êtes connecté, de conserver dans un fichier .html local toutes vos conversations en sélectionnant les onglets que vous souhaitez sauver. Vous pouvez dans les options (onglet « Autres ») sélectionner un dossier de sauvegarde par défaut ;

Les fichiers sont sauvés sous la forme yyyymmdd.html ; à la demande de certains membres, il est possible d'ouvrir systématiquement une boîte de dialogue permettant de modifier le nom/chemin du fichier.

IX-B. Sélection rapide de code

Pour faciliter la copie de code ou citation dans les nouveaux onglets ouverts par le chat, un lien cliquable est ajouté au début de la page et permet, comme sur le forum, de sélectionner l'ensemble.

IX-C. Ajout d'un thème nuit et de sons

Récemment demandé dans ce billet, vous pouvez dorénavant être averti par un son sur :

  • les messages privés ;
  • les messages personnels dans le salon ;
  • l'arrivée d'un membre ;
  • la sortie d'un membre ;
  • tout autre message du salon,

et avez en plus la possibilité d'inverser les couleurs du chat, tout cela grâce aux deux boutons :

Image non disponible

IX-D. Ajout de langages

Actuellement indisponible à partir d'une page annexe, ceci jusqu'au passage du domaine en HTTPS.

Je travaille depuis un certain temps à l'ajout de la coloration syntaxique sur le forum, mais forum comme chat cela tarde à être mis en place. C'est ainsi que je prends les devants sur le chat en modifiant la boîte de dialogue pour permettre la coloration syntaxique de tous ces langages :

Image non disponible

Pour ceux qui ne souhaitent pas utiliser l'extension, vous pouvez utiliser cette page.

X. Forum

X-A. CSS Personnalisé

Pour ceux qui comme moi aiment les couleurs et trouvent le nouveau forum un peu terne, je propose un CSS personnalisé activable/désactivable à tout moment dans les options, onglet « Autres ».

Je vous laisse le découvrir !

Pour ceux qui n'aiment pas (vous en avez tout à fait le droit Image non disponible), le fichier est commenté, aussi vous pouvez faire parler votre côté artiste et m'en proposer de nouveaux que j'intégrerai. Le fichier se situe dans le dossier de profil/extensions/firedvp@user/content/data/Blue.css.

Sa modification, ainsi que celle de n'importe quel autre fichier de l'extension, annule sa signature et Firefox refuse dès lors son fonctionnement à moins d'autoriser les extensions non signées.

X-B. Quota des MP

Depuis le nouveau forum, il n'y a plus la notification lorsque l'on descend en dessous des 10 % de quota et la barre de progression située en bas de la page n'est pas forcément immédiatement visible dans la boîte de réception… ce qui entraîne quelques « surprises ». C'est pourquoi l'extension remonte automatiquement cette barre au début de la page et le bouton de notification possède deux nouveautés :

  • la barre de progression est visible en permanence dans la popup associée ;
  • lorsque la limite des 10 % est atteinte, le bouton s'active comme lorsqu'il y a une nouvelle notification.

X-C. Rétécissement des images en pièces jointes

Depuis le nouveau forum, les images en pièces jointes ont leur taille d'origine et lorsque celles-ci sont géantes et qu'il y en a plusieurs, la lecture et navigation des messages devient fastidieuse. L'extension propose alors de les rétrécir automatiquement tout en les mettant en lien cliquable.

X-D. Répondre à tous

Lorsque vous visualisez un message privé qui a été envoyé à plusieurs personnes, un bouton « Répondre à tous » s'ajoute pour recopier cette même liste dans les destinataires de votre message.

X-E. Sauvegarde des MP au format HTML

Lorsque vous êtes dans votre boîte de réception, de messages envoyés ou tout autre dossier similaire, cochez les messages que vous souhaitez garder et dans le menu du bas, cliquez sur le bouton « Télécharger au format HTML » :

Image non disponible

Après un temps de chargement, vous serez invité à sauver le fichier .html.

XI. Rajout de nouveaux liens rapides

La liste des liens rapides a été mise à jour :

Image non disponible

et vous pouvez dorénavant rechercher un membre.

XII. Marque-pages

Sur la base de cette demande de fonctionnalité, un autre bouton :

Image non disponible

permet de sauvegarder le lien de la page où l'on se trouve. Les éléments peuvent être classés au sein de différents dossiers, et ont des tags différents selon leur nature (message, discussion, Q/R de FAQ, etc.).

Si lors de votre navigation vous accédez :

  • à un élément que vous avez marqué, l'icône principale passe en rouge Image non disponible ;
  • à l'ancre ou page de tutoriel près, à un élément que vous avez marqué, l'icône principale passe en orange Image non disponible ;

Ces éléments sont mis en évidence respectivement par un fond rouge et un fond jaune et vous êtes automatiquement amené au premier élément correspondant lorsque vous ouvrez la popup.

Il est aussi possible d'importer/exporter un fichier des éléments sauvés.

XIII. Suivi des blogs

Avec la récente mise en place des blogs facilement publiables sur DVP, et une page de présentation qui me semblait assez limitée, j'ai éprouvé le besoin de faire quelque chose.

C'est ainsi qu'un dernier bouton est arrivé :

Image non disponible

Il permet de récupérer le flux et de repérer les nouveaux billets publiés. Vous avez la possibilité de cumuler les nouveaux billets avec les anciens, gardant ainsi sous la main les anciens contrairement à ce que Firefox propose.

Et ce système peut vous permettre non seulement de suivre le flux de DVP, mais aussi n'importe quel autre flux externe de vos blogs préférés. Vous restez ainsi informé en temps quasi réel des nouveaux billets publiés de la même façon que les discussions sur DVP.

Vous avez la possibilité de mettre en avant (font rouge) certains éléments en effectuant un clic dessus avec la molette.

XIV. Téléchargement

Voici le lien tant attendu : FireDVP.xpi. (Une version « Modération » est disponible à la demande.)

Un bogue, une amélioration, n'hésitez pas à m'en faire part par MP ou dans la discussion associée.

Je vous souhaite une bonne utilisation ! Image non disponible

Version actuelle 3.9

  • Blogs : nouvelle possibilité de mettre en avant des éléments (merci Malick).
  • Log chat : amélioration du CSS.
  • Log MP : ajout du champ BBCode.
  • Amélioration de l'intégration des ressources.
  • Forum : amélioration du balisage des éléments URL et IMG des raccourcis clavier.
  • Chat : rétablissement du thème de nuit et des sons (le fichier en ligne ne sera pas utilisable tant que le domaine ne sera pas passé en HTTPS).
  • Chat : rétablissement des langages supplémentaires (idem).
  • Mise à jour de la liste des forums.

XV. Remerciements

Je remercie chaleureusement Sehnsucht pour son aide au développement des nouvelles fonctionnalités du chat !

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

En complément sur Developpez.com

  

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2016 Winjerome. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.