diff --git a/sandbox/calendar.css b/sandbox/calendar.css deleted file mode 100755 index 978ab9f..0000000 --- a/sandbox/calendar.css +++ /dev/null @@ -1,84 +0,0 @@ -.calendar table { - border-collapse: collapse; - margin: 0; - width: 100%; } - .calendar table td { - border-bottom: 0px solid transparent !important; - width: 14.285%; } -.calendar .days { - position: relative; } - .calendar .days table.grid { - z-index: 1; } - .calendar .days .events { - left: 0px; - position: absolute; - table-layout: fixed; - text-align: left; - top: 0px; - z-index: 2; } - .calendar .days .events td { - border-bottom-width: 0px; - border-left-width: 0px; - border-color: transparent; - overflow: hidden; - padding: 0; - text-overflow: ellipsis; - white-space: nowrap; } - .calendar .days .events td a { - background-color: transparent; - cursor: pointer; - display: block; - padding: 1px 3px; - text-decoration: none; } - .calendar .days .events td .fields { - display: none; } - .calendar .days .events tr.grid td { - border-top-width: 0px; - height: 0px; } - -.calendar { - border-bottom: 1px solid #d4d5d4; } - .calendar table td { - border-color: #d4d5d4; - border-width: 1px; } - .calendar .navigation td { - border-color: transparent; } - .calendar table.grid { - background-color: #fefffe; - height: 125px; } - .calendar .label { - background-color: #ebede2; - border-top-width: 1px; - color: black; } - .calendar .header .label { - background-color: #2f302f; - color: white; } - .calendar .days .events td { - border-top-width: 3px; } - .calendar .days .events td a { - background-color: #9aac9a; - color: white; - -khtml-border-radius: 5px; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; } - .calendar .days .events td:hover a, .calendar .days .events td.hover a { - background-color: #6f7f6f; } - .calendar .days .events td.continuation a { - -khtml-border-radius-bottomleft: 0px; - -moz-border-radius-bottomleft: 0px; - -webkit-border-bottom-left-radius: 0px; - border-bottom-left-radius: 0px; - -khtml-border-radius-topleft: 0px; - -moz-border-radius-topleft: 0px; - -webkit-border-top-left-radius: 0px; - border-top-left-radius: 0px; } - .calendar .days .events td.continued a { - -khtml-border-radius-bottomright: 0px; - -moz-border-radius-bottomright: 0px; - -webkit-border-bottom-right-radius: 0px; - border-bottom-right-radius: 0px; - -khtml-border-radius-topright: 0px; - -moz-border-radius-topright: 0px; - -webkit-border-top-right-radius: 0px; - border-top-right-radius: 0px; } diff --git a/sandbox/calendar.html b/sandbox/calendar.html deleted file mode 100755 index 895ade1..0000000 --- a/sandbox/calendar.html +++ /dev/null @@ -1,25 +0,0 @@ - - - - Calendar - - - - - - - - - -
SeptemberOctober 2009
SunMonTueWedThuFriSat
27282930123
45678910
Event 1
12819200Event 1Tue Oct 06 00:00:00 -0700 2009Tue Oct 06 00:10:00 -0700 2009
Event 2
12818460Event 2Wed Oct 07 00:00:00 -0700 2009Wed Oct 07 12:00:00 -0700 2009
Event 4 has a longer title
12816040Event 4 has a longer titleFri Oct 09 00:00:00 -0700 2009Sun Oct 11 00:00:00 -0700 2009
Event 1a
12819050Event 1aTue Oct 06 00:00:00 -0700 2009Tue Oct 06 00:10:00 -0700 2009
Event 5 spans across multiple weeks
12807810Event 5 spans across multiple weeksSat Oct 10 00:00:00 -0700 2009Sun Oct 18 00:00:00 -0700 2009
Event 1b
12818850Event 1bTue Oct 06 00:00:00 -0700 2009Tue Oct 06 00:10:00 -0700 2009
Event 1c
12818660Event 1cTue Oct 06 00:00:00 -0700 2009Tue Oct 06 00:10:00 -0700 2009
Event 3
12817130Event 3Tue Oct 06 00:00:00 -0700 2009Fri Oct 09 00:00:00 -0700 2009
11121314151617
Event 4 has a longer title
12816040Event 4 has a longer titleFri Oct 09 00:00:00 -0700 2009Sun Oct 11 00:00:00 -0700 2009
Event 5 spans across multiple weeks
12807810Event 5 spans across multiple weeksSat Oct 10 00:00:00 -0700 2009Sun Oct 18 00:00:00 -0700 2009
18192021222324
Event 5 spans across multiple weeks
12807810Event 5 spans across multiple weeksSat Oct 10 00:00:00 -0700 2009Sun Oct 18 00:00:00 -0700 2009
25262728293031
- - - \ No newline at end of file diff --git a/sandbox/calendar.js b/sandbox/calendar.js deleted file mode 100755 index 32d35d8..0000000 --- a/sandbox/calendar.js +++ /dev/null @@ -1,58 +0,0 @@ -var Calendar = Class.create({ - - options: $H({ - events_css_path: '.event', - event_fields_css_path: '.fields span', - event_hover_class: 'hover' - }), - - initialize: function(element, options) { - this.element = element; - this.options = this.options.merge(options || {}); - this.events = $$('#' + this.element.id + ' ' + this.options.get('events_css_path')); - - this.add_fields_to_events(); - this.add_hover_behavior_to_events(); - - Calendar.instances.push(this); - }, - - add_fields_to_events: function() { - this.events.each(function(event) { - event.fields = $$('#' + event.id + ' ' + this.options.get('event_fields_css_path')).inject({}, function(fields, element) { - fields[element.title] = element.innerHTML; - return fields; - }); - }.bind(this)); - }, - - add_hover_behavior_to_events: function() { - var hover_class_name = this.options.get('event_hover_class'); - - this.events.each(function(event) { - var related_events = this.related_events_for(event); - - event.observe('mouseover', function() { - related_events.each(function(related_event) { - related_event.addClassName(hover_class_name); - }); - }); - - event.observe('mouseout', function() { - related_events.each(function(related_event) { - related_event.removeClassName(hover_class_name); - }); - }); - }.bind(this)); - }, - - related_events_for: function(event) { - var regex = new RegExp('^' + event.id.replace(/(\d+)_(\d+)/, '$1')); - return this.events.select(function(related_event) { - return event != related_event && regex.test(related_event.id); - }); - } - -}); - -Calendar.instances = []; \ No newline at end of file