[PrimeFaces] p:schedule multiple data

Version imprimable

26/02/2014, 23h08
kokumbo

[PrimeFaces] p:schedule multiple data

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?

Bonjour,

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

Code:

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;
            }

06/03/2014, 01h40
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.

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:

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:

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:

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

Citation:

Envoyé par fed1023

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

Code:

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:

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" 
}

01/06/2014, 23h16
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:

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
02/06/2014, 10h09
Mishulyna

1 pièce(s) jointe(s)

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:

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

et en voici le résultat:

Pièce jointe 147490

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:

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

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:

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:

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.

03/06/2014, 17h56
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