From: Greg Burri Date: Tue, 24 Jun 2008 21:09:35 +0000 (+0000) Subject: ADD fin de la nouvelle interface pour répondre à des messages X-Git-Tag: 1.1.0~117 X-Git-Url: http://git.euphorik.ch/index.cgi?a=commitdiff_plain;h=e90f287f99a621173b606ddba73dcec169c6b3bd;p=euphorik.git ADD fin de la nouvelle interface pour répondre à des messages --- diff --git a/css/1/pageMinichat.css b/css/1/pageMinichat.css index 7007305..e8e4181 100755 --- a/css/1/pageMinichat.css +++ b/css/1/pageMinichat.css @@ -78,7 +78,7 @@ margin-right: 5px; width: 12% } -#page.minichat form#posterMessage .message { +#page.minichat form#posterMessage input.message { margin-right: 5px; width: 75% } @@ -100,6 +100,24 @@ vertical-align: top; margin-right: 5px; } +#page.minichat form#posterMessage #repondA { + background-color: #f0df95; + border: #841919 1px solid; + margin-right: 5px; + padding-right: 2px; + padding-left: 2px; + cursor: pointer; + display: none; +} +#page.minichat form#posterMessage #repondA .messages { + position: absolute; + border: #841919 1px solid; + width: 50%; + display:none; +} +#page.minichat form#posterMessage #repondA .messages div.message:hover .outilsMess { + display: none +} /***** Les conversations *****/ /* voir pour l'astuce css "float left" des conversations : http://www.quirksmode.org/css/clearing.html */ @@ -114,19 +132,6 @@ float: left; width: 100%; } -#page.minichat #conversations div.messageImpair { - background-color: #fbeede; -} -#page.minichat #conversations div.messagePair { - background-color: #f6dfc2; -} -#page.minichat #conversations div.cache { - opacity: 0.3; - - /* Hack IE 7 */ - filter: alpha(opacity = 30); - zoom: 1 -} #page.minichat #conversations .titre { text-align: center; padding-right: 8px; @@ -175,37 +180,50 @@ } /***** Les messages *****/ -#page.minichat #conversations div.message { +#page.minichat div.message { padding-right: 5px; cursor: pointer; min-height: 18px; line-height: 18px; } -#page.minichat #conversations div.message.reponse .entete { +#page.minichat div.messageImpair { + background-color: #fbeede; +} +#page.minichat div.messagePair { + background-color: #f6dfc2; +} +#page.minichat div.cache { + opacity: 0.3; + + /* Hack IE 7 */ + filter: alpha(opacity = 30); + zoom: 1 +} +#page.minichat div.message.reponse .entete { background-color: #bf2911 } -#page.minichat #conversations div.message.reponse .delimitationEntete, -#page.minichat #conversations div.message.reponse .repondA { +#page.minichat div.message.reponse .delimitationEntete, +#page.minichat div.message.reponse .repondA { background-image: url(../../img/css1/fleche_reponse.png); } -#page.minichat #conversations div.message.repondu .entete { +#page.minichat div.message.repondu .entete { background-color: #84196c } -#page.minichat #conversations div.message.repondu .delimitationEntete, -#page.minichat #conversations div.message.repondu .repondA { +#page.minichat div.message.repondu .delimitationEntete, +#page.minichat div.message.repondu .repondA { background-image: url(../../img/css1/fleche_repondu.png); } -#page.minichat #conversations div.message.proprietaire .entete { +#page.minichat div.message.proprietaire .entete { background-color: #31732f } -#page.minichat #conversations div.message.proprietaire .delimitationEntete, -#page.minichat #conversations div.message.proprietaire .repondA { +#page.minichat div.message.proprietaire .delimitationEntete, +#page.minichat div.message.proprietaire .repondA { background-image: url(../../img/css1/fleche_proprietaire.png); } -#page.minichat #conversations div.message.repondEnEvidence { +#page.minichat div.message.repondEnEvidence { background-color: #fce476 } -#page.minichat #conversations div.message.systeme { +#page.minichat div.message.systeme { background-color: #f0df95 } #page.minichat div.message a { @@ -253,7 +271,7 @@ margin-left: 2px; font-size: 8px; } -#page.minichat #conversations .repondA { +#page.minichat .repondA { z-index: 5; height: 18px; margin-left: -7px; @@ -265,7 +283,7 @@ background-image: url(../../img/css1/fleche.png); background-repeat: no-repeat; } -#page.minichat #conversations .delimitationRepondA { +#page.minichat .delimitationRepondA { z-index: 20; height: 18px; width: 7px; @@ -273,27 +291,27 @@ display: block; float: left; } -#page.minichat #conversations .contenu { +#page.minichat .contenu { margin-left: 5px; } -#page.minichat #conversations .outilsMess { +#page.minichat .outilsMess { float: right; display: none; } -#page.minichat #conversations div.message:hover .outilsMess { +#page.minichat div.message:hover .outilsMess { display: block } -#page.minichat #conversations .extraire { +#page.minichat .extraire { float: right; width: 13px; height: 13px; background-image: url(../../img/css1/extraction.png); margin-top: 2px; } -#page.minichat #conversations .extraire:hover { +#page.minichat .extraire:hover { background-image: url(../../img/css1/extraction_hover.png); } -#page.minichat #conversations .extraireCompletement { +#page.minichat .extraireCompletement { float: right; width: 13px; height: 13px; @@ -301,6 +319,6 @@ margin-top: 2px; margin-right: 2px; } -#page.minichat #conversations .extraireCompletement:hover { +#page.minichat .extraireCompletement:hover { background-image: url(../../img/css1/extraction_complete_hover.png); } diff --git a/doc/TODO.txt b/doc/TODO.txt index 7b784ec..483ea60 100755 --- a/doc/TODO.txt +++ b/doc/TODO.txt @@ -1,29 +1,29 @@ == TODO == - -=== v1.1 === -* Gestion de l'historique au niveau du navigateur (pouvoir revenir aux pages précédentes). Utiliser un plugin jQuery si possible. Voir du coté des ancres (fragment d'url) : #ancre. - * http://www.euphorik.ch/#page=chat -* Revoir le système de conversation : - * Pouvoir extraire "toute la conversation" ou seulement une "sous conversation" (ce qui est actuellement le cas) + +=== v1.1 === +* Gestion de l'historique au niveau du navigateur (pouvoir revenir aux pages précédentes). Utiliser un plugin jQuery si possible. Voir du coté des ancres (fragment d'url) : #ancre. + * http://www.euphorik.ch/#page=chat +* Revoir le système de conversation : + * Pouvoir extraire "toute la conversation" ou seulement une "sous conversation" (ce qui est actuellement le cas) * Tous les messages auquels on répond doivent faire partie de la conversation ! - * L'entête de la conversation contient le premier message (la racine) - * Possibilité de fermer temporairement une conversation (la réduire sous la forme d'un onglet) - * lien vers une conversation : http://www.euphorik.ch/#conv=45 -* Mettre un icon (genre sablier ou truc qui tourne à la apple) lorsque le chat se charge (également lors d'un changement de page par exemple) - * L'icon apparait tout en haut (absolute) - * Simuler un réseau lent -* Mise à jour automatique de la version dans le about en fonction du tag/branche courant (lors de la mise en production) ? -* Tests de monter en charge coté serveur, analyse de la complexité (regarder du coté des TODO dans le code). Utiliser eventuellement Tsung -* Profiling pour améliorer les performances (client et serveur) - * traitementComplet() de euphorik.js est très très lent à executer -* Pouvoir récupérer son mdp (ou en générer unhttp://www.euphorik.ch/ autre) via son email. Marquer dans le profile que l'email sert à cela et n'est pas visible pas les autres personnes + * L'entête de la conversation contient le premier message (la racine) + * Possibilité de fermer temporairement une conversation (la réduire sous la forme d'un onglet) + * lien vers une conversation : http://www.euphorik.ch/#conv=45 +* Mettre un icon (genre sablier ou truc qui tourne à la apple) lorsque le chat se charge (également lors d'un changement de page par exemple) + * L'icon apparait tout en haut (absolute) + * Simuler un réseau lent +* Mise à jour automatique de la version dans le about en fonction du tag/branche courant (lors de la mise en production) ? +* Tests de monter en charge coté serveur, analyse de la complexité (regarder du coté des TODO dans le code). Utiliser eventuellement Tsung +* Profiling pour améliorer les performances (client et serveur) + * traitementComplet() de euphorik.js est très très lent à executer +* Pouvoir récupérer son mdp (ou en générer unhttp://www.euphorik.ch/ autre) via son email. Marquer dans le profile que l'email sert à cela et n'est pas visible pas les autres personnes * (Pouvoir inverser le chat) tester la faisabilité * Modifier le comportement du système de reponse : * Ne plus concatener les id des messages auquels on répond * Un élément se place entre le pseudo et la ligne de saisie du message et affiche le nombre de message auquel on répond * Lorsque l'on passe le curseur sur cet élément les messages sont affichés en dessous du bouton * Les messages auquels ont répond sont mis en évidence - * lors de la mise à jour des messages la liste est interrogé pour savoir s'il faut le mettre en évidence + * lors de la mise à jour des messages la liste est interrogé pour savoir s'il faut le mettre en évidence === v1.2 === * Possibilité d'ajouter des messages dans son profil * Les messages sont soient publics soient privées (Par défaut privées) @@ -32,51 +32,51 @@ * Par exemple : "news", "event", etc.. * Proposer les mots clefs les plus courants ? * Une page "conversations" regroupe tous les messages publiques - * Il est possible de faire une recherche temps réelle sur les tags -* Downloader automatiquement toutes les images et substituer l'url original par une url locale relative - * Lorsqu'une image est postée un processus est lancé (de manière asynchrone évidemment), il va télécharger l'image et la stocker sur le serveur puis substituer l'url dans le message -* Création d'un script ruby dans /tool pour apposer automatiquement une entête concernant la licence voir : http://www.gnu.org/licenses/gpl-howto.fr.html - * Eventuellement mettre à jour automatiquement le Copyright (date) et les personnes responsables -* Système de censure par les admins (suppression d'un message) - * Ne supprime pas réellement le message mais le censure - * L'admin vois toujours le message (grisé, ou tracé) - * Les utilisateurs normaux voient à la place "" -( * Intégrer les totoz : http://www.totoz.eu/ (avec une limite de 3 par messages par exemple) - * avoir une option pour les cacher ou les voir - * Masquer systématiquement ceux qui dépassent une certaine taille en pixel ) -> site trop trash -(* Avoir une liste d'amis dans le profile - * Pouvoir n'afficher les messages que des amis (et des personnes y répondant) - * Ajouter une personne à ses amis avec une toolbar similaire à celle de banissement ) -> réflechir très fort à la réelle nécessité -=== v1.3 === -* Mise en place de Redmine -> dev.euphorik.ch - * Suppression de http://svn.euphorik.ch (car remplacer par Redmine) - * Utilisation de fused (rails sur yaws) -* Shift-enter pour ajouter une ligne dans la ligne de saisie (retour à la ligne) - * Crée un
XHTML (lf -> br coté client) - * A chaque Shift-enter la textbox s'agrandit d'une ligne - * Pouvoir activer pas défaut la présentation multi-ligne via le profile (le nombre de ligne) -* Système de commande / - * /nick : changer de pseudo - * /me : "* " - * /blam : permet d'envoyer un blame à qqun (uniquement depuis un modo vers un non-modo) - * /+ blabla Pourvoir ajouter du texte (correctif en général) à son dernier message par une commande. Le texte ajouté est mise en évidence. Ceci peut être fait plusieurs fois. -* Ajout des wikilien : [[chien de prairie]] -> http://fr.wikipedia.org/wiki/Chien_de_prairie -=== v1.4 === -* gestion des timezone (fuseaux horaire) : - * L'utilisateur peut simplement définir une timezone dans son profil, les dates sont alors affichées en fonction de sa zone (en option) -* Transfert des messages JSON (AJAX) en https et le noter dans la faq (même la mafia chinoise ne peut pas sniffer les messages). En fait il suffit (sauf erreur) de sécuriser euphorik : https://www.euphorik.ch - * voir : http://cert.startcom.org/ pour un certif gratuit ou du coté de cacert.org (linuxfr.org l'utilise) -=== v2.0 === -* Création des channels, un file de discussion ainsi qu'un troll de la semaine par channel - * Un channel possède un nom, une langue, une description et une série de mots clefs (tags) - * Une page ressence tous les channels, il est possible de faire des recherches de channel par mot clef de la même manière que pour les conversations - * N'importe qui peut créer un channel - * Il est alors admin pour ce channel et peu nommer d'autres admins (à réflechir) - * Le site euphorik.ch ne montre que le channel "euphorik" -* Création d'un site à l'échelle mondiale - * Ce site permet d'accèder à tous les channels - * Traduction du site en plusieurs langues - + * Il est possible de faire une recherche temps réelle sur les tags +* Downloader automatiquement toutes les images et substituer l'url original par une url locale relative + * Lorsqu'une image est postée un processus est lancé (de manière asynchrone évidemment), il va télécharger l'image et la stocker sur le serveur puis substituer l'url dans le message +* Création d'un script ruby dans /tool pour apposer automatiquement une entête concernant la licence voir : http://www.gnu.org/licenses/gpl-howto.fr.html + * Eventuellement mettre à jour automatiquement le Copyright (date) et les personnes responsables +* Système de censure par les admins (suppression d'un message) + * Ne supprime pas réellement le message mais le censure + * L'admin vois toujours le message (grisé, ou tracé) + * Les utilisateurs normaux voient à la place "" +( * Intégrer les totoz : http://www.totoz.eu/ (avec une limite de 3 par messages par exemple) + * avoir une option pour les cacher ou les voir + * Masquer systématiquement ceux qui dépassent une certaine taille en pixel ) -> site trop trash +(* Avoir une liste d'amis dans le profile + * Pouvoir n'afficher les messages que des amis (et des personnes y répondant) + * Ajouter une personne à ses amis avec une toolbar similaire à celle de banissement ) -> réflechir très fort à la réelle nécessité +=== v1.3 === +* Mise en place de Redmine -> dev.euphorik.ch + * Suppression de http://svn.euphorik.ch (car remplacer par Redmine) + * Utilisation de fused (rails sur yaws) +* Shift-enter pour ajouter une ligne dans la ligne de saisie (retour à la ligne) + * Crée un
XHTML (lf -> br coté client) + * A chaque Shift-enter la textbox s'agrandit d'une ligne + * Pouvoir activer pas défaut la présentation multi-ligne via le profile (le nombre de ligne) +* Système de commande / + * /nick : changer de pseudo + * /me : "* " + * /blam : permet d'envoyer un blame à qqun (uniquement depuis un modo vers un non-modo) + * /+ blabla Pourvoir ajouter du texte (correctif en général) à son dernier message par une commande. Le texte ajouté est mise en évidence. Ceci peut être fait plusieurs fois. +* Ajout des wikilien : [[chien de prairie]] -> http://fr.wikipedia.org/wiki/Chien_de_prairie +=== v1.4 === +* gestion des timezone (fuseaux horaire) : + * L'utilisateur peut simplement définir une timezone dans son profil, les dates sont alors affichées en fonction de sa zone (en option) +* Transfert des messages JSON (AJAX) en https et le noter dans la faq (même la mafia chinoise ne peut pas sniffer les messages). En fait il suffit (sauf erreur) de sécuriser euphorik : https://www.euphorik.ch + * voir : http://cert.startcom.org/ pour un certif gratuit ou du coté de cacert.org (linuxfr.org l'utilise) +=== v2.0 === +* Création des channels, un file de discussion ainsi qu'un troll de la semaine par channel + * Un channel possède un nom, une langue, une description et une série de mots clefs (tags) + * Une page ressence tous les channels, il est possible de faire des recherches de channel par mot clef de la même manière que pour les conversations + * N'importe qui peut créer un channel + * Il est alors admin pour ce channel et peu nommer d'autres admins (à réflechir) + * Le site euphorik.ch ne montre que le channel "euphorik" +* Création d'un site à l'échelle mondiale + * Ce site permet d'accèder à tous les channels + * Traduction du site en plusieurs langues + [ok] Réaliser la structure suivante : * Table minichat : {id, auteur_id, date, pseudo, contenu, reponses_minichat_id} reponses_minichat_id peut être null @@ -132,18 +132,18 @@ * Créer le style lite * Créer le style old (avec le style de l'ancien site) [ok] Ne pas afficher la css dans le profile -[ok] Ne pas effacer le message (dans le ) si l'on recoit un "pas ok" lors de l'envoie -[ok] Conversations : - [ok] implémenter coté serveur et client la sauvegarde et la restauration des conversations - [ok] Supprimer l'envoie de la description des conversations lors du refresh ainsi que modifié la manière de créer les conversations (maj des diagrammes de séquence) - [ok] Navigation vers les pages précédentes - [ok] Lien vers une conversation dans les messages sous cette forme {5F}. Le clic dessus ouvre la conversation. Egalement un bouton sur chaque conversation pour insérer son lien dans le message en cours de rédaction - [ok] Mettre à jour la CSS de chaque skin -[ok] Remplacer l'XML par du JSON. gain en simplicité et en temps d'execution. - [ok] Tester sur un prototype : l'authentification -> concluant - [ok] Si concluant passage complet à JSON - [ok] Les id ne sont plus passés en base 36 - [ok] Flusher le profil lors du déchargement de la page ? -> oui +[ok] Ne pas effacer le message (dans le ) si l'on recoit un "pas ok" lors de l'envoie +[ok] Conversations : + [ok] implémenter coté serveur et client la sauvegarde et la restauration des conversations + [ok] Supprimer l'envoie de la description des conversations lors du refresh ainsi que modifié la manière de créer les conversations (maj des diagrammes de séquence) + [ok] Navigation vers les pages précédentes + [ok] Lien vers une conversation dans les messages sous cette forme {5F}. Le clic dessus ouvre la conversation. Egalement un bouton sur chaque conversation pour insérer son lien dans le message en cours de rédaction + [ok] Mettre à jour la CSS de chaque skin +[ok] Remplacer l'XML par du JSON. gain en simplicité et en temps d'execution. + [ok] Tester sur un prototype : l'authentification -> concluant + [ok] Si concluant passage complet à JSON + [ok] Les id ne sont plus passés en base 36 + [ok] Flusher le profil lors du déchargement de la page ? -> oui [ok] Envoyer les infos des conversations avec l'attente d'events ? -> oui [ok] Problème de rafraichissement des couleurs des messages auquels on répond [ok] Problème dans l'alternance des couleurs des messages @@ -184,14 +184,14 @@ * Pouvoir kick/ban un user (directement depuis le chat, lors du survol du pseudo d'un user des options sont présentés sous la forme de petits boutons) * Un kick : l'utilisateur (ip) est kické et bannis pour 15 min * Un ban : l'utilisateur (ip) est kické et bannis pour 3 jours - * Modification de la BD -> ajouter une relation "banned_ip" -[ok] Passer à jQuery 1.2.4 -[ok] La largeur de la ligne de saisie doit corresponde à la largeur de la fenêtre -[ok] Lorsqu'un troll de la semaine est posté un message l'est également par le sys formant la racine de la conversation lié au troll - * Il est alors possible de voir la conversation lié au troll en cliquant sur le troll de la page principale -[ok] Faire des infos bulles à la facebook -[ok] Mettre les constantes au niveau du serveur dans euphorik_defines.hrl (par exemple les temps lié au flood) -[ok] Créer un style common puis adapter les CSS (classic et cold -> web2.0) + * Modification de la BD -> ajouter une relation "banned_ip" +[ok] Passer à jQuery 1.2.4 +[ok] La largeur de la ligne de saisie doit corresponde à la largeur de la fenêtre +[ok] Lorsqu'un troll de la semaine est posté un message l'est également par le sys formant la racine de la conversation lié au troll + * Il est alors possible de voir la conversation lié au troll en cliquant sur le troll de la page principale +[ok] Faire des infos bulles à la facebook +[ok] Mettre les constantes au niveau du serveur dans euphorik_defines.hrl (par exemple les temps lié au flood) +[ok] Créer un style common puis adapter les CSS (classic et cold -> web2.0) * Alignement du menu, du troll et des trolls de la partie admin à l'aide de line-height [ok] Finir les options d'affichage des bulles et des dates [ok] Stocker quelque part la version de la BD @@ -206,51 +206,51 @@ * processus : 1) copie des fichiers (+minimisation) 2) Execution d'un scripte erlang pour recharger tous les modules au sein du noeud - 3) Executer euphorik_bd:update() pour mettre à jour la BD -[ok] Ajouter dans la FAQ et/ou dans la page d'enregistrement les conditions d'utilisation, genre "chacun est responsable de ses dires" https://linuxfr.org/bouchot/ -[ok] Limiter la mise en évidence de la conversation lorsque le curseur se trouve sur les pseudos -[ok] Cleaner le code (erl, js, xhtml, css) et eventuellement profiler un peu (le refresh est lent sous opera) + 3) Executer euphorik_bd:update() pour mettre à jour la BD +[ok] Ajouter dans la FAQ et/ou dans la page d'enregistrement les conditions d'utilisation, genre "chacun est responsable de ses dires" https://linuxfr.org/bouchot/ +[ok] Limiter la mise en évidence de la conversation lorsque le curseur se trouve sur les pseudos +[ok] Cleaner le code (erl, js, xhtml, css) et eventuellement profiler un peu (le refresh est lent sous opera) [ok] Afficher l'ip dans le print_users(). [ok] Enlever le petit carré mis en couleur et mettre le pseudo + date en couleur à la place -[ok] Mettre dans la FAQ la signification des couleurs associées aux messages. +[ok] Mettre dans la FAQ la signification des couleurs associées aux messages. [ok] Elaborer une stratégie de mise à jour de la structure de la BD quand celle ci est modifiée (voir euphorik_bd:vers_version()) === v1.0.1 === [ok] Ne pas pouvoir poster avec "" [ok] La validation du profil fait revenir sur la page de chat [ok] Ne plus mémoriser le numéro de page dans le profile [ok] faire un backup de la base v1 avant d'écrire la mise à jour 1->2, permet de revenir à la 1 si des modifs supplémentaires sont nécessaires - + === Bugs === 1 : Critique 2 : Urgent -3 : Peu grave - -[1] Il arrive qu'après le poste d'un message le refresh ne se fasse plus, peut-être une "race-condition" dans la classe PageEvent de euphorik.js - * Observé sur opera et firefox - * Après quelques analyses il apparait que firefox attend alors que le processus n'existe plus du coté yaws - * Cela arrive après 5-10min - * Regarder du coté des paramètres (options) du socket coté yaws s'il n'y a pas un indice, par exemple un timeout - * solution de secours : timeout de (1 à 5 min) sur la connexion ajax - * Est-ce que yaws tient compte du "Keep-Alive 300" de l'entête HTTP ? (=5min) (normalement pas puisque HTTP/1.1) après avoir regardé les sources il me semble que non - * Normalement si le socket est fermé du coté de yaws, le client devrait être avertis... !? - * Après beaucoup d'investigation il semblerai que se soit le firewall/routeur qui coupe la connexion sans prévenir, - pour éviter cela il est possible de mettre 'keepalive' à true au niveau du socket, voir : - - http://erlang.org/doc/man/inet.html#setopts-2 +3 : Peu grave + +[1] Il arrive qu'après le poste d'un message le refresh ne se fasse plus, peut-être une "race-condition" dans la classe PageEvent de euphorik.js + * Observé sur opera et firefox + * Après quelques analyses il apparait que firefox attend alors que le processus n'existe plus du coté yaws + * Cela arrive après 5-10min + * Regarder du coté des paramètres (options) du socket coté yaws s'il n'y a pas un indice, par exemple un timeout + * solution de secours : timeout de (1 à 5 min) sur la connexion ajax + * Est-ce que yaws tient compte du "Keep-Alive 300" de l'entête HTTP ? (=5min) (normalement pas puisque HTTP/1.1) après avoir regardé les sources il me semble que non + * Normalement si le socket est fermé du coté de yaws, le client devrait être avertis... !? + * Après beaucoup d'investigation il semblerai que se soit le firewall/routeur qui coupe la connexion sans prévenir, + pour éviter cela il est possible de mettre 'keepalive' à true au niveau du socket, voir : + - http://erlang.org/doc/man/inet.html#setopts-2 - http://forums.globalscape.com/tm.aspx?m=4114 [2] Le minificateur js doit ajouter un espace après une expression régulière sinon il est possible que le caractère qui suit celle ci soit pris pour un modificateur de la regexp -[2] Le widget select qui permet la sélection des css n'est pas initialisé correctement au chargement du site -[2] Traiter les tags TODO et FIXME dans le code +[2] Le widget select qui permet la sélection des css n'est pas initialisé correctement au chargement du site +[2] Traiter les tags TODO et FIXME dans le code [2] Le changement de skin n'est pas mémorisé lorsque l'on est pas connecté (normal puisque le style est mémorisé dans le profil) * solution 1 : permettre le changement de skin uniquement pour les personnes enregistré ? - * solution 2 : mémoriser le skin courant dans un cookie -[2] Il est possible d'envoyer plusieurs fois le même message en pressant très rapidement plusieurs fois sur ENTER... (à vérifier) -[2] Après l'ajout d'une image il n'est pas possible de naviger depuis celle ci vers les autres images en utilisant Next et Prev de lightbox après l'avoir affich + * solution 2 : mémoriser le skin courant dans un cookie +[2] Il est possible d'envoyer plusieurs fois le même message en pressant très rapidement plusieurs fois sur ENTER... (à vérifier) +[2] Après l'ajout d'une image il n'est pas possible de naviger depuis celle ci vers les autres images en utilisant Next et Prev de lightbox après l'avoir affich [2] Plein de bugs sous MS internet explorer 7 * click sur le lien du conv insère sont id systématiquement au début du message * le changement de skin foire complétement [3] Quand on revient en arrière dans firefox le message en rédaction est perdu * Pas sous Opera, apparemment Firefox recharge toute la page (donc impossible qu'il puisse remettre le message) - * Eventuellement sauvegarder le message en rédaction dans le profile... + * Eventuellement sauvegarder le message en rédaction dans le profile... [3] Le changement de page sous Firefox (pas essayé avec d'autre nav) est plutot moche, le texte est d'abord affiché puis le style est appliqué. [3] Quelques fichiers sont encore en iso-8859-1 (Makefile, euphorik_bd.hrl, etc..) tout passer en UTF-8 [3] Un message envoyé sans être authentifié ne sera pas taggé comme appartenant à l'utilisateur. @@ -259,22 +259,22 @@ i) Il s'enregistre sans login/pass (réalisé automatiquement) ii) Il envoie le message (put_message) c) Le serveur réagie au nouveau message et débloque la connexion, à ce moment le serveur n'a pas le cookie car pas donné, voir a) -[3] Traiter le cas ou le cookie n'existe pas coté serveur (et plus généralement traiter tous les cas d'inputs exeptionnels) +[3] Traiter le cas ou le cookie n'existe pas coté serveur (et plus généralement traiter tous les cas d'inputs exeptionnels) * Afficher un message dans le cas ou le navigateur du client ne supporte pas les cookies en lui disant que la session ne pourra pas être autmatiquement restoré à la prochaine utilisation [3] "Return" ne marche pas sous safari [3] Le "cachage" des messages ne marche pas sous Konqueror, voir : "#page.minichat #conversations div.cache {" dans pageMinichat.css. - "-khtml-opacity: 0.3;" ne fonctionne pas + "-khtml-opacity: 0.3;" ne fonctionne pas [3] Amélioration des requêtes MNESIA, voir : http://mail.google.com/mail/#label/Erlang+mailing-list/117f688280569a58 [3] la page est completement rechargé après avoir submité le profile dans opera [3] après le login un '?' s'ajoute à l'adresse (opera, firefox) -[ok] Comme le json du client est encapsulé dans de l'xml il faut utiliser des xml entities pour les charactères <, > et &. Il faudrait, absolument éviter cette encapsulation moisie. -[ok] Au bout d'un moment opera n'écoute plus rien... et donc n'affiche plus les nouveaux messages.. -[ok] La méthod traiterSmiles est très lourde ! (4 secondes pour 80 appels (une page normale)) -[ok] Utiliser Alpha truc à la place d'opacity sous explorer -[ok] les heures sont formatées par le serveur avec un espace devant : " 12.30:10", zarb -[ok] un undefined est mis lorsque l'on répond à qqun qui n'a pas de pseudo (traiter ces pseudo par le formateur) -[ok] On ne peut pas réponde aux messages du système +[ok] Comme le json du client est encapsulé dans de l'xml il faut utiliser des xml entities pour les charactères <, > et &. Il faudrait, absolument éviter cette encapsulation moisie. +[ok] Au bout d'un moment opera n'écoute plus rien... et donc n'affiche plus les nouveaux messages.. +[ok] La méthod traiterSmiles est très lourde ! (4 secondes pour 80 appels (une page normale)) +[ok] Utiliser Alpha truc à la place d'opacity sous explorer +[ok] les heures sont formatées par le serveur avec un espace devant : " 12.30:10", zarb +[ok] un undefined est mis lorsque l'on répond à qqun qui n'a pas de pseudo (traiter ces pseudo par le formateur) +[ok] On ne peut pas réponde aux messages du système [ok] Apparement les process liés aux connexions ne sont jamais terminé même quand l'utilisateur coupe la connexion à cause de minichat:attends_nouveau_messages() [ok] Bug rafraichissement des conversations, exemple : - la page 2 de la conv est affiché (mess 1 à 10) et la conv principale contient les mess de 11 à 2. @@ -283,13 +283,13 @@ [ok] En changeant de page puis en revenant sur la page principale les smiles ne sont plus highlightés lorsque le curseur les survol * Plus reproduit [ok] Dans certains cas (à déterminer) les message-box (message d'information affiché tout en haut de la page) ne s'affiche plus (on ne voit que un petit bout dépassé) - * Plus reproduit + * Plus reproduit [ok] Après un register le pseudo est effacé - le pseudo n'est pas mémorisé dans le profil lors d'un envoie de mess en l'ayant changé [ok] jQuery définit l'option "X-Requested-With" à "XMLHttpRequest dans l'entête HTTP. De ce fait Yaws exige absolument de l'xml... Solution actuelle : jquery.js est modifié pour ne plus définir cette option. Trouver un autre moyen plus élégant. [ok] Les smiles ne devraient pas dépasser de la fenêtre lorsqu'ils sont affichés [ok] Les processus en attente ne se termine pas lorsque le socket est fermé (pour l'instant un timeout de 1heure est appliqué) -[ok] Possibilité d'enregistrer plusieurs users avec le même login +[ok] Possibilité d'enregistrer plusieurs users avec le même login [ok] le return ne marche pas sous IE [ok] Lors du click sur le bouton slap/kick/ban il faut fermer la mini fenêtre [ok] Lors de l'extraction d'une conv il arrive que la conv extractée soit bien créée mais vide, le bouton ne ferme pas la conv (très étrange, bug de firefox?) @@ -297,7 +297,7 @@ * Jamais reproduit avec Opera * Peut être un bug lié à jQuery * Reproduit sur Firefox 2 et 3 ! -[ok] Lors d'un logout il faut faire un full refresh (pour mettre à jour les messages auquel on répond par exemple) +[ok] Lors d'un logout il faut faire un full refresh (pour mettre à jour les messages auquel on répond par exemple) [ok] Après être passé de la page Admin à Chat le client continu de réaliser de temps en temp des requêtes "lists_banned_ips" * action=%7B%22action%22%3A%22list_banned_ips%22%2C%22cookie%22%3A%22<>%22%7D [ok] Le widget select qui permet la sélection des css n'est pas initialisé correctement au chargement du site @@ -305,8 +305,8 @@ [ok] griser le login dans le profil pour montrer qu'on ne peut pas l'éditer -=== Idées === -Une fois l'idée validée elle est déplacée dans une version à venir. +=== Idées === +Une fois l'idée validée elle est déplacée dans une version à venir. 1 : A implémenter tout de suite ! 2 : A implémenter dans un futur proche @@ -314,42 +314,43 @@ Une fois l'idée validée elle est déplacée dans une version à venir. 4 : A discuter A : Abandonné ok : Implémenté - -[2] Indiquer le nombre de fois qu'un lien a été visité (également pour les images) (Bernie) + +[2] Indiquer le nombre de fois qu'un lien a été visité (également pour les images) (Bernie) * Afficher quelque part les url les plus cliqués -[2] Raccourcis pour répondre aux conversations (genre CTRL+2 pour répondre au deuxième) -[2] Système de news/event (Bernie) -[2] Syntaxe avancée des messagees : - * Possibilité d'utiliser les balises , , , (quoted text) +[2] Raccourcis pour répondre aux conversations (genre CTRL+2 pour répondre au deuxième) +[2] Système de news/event (Bernie) +[2] Syntaxe avancée des messagees : + * Possibilité d'utiliser les balises , , , (quoted text) * Utiliser la syntaxe de mediaWiki : http://en.wikipedia.org/wiki/Wikipedia:Cheatsheet * La balise pour mettre des spoilers -[2] Une option dans le profile pour se délogger automatiquement lorsque l'on quitte le site +[2] Une option dans le profile pour se délogger automatiquement lorsque l'on quitte le site [3] Gestion de l'historique (calendrier) +[3] Afficher une page concernant la grammaire, ya un topic sur HFR [3] Idée de bernie : * Pouvoir STFUER des personnes, lorsqu'elle envoie un message un autre truc à la con est écrit à la place * la phrase à la con est prise parmis une liste éditable depuis le panneau d'admin - * La stfuation se fait depuis le panel de bannissement (slap, stfu, kick, ban) -[4] Ajouter un skin "simple" sans images ni fioritures (éventuellement le proposer par défaut) + * La stfuation se fait depuis le panel de bannissement (slap, stfu, kick, ban) +[4] Ajouter un skin "simple" sans images ni fioritures (éventuellement le proposer par défaut) [4] Créer un style "super old school" (couleur 8 bit, pas de smiles/images, font fixe) [4] Unifier tout le code en anglais (sauf les commentaires) [4] Inscrire le nom de l'image dans les les liens vers des images (à la place de simplement [jpg] ou [gif]) -[4] Réduire les pseudos trop long en mettant un ".." à la fin et permettre de le voir en entier lorsque le curseur le survol. -[4] Compatible OpenID pour l'identification +[4] Réduire les pseudos trop long en mettant un ".." à la fin et permettre de le voir en entier lorsque le curseur le survol. +[4] Compatible OpenID pour l'identification [4] Outil de localisation des personnes un peu comme ca : http://bouchot.org/cps [4] Pouvoir voir le profile des personnes. * Voir leurs derniers messages - * Une page de recherche de personne -[4] Chaque user possède un Blog (ne pas utiliser le terme 'Blog') Dans lequel il peut poster des "Troll", sorte de "sujet" de forum. - * Ce système est utilisé dans le chat principal (avec le troll de la semaine posté par un admin). - * Chaque troll possède un certain nombre de tag. - * il est possible de faire une recherche sur l'ensemble des users. - * Voir description.txt pour plus d'info sur les trolls + * Une page de recherche de personne +[4] Chaque user possède un Blog (ne pas utiliser le terme 'Blog') Dans lequel il peut poster des "Troll", sorte de "sujet" de forum. + * Ce système est utilisé dans le chat principal (avec le troll de la semaine posté par un admin). + * Chaque troll possède un certain nombre de tag. + * il est possible de faire une recherche sur l'ensemble des users. + * Voir description.txt pour plus d'info sur les trolls [4] Pouvoir privatiser une conversation entre 2 ou plusieurs personnes [4] Pouvoir choisir une couleur pour son pseudo -[4] Créer un gamebot pour lancer des jeux - * Définir une interface pour la création de nouveau jeu au sein du serveur - * Jeu d'énigmes - * jeu du pendu +[4] Créer un gamebot pour lancer des jeux + * Définir une interface pour la création de nouveau jeu au sein du serveur + * Jeu d'énigmes + * jeu du pendu * Jeu des chiffres et des lettres : "[Lettres tirées] - E N X U L S Z C M I - (trouvez le mot de plus long avec ces lettres)" [4] Image animée à la http://www.google.co.kr/ cf http://www.google.co.kr//ig/f/AaEyQnOaAr4/intl/ALL_kr/svc_sprite_all.gif [4] Bot de traduction @@ -358,23 +359,23 @@ ok : Implémenté [4] Voir les personnes connectées + un statut [4] Avoir une liste d'amis [4] Restreindre la consultation d'un message posté à un ou plusieurs utilisateurs définis. Les messages de la conversation ne sont alors vus que par cet ensemble d'utilisateurs. -[4] Système de trolls. Voir decription.txt. - +[4] Système de trolls. Voir decription.txt. + [A] smiles personnalisés, on peut en ajouter dans la préférence utilisateur. -[ok] Pouvoir insérer des tags qui sont des liens vers des conversations, par exemple : {R4S} =~ /\{\w+\}/ -[ok] Possibilité d'extraire une conversation, on click (par l'intermediaire d'un petit bouton par exemple) sur un message et l'arbre de réponses correspondant s'affiche dans une colonne sur la gauche. - * Il est possible d'ouvrir plusieurs conversations - * Les messages faisant partie des conversations ne sont plus visibles dans le flux général - * (une colonne peut avoir le focus, dans ce cas on répond automatiquement à la dernière personne qui nous a répondu) - * Chaque colonne possède une entête avec le message d'origine et trois boutons : - * un pour copier l'id de la conversation dans la textbox (voir point suivant) - * un pour fermer la conversation - * un pour créer une url vers cette conversation (un peu à la manière de google maps) +[ok] Pouvoir insérer des tags qui sont des liens vers des conversations, par exemple : {R4S} =~ /\{\w+\}/ +[ok] Possibilité d'extraire une conversation, on click (par l'intermediaire d'un petit bouton par exemple) sur un message et l'arbre de réponses correspondant s'affiche dans une colonne sur la gauche. + * Il est possible d'ouvrir plusieurs conversations + * Les messages faisant partie des conversations ne sont plus visibles dans le flux général + * (une colonne peut avoir le focus, dans ce cas on répond automatiquement à la dernière personne qui nous a répondu) + * Chaque colonne possède une entête avec le message d'origine et trois boutons : + * un pour copier l'id de la conversation dans la textbox (voir point suivant) + * un pour fermer la conversation + * un pour créer une url vers cette conversation (un peu à la manière de google maps) [ok] Pouvoir cacher les dates === Concurrents === http://www.phpfreechat.net/demo.fr.html http://moules.org/board http://hadoken.free.fr/board/index#b -http://bouchot.org/tribune#missive +http://bouchot.org/tribune#missive https://linuxfr.org/board/ diff --git a/js/euphorik.js b/js/euphorik.js index ee3865c..9e969f5 100755 --- a/js/euphorik.js +++ b/js/euphorik.js @@ -193,7 +193,7 @@ Util.prototype.infoBulle = function(message, element) } element.hover( - function(e) + function() { if (!thisUtil.bulleActive) return @@ -209,7 +209,7 @@ Util.prototype.infoBulle = function(message, element) m.css("top", 0).css("left", 0) var positionFleche = { - left : element.offset().left + element.width() / 2 - f.width() / 2, + left : element.offset().left + element.innerWidth() / 2 - f.width() / 2, top : element.offset().top - f.height() } var positionMessage = { diff --git a/js/pageMinichat.js b/js/pageMinichat.js index 67354cf..29effac 100755 --- a/js/pageMinichat.js +++ b/js/pageMinichat.js @@ -34,17 +34,18 @@ function PageMinichat(client, formateur, util) PageMinichat.prototype.contenu = function() { + // le fait que tout soit collé est fait exprès, permet d'éviter d'avoir des espaces supplémentaires entre les spans' return '\
Troll de la semaine :
\
\ -

\ - \ - \ -

0
\ - \ - \ - \ -

\ +

\ +\ +\ +0\ +\ +\ +\ +

\
\
' } @@ -81,6 +82,13 @@ PageMinichat.prototype.charger = function() } this.util.infoBulle("Ouvrir la conversation liée au troll de la semaine", $("#trollCourant .troll")) + + this.util.infoBulle("Cliquer sur les messages pour les enlevers de la liste", + $("form#posterMessage #repondA").hover( + function() { thisPage.util.afficherBoite($(".messages", this), $(this), positionTypeX.centre, positionTypeY.bas) }, + function() { $(".messages", this).hide() } + ) + ) // $("body").append('
') @@ -211,7 +219,6 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message) } this.envoieMessageEnCours = true - ;; dumpObj(this.getJSONMessage(pseudo, message)) jQuery.ajax( { url : "request", @@ -224,25 +231,23 @@ PageMinichat.prototype.envoyerMessage = function(pseudo, message) xmlHttpRequest.setRequestHeader("X-Requested-With", "") }, success : function(data, textStatus) - { - ;; dumpObj(data) - + { if(data["reply"] == "ok") - { - $("form input.message").val("") - thisPageMinichat.messages.enleverMessagesRepond() - + { // met à jour la classe des messages auquel repond celui ci (c'est un peu de la triche) TODO : ya mieux ? - for (var i = 0; i < repondA.length; i++) + for (var messId in thisPageMinichat.messages.messagesRepond) { for (var j = 0; j < thisPageMinichat.messages.conversations.length; j++) { - var mess = thisPageMinichat.messages.conversations[j].messagesParId[repondA[i]] + var mess = thisPageMinichat.messages.conversations[j].messagesParId[messId] if (mess != undefined) mess.clientARepondu = true } - $("#conversations div#mess" + repondA[i].toString(36)).addClass("repondu") + $("#conversations div#" + thisPageMinichat.messages.messagesRepond[messId].getId()).addClass("repondu") } + + $("form input.message").val("") + thisPageMinichat.messages.enleverMessagesRepond() } else if (data["reply"] == "error") { @@ -304,9 +309,16 @@ function Message(client, formateur, id, auteurId, racineId, date, pseudo, login, this.repondA = {} // un ensemble de reponse (voir Reponse) indexé par l'id du message de la reponses } -Message.prototype.getId = function() +/** + * @param pre est un prefix permettant de créer un Id différent pour deux mêmes messages. + * Cela est utile pour afficher plusieurs mêmes messages au sein d'un document XHTML. + * voir également la fonction 'XHTML()'. + */ +Message.prototype.getId = function(pre) { - return "mess" + this.id.toString(36) + if (pre == undefined) + pre = "" + return pre + "mess" + this.id.toString(36) } /** @@ -345,7 +357,7 @@ Message.prototype.getConversation = function(messages) // recherche les réponses (O(n)) for (var i = 0; i < messages.messages.length; i++) if (messages.messages[i].repondA.hasOwnProperty(this.id)) - messagesEnEvidence[messages.messages[i].id] = messages.messages[i].auteurId == this.auteurId ? 1 : 2 + messagesEnEvidence[messages.messages[i].id] = 2 var premierNiveau = true var f = function(tabIds) @@ -355,7 +367,7 @@ Message.prototype.getConversation = function(messages) var message = messages.messagesParId[id] if (message != undefined) { - messagesEnEvidence[id] = message.auteurId == thisMessage.auteurId ? 1 : ( premierNiveau ? 3 : 0 ) + messagesEnEvidence[id] = premierNiveau ? 3 : (message.auteurId == thisMessage.auteurId ? 1 : 0) premierNiveau = false f (message.repondA) } @@ -366,10 +378,16 @@ Message.prototype.getConversation = function(messages) return messagesEnEvidence } -Message.prototype.XHTML = function(messagePair) +/** + * Renvoie le message sous la forme de code XHTML (string) prêt à être inséré dans un document. + * Aucun callback n'est affecté. + */ +Message.prototype.XHTML = function(messagePair, pre) { if (messagePair == undefined) messagePair = true + if (pre == undefined) + pre = "" // construit l'identifiant de la personne var identifiant = @@ -388,7 +406,7 @@ Message.prototype.XHTML = function(messagePair) if (XHTMLrepondA != "") XHTMLrepondA = "" + XHTMLrepondA + "" - return "
0) boite.show() + else boite.hide() +} /** * Crée un message JSON contenant le message demandant un rafraichissement. diff --git a/nbproject/private/private.xml b/nbproject/private/private.xml index c1f155a..71b24c3 100644 --- a/nbproject/private/private.xml +++ b/nbproject/private/private.xml @@ -1,4 +1,9 @@ - + + + js/pageMinichat.js + 834 + +