a distinct class for each day - for styling annual holidays [#679496]

Problem:
We need to show annual holidays on our calendar without creating a bunch of nodes.

Suggestion:
A single line of code would add a class to each td of the calendar, which could be very flexibly targeted with css.

Examples:
1. to target a single day:
.calendar-calendar td.Jan-12 {}
2. to target a single day only on a mini-calendar view:
.calendar-calendar td.mini.Jan-12 {}
3. to target the fourth Thursday in a month would be more difficult but still possible:
td.Nov-22.thu, td.Nov-23.thu, td.Nov-24.thu, td.Nov-25.thu, td.Nov-26.thu, td.Nov-27.thu, td.Nov-28.thu {}

Comment	File	Size	Author
#3	us_holidays.tgz	14.8 KB	dnotes
#2	679496_css_classes_per_day_oneline.patch	732 bytes	dnotes
#2
#1	679496_css_classes_per_day.patch	673 bytes	dnotes
#1
	calendar.inc_classes_per_day.patch	946 bytes	dnotes

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

dnotes CreditAttribution: dnotes commented 30 July 2010 at 00:52

File	Size
679496_css_classes_per_day.patch	673 bytes

Well, half a year later I realize that my patch was made from the wrong folder and wouldn't apply with drush make... chagrin. Here's one that should.

Comment #2

dnotes CreditAttribution: dnotes commented 23 December 2010 at 10:45

File	Size
679496_css_classes_per_day_oneline.patch	732 bytes

I realized today that the author's intention was to use lowercase css, so I've re-rolled. This has the added benefit of being less than one line of change, so there's no chance of messing up other patches along the way.

Comment #3

dnotes CreditAttribution: dnotes commented 23 December 2010 at 11:03

File	Size
us_holidays.tgz	14.8 KB

If you'd like a sample of what this allows one to do with CSS, this folder should give you all the US national holidays. I didn't spend much time on it, and it's not that pretty, but it'll give you an idea.

Comment #4

jessico CreditAttribution: jessico commented 30 October 2012 at 21:42

Does anyone have a similar update for Drupal 7? Thank you for your time!

Comment #5

buddakid CreditAttribution: buddakid commented 21 May 2013 at 21:20

Title:	a distinct class for each day - for styling annual holidays	» Add Holidays to Pretty Calendar
Project:	Calendar	» Pretty Calendar
Version:	6.x-2.x-dev	» 7.x-1.x-dev
Priority:	Normal	» Major
Status:	Needs review	» Active

I need to add holidays to Pretty Calendar that is used for employment purpose. Content Type is void with Pretty Calendar. Since a few of the designated holidays are year by year case, it would be better to add a class to each cell of the calendar, which could be very flexibly targeted with css. It will allow me to modify the holidays year to year. Idially, there is a background image shown, or font color changed on a holiday. (standard.css)

The code on this page is for the Standard Calendar which is different from that of the Pretty Calendar. http://drupal.org/node/679496#comment-6669698

My guess is to add lines in between this portion, but I'm not sure how to do that.:

  $days = array();
    for ($i = 0; $i < count($week); $i++) {
    for ($j = 0; $j < 7; $j++) {
      $day = !empty($week[$i][$j]) ? $week[$i][$j] : '';
      $cls = '';
      // Define cell classes.
      if ($j > 4) {
        $cls = 'pretty-calendar-weekend';
      }
      else {
        $cls = 'pretty-calendar-day';
      }
      if ($j == 6) {
        $cls .= ' pretty-calendar-last';
      }
      if ($day == date('d') && date('m.Y') == date('m.Y', $month)) {
        $cls .= ' pretty-calendar-today';
      }

Can someone give me a hand, with the css too? Thanks.

Comment #6

buddakid CreditAttribution: buddakid commented 21 May 2013 at 21:26

Oop. I thought I would have opened a new issue, not under an old issue. I'm sorry I mess it up. Can admin delete this one for me? I'm going to try opening a new thread. Thanks.

Comment #7

buddakid CreditAttribution: buddakid commented 21 May 2013 at 21:33

Title:	Add Holidays to Pretty Calendar	» a distinct class for each day - for styling annual holidays
Project:	Pretty Calendar	» Calendar
Version:	7.x-1.x-dev	» 6.x-2.x-dev
Priority:	Major	» Normal
Status:	Active	» Needs review