Easy-Design.Net forum

Aide générale Idée d'interface

Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 07/01/2019 à 18h39
Bonsoir,

Actuellement dans le développement d'un module de notification, je souhaite savoir si vous aviez des idées de "Comment représenter les notifications" que l'on reçois sur la page de notification, je n'ai pas vraiment d'idée

Exemple:

Machin a répondu à votre sujet Blablabla sur le forum le 42/42/42

Merci pour votre réponse.

Ps: Mickael, inclure la petite cloche de notification dans le module Connect, pourquoi pas, mais il faut un truc en javascript pour faire le "menu déroulant" et je suis vraiment une bille en javascript et encore un tas de choses à apprendre en CSS, je me débrouille bien en PHP mais le reste en parlons pas ! A moins que quelqu'un sait faire et veut participer au module dans ce cas pas de problème de toute façon le module sera distribué gratuitement :)
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8413

Le 07/01/2019 à 19h06
Bonjour,

Alors moi je dirais plutôt dans le genre interface todolist , si cela peut t'aider comme l'exemple ci dessous..



A droite notification répertorié par modules .. ou alors la liste de notification générale, ou encore avec le choix du tri du plus récent à la plus ancienne, ou alors recherche par date ou module .. après le reste c'est bonus !

Pour le listage:

Ensuite oui ton exemple est pas mal, mais la date en premier, ensuite le module concerné, l'auteur de l'action, l'action proprement dit..

Cela me parait pas mal comme présentation. Avec la possibilité de cocher vu ou pas et de supprimer la ligne de notification.

Bon courage,
Swan.



swan_signature

   
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2291

Le 07/01/2019 à 19h41
Salut.

Moi je pense différemment, et peut-être plus simple.

Je dirai plus un déroulant comme déjà cité, mais dans le texte dans ce genre :

14h38 : Mickaël poste un message sur le forum
16h03 : Myster à laisser un commentaire sur "{title}"
17h30 : Swan à supprimer le message de Mickaël sur " Aide générale » Idée d'interface "

Niveau design, pourquoi pas un popup comme les 10 derniers messages sur EDN ? Mais ça risque de créer un conflit en java, comme EDN avec le tchat par exemple.

Sinon en HTML tout simple ? Ou comme sur phpbt quand on modifie une news, ou supprime le cache en administration ?

tout dépend de tes capacités surtout. En habillage, on saura faire (surtout swan). Laisse la liberté à la imite niveau css ? Tu apporteras des MAJs selon ce que j'ai pu y faire (ou Swan, ou d'autres) ..

Ou alors via un menu qui s'ouvre (comme mon menu sur mon site qui s'ouvre à gauche) Edité par m-ickael Le 07/01/2019 à 20h23
Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 07/01/2019 à 19h50
Bonsoir,

Merci pour vos réponses, tout d'abord, j'ai retenu l'idée de Swan "A droite notification répertorié par modules", en effet je n'avais pas pensé à cela, et c'est donc déjà mis en place et même fonctionnel (Vive la POO, plus rapide !)

Ensuite concernant le tri (Plus ancien au plus récent, ou l'inverse), cela impliquerait du Javascript, et comme dis précédemment je suis une bille en javascript vraiment, donc je vais voir du côté des autres modules comment c'est fait et j'ajouterais cela lors d'une prochaine maj


Code :
Je dirai plus un déroulant comme déjà cité, mais dans le etxte dans ce genre :


Oui un bouton dans le connect qui affiche un déroulant ? Oui c'est une bonne idée, d'autant plus que j'ai fait ce module pour une facilité d'intégration avec les autres module, genre par exemple, pour envoyer une notification, suffit d'y ajouter juste ce code:

Code PHP :
 
                        $notif = New Notifications();
                        $notif->set_sender_id('ID DU SENDER'); // ID du membre qui fait l'action, genre si moi en tant que modo je supprime un message
                        $notif->set_recipient_id('ID DU DESTINATAIRE'); // ID du destinataire, genre si je supprime le message de Machin sur le forum
                        $notif->set_reading(0); // reading = Vu donc par défaut 0
                        $notif->set_title('TITRE DE LA NOTIFICATION'); // Titre de la notification exemple: Myster a supprimé votre sujet 
                        $notif->set_content('CONTENU DE LA NOTIFICATION'); // Exemple: Myster a supprimé votre sujet "Blabla" sur le forum
                        $notif->set_date(); // Paramètre time() 
                        $notif->set_module('NOM DU MODULE EXEMPLE: FORUM'); // Nom du module pour faire le classement des notifications
                        Notifications::add_notification($notif); 
 
Edité par Myster Le 07/01/2019 à 19h52
   
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2291

Le 07/01/2019 à 20h23
Bon, ben ça avance :)

Il n'empêche que la popup aurai été bien :D Edité par m-ickael Le 07/01/2019 à 20h23
Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 07/01/2019 à 20h26
Je pense qu'on vas faire au plus simple pour la première version, ensuite des variables de templates seront disponibles, donc si tu veux faire un popup que tu veux ensuite partager je l'ajouterais à une prochaine version :D
   
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2291

Le 07/01/2019 à 22h20
Je ne sais pas le faire. Mais Swan oui :D

Je ne sais faire que du CSS "de base" ..
Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 07/01/2019 à 22h27
Bienvenue au club alors ! Bon j'essaye de faire la liste des notifications, enfin le template, mais j'y arrive pas forcément à le structuré en html et css, c'est moche ce que je fait ! Une âme charitable pourrait t-il faire quelque chose qui ressemble à ce genre de chose:



Merci (pour l'icone de droite, c'est du font awesome)
   
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2291

Le 07/01/2019 à 22h35
Moi je vois du

background-color: #fbfbfb;
padding: 20px;
width: 100%;
border: 1px solid #ccc;

Border-radius:50%; pour l'avatar

C'est un exemple :D je sais pas comment c'est réellement .. C'est sous forme de tableau ? Tu es en local ou un lien ?

C'est la base :D
Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 07/01/2019 à 23h07
C'est du local :) J'ai juste trouvé ça je sais même plus où :rire:
   
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2291

Le 08/01/2019 à 08h27
Si tu vois quelque chose de ressemblant, tu peux faire cliquer droit et "inspecter" tu auras les valeurs CSS :)
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8413

Le 08/01/2019 à 09h04
Bonjour,

Alors le "bloc principal" <div class="list-master">... </div> comme l'a dis Mika :

Code CSS :
.list-master {
background-color: #ffffff;
padding: 15px;
width: 100%;
border: 1px solid #ededed;
}
 
/* l'avatar en <span class=".list-avatar"> ...</span> pour le centrage */
 
.list-avatar {
max-width: 50px;
max-height: 50px;
border-radius: 50%;
}



Après une fois que tu as la base, ça ira tout seul, mais c'est un bon début pour le css.
par contre pour le tpl garde bien la structure de base de démarrage cela permettra une aisance supplémentaire pour la personnalisation css.


Code TPL :
<section id="module-XXXX"> 
 
ton code tpl
 
<section>


Swan.





swan_signature

   
m-ickael Membre non connecté

EDN Maitre-Sage

Rang

Avatar

Inscrit le : 23/02/2010 à 09h15

Messages: 2291

Le 08/01/2019 à 09h17
Je suis pas mauvais :D
Myster Membre non connecté

EDN Enraciné(e)

Rang

Avatar

Inscrit le : 19/01/2011 à 16h42

Messages: 871

Le 08/01/2019 à 10h00
Bonjour,

Merci beaucoup :)

Par contre y'a quelque chose que je n'avais pas anticipé c'est le "titre de la notification", sur ce genre de bloc ça va faire un peu trop long je pense ? Une petite idée d'améliorer ce bloc avec le titre ?

Merci encore :)
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8413

Le 08/01/2019 à 10h06
re ,

bah il va falloir que tu raccourcisses les titres etc ...,

du genre
- Machin-bidule à modifié <a href="" tiltle ="titre du sujet">son sujet</a>dans le forum
- Machin-chouette à édité <a href="" tiltle ="Id-commentaire">son message</a>dans les commentaires

Comme cela tu l'auras au survole du lien et pas de visu.


etc..


swan_signature

   
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie