Bonjour à tous,
J'ai réussi à effectuer les modifications de mon dernier post à savoir inverser la couleur de catégorie et celle du calendrier
Voici les modifications que j'ai apportées tant au code xul qu'au fichier userChrome.css :
Les codes couleur sont codées en dur dans le css... si une bonne âme souhaite développer un module pour avoir un GUI, je suis preneur !!
Les calendriers également (si l'on ajoute un calendrier, il faut également modifier le css pour ajouter ce calendrier...)
Aller, c'est parti
xxxx.default/chrome/userChrome.css
Code : Tout sélectionner
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
.calendar-event-box-container[categories] { margin: 1px !important;} /* add margin to the category-box */
.calendar-color-box:not([categories]) { color: black !important; background-color: #A6A6A6 !important;} /* events without category will appear grey */
calendar-category-box:not([categories]) { display: block !important; } /* category-box always displayed even if event doesn't have a category */
/* Two ways to use the next lines : 1 - using the calendar name (warning : some users can rename calendars...) */
.category-color-box[calendar="name of calendar"]{ background-color: #C0C0C0 !important; display:block !important; float:right;}
/* display the category-box with the specified color (forced color of the calendar) */
/* 2- using the calendar uri (much better) */
.category-color-box[calendar-uri="http://my.caldav.server/path/to/file"]{ background-color: #FF0000 !important; display:block !important; float:right;}
/* display the category-box with the specified color (forced color of the calendar) */
/* NB : You can add all the calendar links you have... with another color :) */
/* for each category, assign a forced color
NB : each category must be spelled lowercase in the css, spaces replaced with '_'
I didn't make any test with accents... but they may work (lowercase, spaces -> _) eg: "Appel Téléphonique" -> "appel_téléphonique"
*/
.calendar-color-box[categories="deplacement"] { color: black !important; background-color: #CCCCFF !important;}
.calendar-color-box[categories="administratif"] { color: black !important; background-color: #FF99FF !important;}
.calendar-color-box[categories="affaire"] { color: black !important; background-color: #FF0000 !important;}
.calendar-color-box[categories="appel_telephonique"] { color: black !important; background-color: #CC33CC !important;}
.calendar-color-box[categories="bureau"] { color: black !important; background-color: #0000FF !important;}
Les autres fichiers sont à modifier depuis le jar.
NB : Vous devez ajouter l'héritage "
calendar" si vous souhaitez utiliser le nom du calendrier, si par contre vous utilisez l'uri, il faut ajouter "
calendar-uri" comme indiqué dans cet exemple
xxxx.default/extensions/{e2fda1a4-762b-4020-b5ad-a41df1933103}/chrome/calendar.jar
-> /content/calendar/calendar-view-core.xml
Code : Tout sélectionner
59c59
< xbl:inherits="calendar-uri,calendar-id"
> xbl:inherits="calendar-uri,calendar-id,categories"
84c84
< xbl:inherits="categories"
> xbl:inherits="categories,calendar-uri"
394c394
< xbl:inherits="categories">
> xbl:inherits="categories,calendar-uri">
-> /content/calendar/calendar-month-view.xml
Code : Tout sélectionner
64c64
< xbl:inherits="calendar-uri,calendar-id"
> xbl:inherits="calendar-uri,calendar-id,categories"
95c95
< <xul:calendar-category-box anonid="category-box" xbl:inherits="categories" pack="end"/>
> <xul:calendar-category-box anonid="category-box" xbl:inherits="categories,calendar-uri" pack="end"/>
-> /content/calendar/calendar-multiday-view.xml
Code : Tout sélectionner
2135c2135
< <xul:calendar-category-box anonid="category-box" xbl:inherits="categories" pack="end" />
> <xul:calendar-category-box anonid="category-box" xbl:inherits="categories,calendar-uri" pack="end" />
Seul petit hic... si un évènement n'a pas de catégorie, la category-box ne prend pas toute la hauteur de la cellule... Mais ce n'est pas gênant...
Si vous voulez contribuer, commenter, améliorer tout cela, pas de soucis, je reste à l'écoute !
À bientôt
Vincent
[/edit]
mais je n'ai pas la moindre idée des variables à mettre dans le fichier CSS pour que cette couleur puisse être récupérée ! (si bien sûr le CSS accepte des variables ce dont je doute fortement...)