Discussion :

[kokumbo]

Bonjour,
Je souhaiterai mettre en place un outil de planification de tâche/horaire, chaque ligne reprenant les différentes personnes les colonnes les jours.
J'ai pensé au composant p:schedule pour l'affichage de l'agenda reprenant les tâches/horaire par contre je ne vois pas comment afficher l'agenda pour plusieurs utilisateurs sur la même vue. Quelqu'un aurait-il une idée?

[Mishulyna]

Bonjour,

Tu pourrais "attribuer" des couleurs aux utilisateurs, toutes les tâches d'un utilisateur auront la même couleur.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
      /**code Java**/
      event.setStyleClass("utilisateur1-event");
 
 
      /** schedule css **/
      .utilisateur1-event, .utilisateur1-event .fc-event-skin, .utilisateur1-event a{
                background-color: orange; 
                color: black;
                border-color: darkorange;
            }

[kokumbo]

C'est une solution, je penche pour ça pour le moment en l'absence d'autres solutions, mais vu le nombre d'utilisateur ça risque de surcharger, mais je vais essayer de les afficher par catégorie. Merci pour cette solution.

[fed1023]

Bonjour,

Depuis de nombreux jours j'essaye de changer la couleur de mes événements mais je n'y arrive pas.
Je fais comme vous le spécifier plus haut, c'est-à-dire :


Dans mon code java, j'ajoute mes événements :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
eventModel.addEvent(new DefaultScheduleEvent("Réunion",a,b,"utilisateur1-event"));

a et b contenant les dates de début et fin de réunions.

Dans mon css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.utilisateur1-event, .utilisateur1-event .fc-event-skin, .utilisateur1-event a{
                background-color: orange; 
                color: black;
                border-color: darkorange;
            }

Dans mon xhtml :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<p:schedule id="scheduleLocale" value="#{agendaHandler.eventModel}" locale="tr"></p:schedule>

Pouvez-vous m'aider à résoudre mon problème s'il vous plait?

Merci pour votre aide et à bientôt

Fed1023

[Mishulyna]

Dans mon code java, j'ajoute mes événements :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
eventModel.addEvent(new DefaultScheduleEvent("Réunion",a,b,"utilisateur1-event"));

a et b contenant les dates de début et fin de réunions.

Bonjour,

Où avez vous trouvé cette façon d'ajouter le style dans le constructeur de DefaultScheduleEvent?

En fait vous devez ramener une collection d'objets de la base de données et les traiter, dans le cas d'une liste de Reunion ce serait:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
private List<Reunion> reunions = new ArrayList<Reunion>();
 
        ...
 
public void displayEvents() throws ParseException {
        eventModel.clear();
        reunions = ejbFacade.findReunions(); // ou toute autre façon de ramener la liste de Reunion de la base de données 
        for (Reunion r : reunions) {
            current = new Reunion();
            current = r;
            String title = current.toString(); // le title de la Reunion
            Date start = startDate(current); // date a
            Date end = endDate(current); // date b
            event = new DefaultScheduleEvent(title, start, end, current);
            event.setStyleClass("reunion-event"); // ou "utilisateur1-event" mais "reunion-event" me semble plus parlant  
            eventModel.addEvent(event);
        }
 
        // traitement d'autres listes d'objets à transformer en "event" et  à "colorier" 
}

[fed1023]

Bonsoir Mishulyna,

Tout d'abord, merci d'avoir répondu aussi rapidement.

J'ai fait les modifications comme vous me l'avez recommandé.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
 
String title = "Réunion"; 
Date start = a; 
Date end = b; 
event = new DefaultScheduleEvent(title, start, end);
event.setStyleClass("reunion-event");
eventModel.addEvent(event);

Cependant, cela ne fonctionne pas. En effet, je n'ai pas accès à la propriété 'setStyleClass'.

Serez-vous pourquoi je n'y ai pas accès ?


Merci d'avance,

Fed1023

[Mishulyna]

Bonjour,

Je n'en ai la moindre idée... C'est quelle version de PrimeFaces?

Il se trouve que la syntaxe DefaultScheduleEvent(String title, Date start, Date end, String styleClass) est tout à fait correcte d'après la doc de la classe DefaultScheduleEvent, alors j'ai fait un petit test avec:
- le code de la page schedule.xhtml trouvé dans l'exemple Schedule
- le code de la classe ScheduleController, où j'ai mis dans le constructeur, pour le premier event

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

eventModel.addEvent(new DefaultScheduleEvent("Champions League Match", previousDay8Pm(), previousDay11Pm(), "utilisateur1-event"));

et en voici le résultat:

[fed1023]

Bonsoir,

J'ai refait exactement ce que vous avez fait mais je n'obtient toujours pas le bon résultat.

Quand je suis en mode debbug, je vois bien que les 'event' ont bien la bonne class 'utilisateur1-event'.

Je pense que je problème vient du css. Pourtant, j'ai bien ajouter ce code dans mon fichier style.css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.utilisateur1-event, .utilisateur1-event .fc-event-skin, .utilisateur1-event a{
                background-color: orange; 
                color: black;
                border-color: darkorange;
            }

Est-ce que c'est bien ça qu'il faut faire ?

Merci d'avance,

Fed1023

[Mishulyna]

Bonsoir,

C'est bien ça qu'il faut faire, à condition que votre fichier style.css soit déclaré dans la page template.xhtml de votre projet

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<h:head>
        <title><ui:insert name="title">Title </ui:insert></title>
        <h:outputStylesheet name="css/style.css"/>
        <style type="css/style.css"/>
</h:head>

A la limite, le style peut être déclaré directement dans template.xhtml, toujours dans le h:head de la page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<style type="text/css">
        .utilisateur1-event, .utilisateur1-event .fc-event-skin, .utilisateur1-event a{
                background-color: orange; 
                color: black;
                border-color: darkorange;
            }
</style>

C'est soit l'un, soit l'autre.

[fed1023]

Bonjour,

Je n'avais effectivement aucune liaison avec mon css. Maintenant, ça fonctionne

Merci de m'avoir consacré du temps et à bientôt,

Fed1023