Minor improvements in the web month calendar selector

Monotone-Parent: 90d4316b0cb362413584d9c34867b834b625986b
Monotone-Revision: cff25745ccc8bc7caca33ea99cd3b32e15d60a4e

Monotone-Author: flachapelle@inverse.ca
Monotone-Date: 2009-07-28T20:09:24
Monotone-Branch: ca.inverse.sogo
This commit is contained in:
Francis Lachapelle
2009-07-28 20:09:24 +00:00
parent 6ea29c4601
commit 1a1b062a04
3 changed files with 34 additions and 33 deletions
@@ -36,11 +36,10 @@
></var:month-label>
<var:month-title class="contentStyle"
><span var:class="extraStyle"
><a href="#"
onclick="return onDaySelect(this);"
var:day="currentDay.shortDateString"
><var:string value="currentDay.dayOfMonth"/></a
></span
var:day="currentDay.shortDateString"
onclick="return onDaySelect(this);"
><var:string value="currentDay.dayOfMonth"/>
</
></var:month-title
></var:month-overview>
</div>
+22 -23
View File
@@ -220,41 +220,40 @@ TABLE#dateSelectorTable
#dateSelector TABLE,
#dateSelector TABLE TABLE
{ border-collapse: collapse;
text-align: center;
margin: 0px auto;
width: 100%; }
#dateSelector TABLE#dateSelectorTable TD TABLE TD
{ width: 0px; /* temp hack */ }
TABLE#dateSelectorTable TD TABLE TD
{ width: 5px; /* temp hack */ }
#dateSelector TABLE#dateSelectorTable TD TABLE TD.activeDay,
#dateSelector TABLE#dateSelectorTable TD TABLE TD.inactiveDay,
#dateSelector TABLE#dateSelectorTable TD TABLE TD.dayOfToday
{ width: 1em; }
TABLE#dateSelectorTable TD TABLE TD.activeDay,
TABLE#dateSelectorTable TD TABLE TD.inactiveDay,
TABLE#dateSelectorTable TD TABLE TD.dayOfToday
{ width: 100%; }
#dateSelector TABLE TABLE TD
#dateSelector TABLE TABLE TD.activeDay,
#dateSelector TABLE TABLE TD.inactiveDay,
#dateSelector TABLE TABLE TD.dayOfToday
{ cursor: pointer;
margin: 0px;
padding: 0px;
border: 1px solid #fff;
text-align: center; }
border: 1px solid #fff; }
#dateSelector TABLE TABLE TD:hover
#dateSelectorTable TABLE TD.activeDay:hover,
#dateSelectorTable TABLE TD.inactiveDay:hover
{ border: 1px solid #deebf7; }
#dateSelector TD SPAN
{ text-align: center;
display: block; }
#dateSelectorTable TABLE TD.activeDay:active,
#dateSelectorTable TABLE TD.inactiveDay:active
{ background-color: #ddd; }
#dateSelector TD SPAN A
{ color: #000;
background: inherit;
text-decoration: none; }
#dateSelectorTable TD SPAN
{ display: block;
color: #000;
background: inherit; }
#dateSelector TD:active
{ background-color: #ddd;
border: 1px solid #deebf7; }
#dateSelector TD.inactiveDay A
#dateSelector TD.inactiveDay SPAN
{ color: #dedfde; }
#dateSelector TD.dayOfToday
@@ -264,7 +263,7 @@ TABLE#dateSelectorTable
#dateSelector TD.dayOfToday._selected
{ background-color: #4b6983; }
#dateSelector TD._selected A
#dateSelectorTable TABLE TD._selected SPAN
{ color: #fff; }
TABLE#eventsList
+8 -5
View File
@@ -804,9 +804,9 @@ function changeCalendarDisplay(data, newView) {
document.selectedDate.deselect();
// Select day in date selector
var selectedLink = $$('table#dateSelectorTable a[day='+day+']');
var selectedLink = $$('table#dateSelectorTable span[day='+day+']');
if (selectedLink.length > 0) {
selectedCell = selectedLink[0].up(1);
selectedCell = selectedLink[0].getParentWithTagName("td");
selectedCell.selectElement();
document.selectedDate = selectedCell;
}
@@ -1178,8 +1178,7 @@ function calendarDisplayCallback(http) {
observer = $("monthDaysView");
}
initMenu($("currentViewMenu"), menu);
observer.observe("contextmenu", function(event) {
popupMenu(event, 'currentViewMenu', this); });
observer.observe("contextmenu", onMenuCurrentView);
var contentView;
if (currentView == "monthview")
@@ -1766,6 +1765,10 @@ function onMenuSharing(event) {
}
}
function onMenuCurrentView(event) {
popupMenu(event, 'currentViewMenu', this);
}
function configureDragHandles() {
var handle = $("verticalDragHandle");
if (handle) {
@@ -1784,7 +1787,7 @@ function configureDragHandles() {
function initCalendarSelector() {
var selector = $("calendarSelector");
updateCalendarStatus();
updateCalendarStatus(); // triggers the initial events refresh
selector.changeNotification = updateCalendarsList;
var list = $("calendarList");