mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

finally have month view in decent working order (for resizing) 

Fixes bug:
110057 Month view does not fit in (smallish) browser area
Partially fixes bug:
125366 Calendar does not maximize to window size (too big)
(Month view only is fixed -- breaks week & day views temporarily (it doesn't really break them, it just makes them look bad for now))
This commit is contained in:
colinp%oeone.com 2002-03-28 15:03:39 +00:00
Родитель 1cc82d47ed
Коммит 974ccfb633
13 изменённых файлов: 1150 добавлений и 1198 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

33
calendar/resources/content/calendar.js
Просмотреть файл

@ -21,6 +21,7 @@
* Contributor(s): Garth Smedley <garths@oeone.com>
* Mike Potter <mikep@oeone.com>
* Colin Phillips <colinp@oeone.com>
* Karl Guertin <grayrest@grayrest.com>
*
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or
@ -404,7 +405,7 @@ function selectEventInUnifinder( calendarEvent )
}
document.getElementById( "delete_command" ).removeAttribute( "disabled" );
document.getElementById( "modify_command" ).removeAttribute( "disabled" );
}
@ -786,11 +787,14 @@ CalendarWindow.prototype.goToToday = function( )
* Go to the next period in the current view
*/
CalendarWindow.prototype.goToNext = function()
CalendarWindow.prototype.goToNext = function( value )
{
this.clearSelectedEvent( );
this.currentView.goToNext();
if(value){
this.currentView.goToNext( value );
}else{
this.currentView.goToNext();
}
}
@ -799,11 +803,14 @@ CalendarWindow.prototype.goToNext = function()
* Go to the previous period in the current view
*/
CalendarWindow.prototype.goToPrevious = function()
CalendarWindow.prototype.goToPrevious = function( value )
{
this.clearSelectedEvent( );
this.currentView.goToPrevious( );
if(value){
this.currentView.goToPrevious( value );
}else{
this.currentView.goToPrevious( );
}
}
@ -1014,9 +1021,12 @@ CalendarWindow.prototype.compareNumbers = function (a, b) {
return a - b
}
/** PUBLIC
* The resize handler, used to set the size of the views so they fit the screen.
*/
window.onresize = CalendarWindow.prototype.doResize = function(){
gCalendarWindow.currentView.refresh();
}
@ -1066,6 +1076,9 @@ CalendarView.prototype.refresh = function( ShowEvent )
this.refreshDisplay( ShowEvent )
this.refreshEvents()
if(this.calendarWindow.currentView.doResize)
this.calendarWindow.currentView.doResize();
}

73
calendar/resources/content/calendar.xul
Просмотреть файл

@ -23,6 +23,7 @@
- Mike Potter <mikep@oeone.com>
- Colin Phillips <colinp@oeone.com>
- Chris Charabaruk <coldacid@meldstar.com>
- Karl Guertin <grayrest@grayrest.com>
-
- Alternatively, the contents of this file may be used under the terms of
- either the GNU General Public License Version 2 or later (the "GPL"), or
@ -79,8 +80,7 @@
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
height="700px"
width="830px"
persist="screenX screenY width height sizemode"
context="context-menu">
persist="screenX screenY width height sizemode">
<broadcasterset>
<broadcaster id="delete_command" disabled="false"/>
@ -108,33 +108,26 @@
<script type="application/x-javascript" src="chrome://calendar/content/calendar.js"/>
<script type="application/x-javascript" src="chrome://calendar/content/calendarEvent.js"/>
<!-- Pop up menus -->
<popupset id="aTooltipSet"/>
<popup id="savetip"/>
<popupset>
<popup id="context-menu">
<popup id="context-menu">
<menuitem label="&calendar.newevent.button.label;" oncommand="newEventCommand()"/>
<menuitem label="Edit Event" observes="modify_command" oncommand="unifinderModifyCommand()"/>
<menuitem label="Delete Event" observes="delete_command" oncommand="unifinderRemoveCommand()"/>
<menuitem label="&calendar.tools.modify.tooltip;" observes="modify_command" oncommand="unifinderModifyCommand()"/>
<menuitem label="&calendar.tools.delete.tooltip;" observes="delete_command" oncommand="unifinderRemoveCommand()"/>
<menuseparator/>
<menuitem label="Go To Today" oncommand="gCalendarWindow.goToToday()"/>
<menuitem label="&calendar.gototoday.button.tooltip;" oncommand="gCalendarWindow.goToToday()"/>
<menuseparator/>
<menuitem label="&calendar.dayview.button.label;" oncommand="gCalendarWindow.switchToDayView()"/>
<menuitem label="&calendar.weekview.button.label;" oncommand="gCalendarWindow.switchToWeekView()"/>
<menuitem label="&calendar.monthview.button.label;" oncommand="gCalendarWindow.switchToMonthView()"/>
<menuseparator/>
<menuitem label="Reload" oncommand="window.location = 'chrome://calendar/content/calendar.xul';"/>
</popup>
</popupset>
<menuitem label="&context.menu.toggleBackground;" oncommand="MonthView.toggleBackground()"/>
<menuitem label="&context.menu.reload;" oncommand="window.location = 'chrome://calendar/content/calendar.xul';"/>
</popup>
<popupset>
<popup id="oe-date-picker-popup" position="after_start" oncommand="gCalendarWindow.goToDay( date )" value=""/>
</popupset>
<popup id="oe-date-picker-popup" position="after_start" oncommand="gCalendarWindow.goToDay( date )" value=""/>
<commandset id="commands"/>
@ -164,36 +157,32 @@
</toolbar>
</toolbox>
<popupset>
<popup id="savetip" style="background-color: #FFFFC0;">
<label id="popuptooltiptext" value=" "/>
</popup>
</popupset>
<popupset>
<popup id="savetip" style="background-color: #FFFFC0;">
<label id="popuptooltiptext" value=" "/>
</popup>
</popupset>
<!-- V I S I B L E C O N T E N T -->
<vbox id="calendar-top-box" flex="1">
<!-- Calendar Controls-->
<hbox id="calendar-content-box" flex="1">
<vbox id="calendar-top-box" flex="1">
<!-- Calendar Controls-->
<hbox id="calendar-content-box" flex="1">
<!-- UNIFINDER OVERLAY -->
<unifinder id="calendar-unifinder-overlay" menu-popup="unifinder-options-menu" flex="1"/>
<!-- UNIFINDER OVERLAY -->
<splitter id="unifinder-splitter" collapse="before" persist="state hidden collapsed"
class="chromeclass-extrachrome sidebar-splitter"
orient="horizontal">
<grippy class="sidebar-splitter-grippy"/>
</splitter>
<!-- Begin Day/Month/Week Deck -->
<box flex="1" pack="center" align="center">
<deck id="calendar-deck" selectedIndex="0">
<unifinder id="calendar-unifinder-overlay" menu-popup="unifinder-options-menu" flex="1"/>
<splitter id="unifinder-splitter" collapse="before" persist="state hidden collapsed"
class="chromeclass-extrachrome sidebar-splitter"
orient="horizontal">
<grippy class="sidebar-splitter-grippy"/>
</splitter>
<!-- Begin Day/Month/Week Deck -->
<deck id="calendar-deck" selectedIndex="0" flex="1" context="context-menu">
<!-- Calendar Month View -->
@ -216,8 +205,8 @@
<!-- End: Calendar Day View -->
</deck> <!-- End: Day/Month/Week Deck -->
</box>
</hbox> <!-- End: box with unifinder on left, calendar on right -->
</vbox>

119
calendar/resources/content/calendarMonthView.js
Просмотреть файл

@ -20,6 +20,7 @@
*
* Contributor(s): Garth Smedley <garths@oeone.com>
* Mike Potter <mikep@oeone.com>
* Karl Guertin <grayrest@grayrest.com>
*
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or
@ -377,14 +378,36 @@ MonthView.prototype.refreshDisplay = function( ShowEvent )
{
// set the month/year in the header
var newMonth = this.calendarWindow.getSelectedDate().getMonth();
var newYear = this.calendarWindow.getSelectedDate().getFullYear();
var monthName = this.calendarWindow.dateFormater.getMonthName( newMonth );
var selectedDate = this.calendarWindow.getSelectedDate();
var newMonth = selectedDate.getMonth();
var newYear = selectedDate.getFullYear();
var titleMonthArray = new Array();
var titleYearArray = new Array();
var toDebug = "";
for (var i=-2; i < 3; i++){
titleMonthArray[i] = newMonth + i;
titleMonthArray[i] = (titleMonthArray[i] >= 0)? titleMonthArray[i] % 12 : titleMonthArray[i] + 12;
try{
titleMonthArray[i] = this.calendarWindow.dateFormater.getMonthName( titleMonthArray[i] );
var idName = i + "-month-title";
document.getElementById( idName ).setAttribute( "value" , titleMonthArray[i] );
}catch(errorObj){
alert(toDebug);
alert(errorObj);
}
}
for (var i = -1; i < 2; i++){
titleYearArray[i] = newYear + i;
try{
var idName = i + "-year-title";
document.getElementById( idName ).setAttribute( "value" , titleYearArray[i] );
}catch(errorObj){
alert(errorObj);
}
}
var monthTextItem = document.getElementById( "month-title-text" );
monthTextItem.setAttribute( "value" , monthName + " " + newYear );
// Write in all the day numbers and create the dayBoxItemByDateArray, see notes above
@ -554,33 +577,39 @@ MonthView.prototype.getNewEventDate = function( )
/** PUBLIC
*
* Go to the next month.
* Moves goMonths months in the future, goes to next month if no argument.
*/
MonthView.prototype.goToNext = function()
MonthView.prototype.goToNext = function( goMonths )
{
var nextMonth = new Date( this.calendarWindow.selectedDate.getFullYear(), this.calendarWindow.selectedDate.getMonth() + 1, 1 );
this.adjustNewMonth( nextMonth );
// move to new date
this.goToDay( nextMonth );
if(goMonths){
var nextMonth = new Date( this.calendarWindow.selectedDate.getFullYear(), this.calendarWindow.selectedDate.getMonth() + goMonths, 1 );
this.adjustNewMonth( nextMonth );
this.goToDay( nextMonth );
}else{
var nextMonth = new Date( this.calendarWindow.selectedDate.getFullYear(), this.calendarWindow.selectedDate.getMonth() + 1, 1 );
this.adjustNewMonth( nextMonth );
this.goToDay( nextMonth );
}
}
/** PUBLIC
*
* Go to the previous month.
* Goes goMonths months into the past, goes to the previous month if no argument.
*/
MonthView.prototype.goToPrevious = function()
MonthView.prototype.goToPrevious = function( goMonths )
{
var prevMonth = new Date( this.calendarWindow.selectedDate.getFullYear(), this.calendarWindow.selectedDate.getMonth() - 1, 1 );
this.adjustNewMonth( prevMonth );
this.goToDay( prevMonth );
if(goMonths){
var prevMonth = new Date( this.calendarWindow.selectedDate.getFullYear(), this.calendarWindow.selectedDate.getMonth() - goMonths, 1 );
this.adjustNewMonth( prevMonth );
this.goToDay( prevMonth );
}else{
var prevMonth = new Date( this.calendarWindow.selectedDate.getFullYear(), this.calendarWindow.selectedDate.getMonth() - 1, 1 );
this.adjustNewMonth( prevMonth );
this.goToDay( prevMonth );
}
}
@ -776,3 +805,49 @@ MonthView.prototype.getVisibleEvent = function( calendarEvent )
return null;
}
/*Just calls setCalendarSize, it's here so it can be implemented on the other two views without difficulty.*/
MonthView.prototype.doResize = function(){
MonthView.setCalendarSize(MonthView.getViewHeight());
}
/*Takes in a height, sets the calendar's container box to that height, the grid expands and contracts to fit it.*/
MonthView.setCalendarSize = function( height ){
var offset = document.defaultView.getComputedStyle(document.getElementById("month-controls-box"), "").getPropertyValue("height");
offset = offset.substring(0,offset.length-2);
height = (height-offset)+"px";
document.getElementById( "month-content-box" ).setAttribute( "height", height );
}
/*returns the height of the current view in pixels*/
MonthView.getViewHeight = function( ){
toReturn = document.defaultView.getComputedStyle(document.getElementById("calendar-top-box"), "").getPropertyValue("height");
toReturn = toReturn.substring(0, toReturn.length-2); //strip off the px at the end
return toReturn;
}
/*Creates a background attribute on month-grid-box and all the month-day-box classes,
if one exists it flips the value between true and false*/
MonthView.toggleBackground = function( ){
var vboxen = document.getElementsByTagName("vbox");
//do the outer grid box
if(document.getElementById("month-grid-box").getAttribute("background")){
if(document.getElementById("month-grid-box").getAttribute("background") == "true"){
document.getElementById("month-grid-box").setAttribute("background", "false");
}else{
document.getElementById("month-grid-box").setAttribute("background", "true");
}
}else{
document.getElementById("month-grid-box").setAttribute("background", "true");
}
//do all the month-day-boxes
for(var i = 0; i < vboxen.length; i++){
if(vboxen[i].className == "month-day-box-class" || vboxen[i].className == "month-day-box-class weekend" || vboxen[i].className == "month-day-box-class weekend saturday"){
if(vboxen[i].getAttribute("background")){
vboxen[i].setAttribute("background", vboxen[i].getAttribute("background") == "true" ? "false" : "true");
}else{
vboxen[i].setAttribute("background","true");
}
}
}
}

695
calendar/resources/content/calendarMonthView.xul
Просмотреть файл

@ -21,6 +21,7 @@
-
- Contributor(s): Garth Smedley <garths@oeone.com>
- Mike Potter <mikep@oeone.com>
- Karl Guertin <grayrest@grayrest.com>
-
- Alternatively, the contents of this file may be used under the terms of
- either the GNU General Public License Version 2 or later (the "GPL"), or
@ -38,347 +39,369 @@
<!-- DTD File with all strings specific to the calendar -->
<!DOCTYPE window
[
<!ENTITY % dtd1 SYSTEM "chrome://calendar/locale/global.dtd" > %dtd1;
<!ENTITY % dtd2 SYSTEM "chrome://calendar/locale/calendar.dtd" > %dtd2;
]>
[
<!ENTITY % dtd1 SYSTEM "chrome://calendar/locale/global.dtd" > %dtd1;
<!ENTITY % dtd2 SYSTEM "chrome://calendar/locale/calendar.dtd" > %dtd2;
]>
<!-- The Window -->
<overlay
xmlns:html="http://www.w3.org/1999/xhtml"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
<script type="application/x-javascript" src="chrome://calendar/content/calendarMonthView.js"/>
<vbox id="month-view-box" flex="1">
<!-- Month View: Controls-->
<hbox id="month-controls-box">
xmlns:html="http://www.w3.org/1999/xhtml"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
<script type="application/x-javascript" src="chrome://calendar/content/calendarMonthView.js"/>
<vbox id="month-view-box" flex="1">
<!-- Month View: Controls-->
<hbox id="month-controls-box"> <!-- DO NOT SET FLEX, breaks resizing -->
<box class="month-previous-button-box">
<image id="month-previous-button" class="prevnextbuttons" onclick="gCalendarWindow.goToPrevious()"/>
</box>
<vbox id="month-title-container" flex="1">
<hbox id="month-title-box" flex="1">
<vbox class="month-title-label-box" flex="1">
<label id="-2-month-title" onclick="gCalendarWindow.goToPrevious( 2 )" value="" />
</vbox>
<vbox class="month-title-label-box" flex="1">
<label id="-1-month-title" onclick="gCalendarWindow.goToPrevious( 1 )" value="" />
</vbox>
<vbox class="month-title-label-box" flex="1">
<label id="0-month-title" value="" />
</vbox>
<vbox class="month-title-label-box" flex="1">
<label id="1-month-title" onclick="gCalendarWindow.goToNext( 1 )" value="" />
</vbox>
<vbox class="month-title-label-box" flex="1">
<label id="2-month-title" onclick="gCalendarWindow.goToNext( 2 )" value="" />
</vbox>
</hbox>
<hbox id="year-title-box" flex="1">
<vbox class="month-title-label-box" flex="1">
<label id="-1-year-title" onclick="gCalendarWindow.goToPrevious( 12 )" value="" />
</vbox>
<vbox class="month-title-label-box" flex="1">
<label id="0-year-title" value="" />
</vbox>
<vbox class="month-title-label-box" flex="1">
<label id="1-year-title" onclick="gCalendarWindow.goToNext( 12 )" value="" />
</vbox>
</hbox>
</vbox>
<box id="month-next-button-box">
<image id="month-next-button" class="prevnextbuttons" onclick="gCalendarWindow.goToNext()"/>
</box>
</hbox>
<box flex="1">
<image id="month-previous-button" onclick="gCalendarWindow.goToPrevious()"/>
</box>
<label id="month-title-text" value="" />
<box flex="1" id="month-next-button-box">
<image id="month-next-button" onclick="gCalendarWindow.goToNext()"/>
</box>
</hbox>
<vbox id="month-content-box">
<!-- Month View: Day name header -->
<hbox id="month-header-box" flex="1" >
<grid id="month-header-columns" flex="1">
<columns>
<column flex="1" class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.1.name;"/>
</column>
<column flex="1" class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.2.name;"/>
</column>
<column flex="1" class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.3.name;"/>
</column>
<column flex="1" class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.4.name;"/>
</column>
<column flex="1" class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.5.name;"/>
</column>
<column flex="1" class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.6.name;"/>
</column>
<column flex="1" class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.7.name;"/>
</column>
</columns>
</grid>
</hbox>
<!-- Month View: Calendar Grid -->
<box id="month-grid-box" flex="1">
<grid id="month-grid" flex="1">
<columns>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
</columns>
<rows >
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-1-day-1-box" weekend="true">
<hbox>
<label class="month-day-number-class" id="month-week-1-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-1-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-2-day-1-box" weekend="true">
<hbox>
<label class="month-day-number-class" id="month-week-2-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-2-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-3-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-3-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-4-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-2-box">
<hbox>
<label class="month-day-number-class" id="month-week-4-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-4-box">
<hbox>
<label class="month-day-number-class" id="month-week-4-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-4-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-5-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-5-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-6-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-6-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-6-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-6-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-4-box" >
<label class="month-day-number-class" id="month-week-6-day-4" value="" />
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-5-box">
<label class="month-day-number-class" id="month-week-6-day-5" value="" />
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-6-box">
<label class="month-day-number-class" id="month-week-6-day-6" value="" />
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-6-day-7-box" weekend="true" >
<label class="month-day-number-class" id="month-week-6-day-7" value="" />
</vbox>
</row>
</rows>
</grid>
</box> <!-- End: Month grid box -->
</vbox> <!-- End: Month content box -->
</vbox>
<!-- Month View: Calendar Grid -->
<box id="month-grid-box" flex="1">
<grid id="month-grid" flex="1">
<columns>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
</columns>
<rows >
<row flex="1">
<vbox class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.1.name;"/>
</vbox>
<vbox class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.2.name;"/>
</vbox>
<vbox class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.3.name;"/>
</vbox>
<vbox class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.4.name;"/>
</vbox>
<vbox class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.5.name;"/>
</vbox>
<vbox class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.6.name;"/>
</vbox>
<vbox class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.7.name;"/>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-1-day-1-box" weekend="true">
<hbox>
<label class="month-day-number-class" id="month-week-1-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-1-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-2-day-1-box" weekend="true">
<hbox>
<label class="month-day-number-class" id="month-week-2-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-2-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-3-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-3-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-4-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-2-box">
<hbox>
<label class="month-day-number-class" id="month-week-4-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-4-box">
<hbox>
<label class="month-day-number-class" id="month-week-4-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-4-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-5-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-5-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-6-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-6-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-6-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-6-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-4-box" >
<label class="month-day-number-class" id="month-week-6-day-4" value="" />
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-5-box">
<label class="month-day-number-class" id="month-week-6-day-5" value="" />
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-6-box">
<label class="month-day-number-class" id="month-week-6-day-6" value="" />
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-6-day-7-box" weekend="true" >
<label class="month-day-number-class" id="month-week-6-day-7" value="" />
</vbox>
</row>
</rows>
</grid>
</box> <!-- End: Month grid box -->
</vbox> <!-- End: Month content box -->
</vbox>
</overlay>

2
calendar/resources/content/calendarOverlay.xul
Просмотреть файл

@ -43,7 +43,7 @@
<!DOCTYPE window SYSTEM "chrome://calendar/locale/calendarOverlay.dtd" >
<!-- This is the overlay that addes "Calendar" to the (global) task menu. -->
<!-- This is the overlay that addes "Calendar" to the (global) task menu and to the component bar icons on the status bar. -->
<overlay id="CalendarTaskMenuID"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

119
calendar/resources/content/monthView.js
Просмотреть файл

@ -20,6 +20,7 @@
*
* Contributor(s): Garth Smedley <garths@oeone.com>
* Mike Potter <mikep@oeone.com>
* Karl Guertin <grayrest@grayrest.com>
*
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or
@ -377,14 +378,36 @@ MonthView.prototype.refreshDisplay = function( ShowEvent )
{
// set the month/year in the header
var newMonth = this.calendarWindow.getSelectedDate().getMonth();
var newYear = this.calendarWindow.getSelectedDate().getFullYear();
var monthName = this.calendarWindow.dateFormater.getMonthName( newMonth );
var selectedDate = this.calendarWindow.getSelectedDate();
var newMonth = selectedDate.getMonth();
var newYear = selectedDate.getFullYear();
var titleMonthArray = new Array();
var titleYearArray = new Array();
var toDebug = "";
for (var i=-2; i < 3; i++){
titleMonthArray[i] = newMonth + i;
titleMonthArray[i] = (titleMonthArray[i] >= 0)? titleMonthArray[i] % 12 : titleMonthArray[i] + 12;
try{
titleMonthArray[i] = this.calendarWindow.dateFormater.getMonthName( titleMonthArray[i] );
var idName = i + "-month-title";
document.getElementById( idName ).setAttribute( "value" , titleMonthArray[i] );
}catch(errorObj){
alert(toDebug);
alert(errorObj);
}
}
for (var i = -1; i < 2; i++){
titleYearArray[i] = newYear + i;
try{
var idName = i + "-year-title";
document.getElementById( idName ).setAttribute( "value" , titleYearArray[i] );
}catch(errorObj){
alert(errorObj);
}
}
var monthTextItem = document.getElementById( "month-title-text" );
monthTextItem.setAttribute( "value" , monthName + " " + newYear );
// Write in all the day numbers and create the dayBoxItemByDateArray, see notes above
@ -554,33 +577,39 @@ MonthView.prototype.getNewEventDate = function( )
/** PUBLIC
*
* Go to the next month.
* Moves goMonths months in the future, goes to next month if no argument.
*/
MonthView.prototype.goToNext = function()
MonthView.prototype.goToNext = function( goMonths )
{
var nextMonth = new Date( this.calendarWindow.selectedDate.getFullYear(), this.calendarWindow.selectedDate.getMonth() + 1, 1 );
this.adjustNewMonth( nextMonth );
// move to new date
this.goToDay( nextMonth );
if(goMonths){
var nextMonth = new Date( this.calendarWindow.selectedDate.getFullYear(), this.calendarWindow.selectedDate.getMonth() + goMonths, 1 );
this.adjustNewMonth( nextMonth );
this.goToDay( nextMonth );
}else{
var nextMonth = new Date( this.calendarWindow.selectedDate.getFullYear(), this.calendarWindow.selectedDate.getMonth() + 1, 1 );
this.adjustNewMonth( nextMonth );
this.goToDay( nextMonth );
}
}
/** PUBLIC
*
* Go to the previous month.
* Goes goMonths months into the past, goes to the previous month if no argument.
*/
MonthView.prototype.goToPrevious = function()
MonthView.prototype.goToPrevious = function( goMonths )
{
var prevMonth = new Date( this.calendarWindow.selectedDate.getFullYear(), this.calendarWindow.selectedDate.getMonth() - 1, 1 );
this.adjustNewMonth( prevMonth );
this.goToDay( prevMonth );
if(goMonths){
var prevMonth = new Date( this.calendarWindow.selectedDate.getFullYear(), this.calendarWindow.selectedDate.getMonth() - goMonths, 1 );
this.adjustNewMonth( prevMonth );
this.goToDay( prevMonth );
}else{
var prevMonth = new Date( this.calendarWindow.selectedDate.getFullYear(), this.calendarWindow.selectedDate.getMonth() - 1, 1 );
this.adjustNewMonth( prevMonth );
this.goToDay( prevMonth );
}
}
@ -776,3 +805,49 @@ MonthView.prototype.getVisibleEvent = function( calendarEvent )
return null;
}
/*Just calls setCalendarSize, it's here so it can be implemented on the other two views without difficulty.*/
MonthView.prototype.doResize = function(){
MonthView.setCalendarSize(MonthView.getViewHeight());
}
/*Takes in a height, sets the calendar's container box to that height, the grid expands and contracts to fit it.*/
MonthView.setCalendarSize = function( height ){
var offset = document.defaultView.getComputedStyle(document.getElementById("month-controls-box"), "").getPropertyValue("height");
offset = offset.substring(0,offset.length-2);
height = (height-offset)+"px";
document.getElementById( "month-content-box" ).setAttribute( "height", height );
}
/*returns the height of the current view in pixels*/
MonthView.getViewHeight = function( ){
toReturn = document.defaultView.getComputedStyle(document.getElementById("calendar-top-box"), "").getPropertyValue("height");
toReturn = toReturn.substring(0, toReturn.length-2); //strip off the px at the end
return toReturn;
}
/*Creates a background attribute on month-grid-box and all the month-day-box classes,
if one exists it flips the value between true and false*/
MonthView.toggleBackground = function( ){
var vboxen = document.getElementsByTagName("vbox");
//do the outer grid box
if(document.getElementById("month-grid-box").getAttribute("background")){
if(document.getElementById("month-grid-box").getAttribute("background") == "true"){
document.getElementById("month-grid-box").setAttribute("background", "false");
}else{
document.getElementById("month-grid-box").setAttribute("background", "true");
}
}else{
document.getElementById("month-grid-box").setAttribute("background", "true");
}
//do all the month-day-boxes
for(var i = 0; i < vboxen.length; i++){
if(vboxen[i].className == "month-day-box-class" || vboxen[i].className == "month-day-box-class weekend" || vboxen[i].className == "month-day-box-class weekend saturday"){
if(vboxen[i].getAttribute("background")){
vboxen[i].setAttribute("background", vboxen[i].getAttribute("background") == "true" ? "false" : "true");
}else{
vboxen[i].setAttribute("background","true");
}
}
}
}

695
calendar/resources/content/monthView.xul
Просмотреть файл

@ -21,6 +21,7 @@
-
- Contributor(s): Garth Smedley <garths@oeone.com>
- Mike Potter <mikep@oeone.com>
- Karl Guertin <grayrest@grayrest.com>
-
- Alternatively, the contents of this file may be used under the terms of
- either the GNU General Public License Version 2 or later (the "GPL"), or
@ -38,347 +39,369 @@
<!-- DTD File with all strings specific to the calendar -->
<!DOCTYPE window
[
<!ENTITY % dtd1 SYSTEM "chrome://calendar/locale/global.dtd" > %dtd1;
<!ENTITY % dtd2 SYSTEM "chrome://calendar/locale/calendar.dtd" > %dtd2;
]>
[
<!ENTITY % dtd1 SYSTEM "chrome://calendar/locale/global.dtd" > %dtd1;
<!ENTITY % dtd2 SYSTEM "chrome://calendar/locale/calendar.dtd" > %dtd2;
]>
<!-- The Window -->
<overlay
xmlns:html="http://www.w3.org/1999/xhtml"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
<script type="application/x-javascript" src="chrome://calendar/content/calendarMonthView.js"/>
<vbox id="month-view-box" flex="1">
<!-- Month View: Controls-->
<hbox id="month-controls-box">
xmlns:html="http://www.w3.org/1999/xhtml"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
<script type="application/x-javascript" src="chrome://calendar/content/calendarMonthView.js"/>
<vbox id="month-view-box" flex="1">
<!-- Month View: Controls-->
<hbox id="month-controls-box"> <!-- DO NOT SET FLEX, breaks resizing -->
<box class="month-previous-button-box">
<image id="month-previous-button" class="prevnextbuttons" onclick="gCalendarWindow.goToPrevious()"/>
</box>
<vbox id="month-title-container" flex="1">
<hbox id="month-title-box" flex="1">
<vbox class="month-title-label-box" flex="1">
<label id="-2-month-title" onclick="gCalendarWindow.goToPrevious( 2 )" value="" />
</vbox>
<vbox class="month-title-label-box" flex="1">
<label id="-1-month-title" onclick="gCalendarWindow.goToPrevious( 1 )" value="" />
</vbox>
<vbox class="month-title-label-box" flex="1">
<label id="0-month-title" value="" />
</vbox>
<vbox class="month-title-label-box" flex="1">
<label id="1-month-title" onclick="gCalendarWindow.goToNext( 1 )" value="" />
</vbox>
<vbox class="month-title-label-box" flex="1">
<label id="2-month-title" onclick="gCalendarWindow.goToNext( 2 )" value="" />
</vbox>
</hbox>
<hbox id="year-title-box" flex="1">
<vbox class="month-title-label-box" flex="1">
<label id="-1-year-title" onclick="gCalendarWindow.goToPrevious( 12 )" value="" />
</vbox>
<vbox class="month-title-label-box" flex="1">
<label id="0-year-title" value="" />
</vbox>
<vbox class="month-title-label-box" flex="1">
<label id="1-year-title" onclick="gCalendarWindow.goToNext( 12 )" value="" />
</vbox>
</hbox>
</vbox>
<box id="month-next-button-box">
<image id="month-next-button" class="prevnextbuttons" onclick="gCalendarWindow.goToNext()"/>
</box>
</hbox>
<box flex="1">
<image id="month-previous-button" onclick="gCalendarWindow.goToPrevious()"/>
</box>
<label id="month-title-text" value="" />
<box flex="1" id="month-next-button-box">
<image id="month-next-button" onclick="gCalendarWindow.goToNext()"/>
</box>
</hbox>
<vbox id="month-content-box">
<!-- Month View: Day name header -->
<hbox id="month-header-box" flex="1" >
<grid id="month-header-columns" flex="1">
<columns>
<column flex="1" class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.1.name;"/>
</column>
<column flex="1" class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.2.name;"/>
</column>
<column flex="1" class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.3.name;"/>
</column>
<column flex="1" class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.4.name;"/>
</column>
<column flex="1" class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.5.name;"/>
</column>
<column flex="1" class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.6.name;"/>
</column>
<column flex="1" class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.7.name;"/>
</column>
</columns>
</grid>
</hbox>
<!-- Month View: Calendar Grid -->
<box id="month-grid-box" flex="1">
<grid id="month-grid" flex="1">
<columns>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
</columns>
<rows >
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-1-day-1-box" weekend="true">
<hbox>
<label class="month-day-number-class" id="month-week-1-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-1-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-2-day-1-box" weekend="true">
<hbox>
<label class="month-day-number-class" id="month-week-2-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-2-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-3-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-3-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-4-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-2-box">
<hbox>
<label class="month-day-number-class" id="month-week-4-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-4-box">
<hbox>
<label class="month-day-number-class" id="month-week-4-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-4-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-5-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-5-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-6-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-6-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-6-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-6-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-4-box" >
<label class="month-day-number-class" id="month-week-6-day-4" value="" />
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-5-box">
<label class="month-day-number-class" id="month-week-6-day-5" value="" />
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-6-box">
<label class="month-day-number-class" id="month-week-6-day-6" value="" />
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-6-day-7-box" weekend="true" >
<label class="month-day-number-class" id="month-week-6-day-7" value="" />
</vbox>
</row>
</rows>
</grid>
</box> <!-- End: Month grid box -->
</vbox> <!-- End: Month content box -->
</vbox>
<!-- Month View: Calendar Grid -->
<box id="month-grid-box" flex="1">
<grid id="month-grid" flex="1">
<columns>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
<column class="month-column-class" flex="1"/>
</columns>
<rows >
<row flex="1">
<vbox class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.1.name;"/>
</vbox>
<vbox class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.2.name;"/>
</vbox>
<vbox class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.3.name;"/>
</vbox>
<vbox class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.4.name;"/>
</vbox>
<vbox class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.5.name;"/>
</vbox>
<vbox class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.6.name;"/>
</vbox>
<vbox class="month-column-center-day-class">
<label class="month-view-header-days" value="&calendar.monthview.column.7.name;"/>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-1-day-1-box" weekend="true">
<hbox>
<label class="month-day-number-class" id="month-week-1-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-1-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-1-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-1-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-2-day-1-box" weekend="true">
<hbox>
<label class="month-day-number-class" id="month-week-2-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-2-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-2-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-2-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-3-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-3-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-3-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-3-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-4-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-2-box">
<hbox>
<label class="month-day-number-class" id="month-week-4-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-4-box">
<hbox>
<label class="month-day-number-class" id="month-week-4-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-4-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-4-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-4-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-5-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-4-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-4" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-5-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-5" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-5-day-6-box" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-6" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-5-day-7-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-5-day-7" value="" />
</hbox>
</vbox>
</row>
<row flex="1" >
<vbox class="month-day-box-class weekend" flex="1" id="month-week-6-day-1-box" weekend="true" >
<hbox>
<label class="month-day-number-class" id="month-week-6-day-1" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-2-box" >
<hbox>
<label class="month-day-number-class" id="month-week-6-day-2" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-3-box" >
<hbox>
<label class="month-day-number-class" id="month-week-6-day-3" value="" />
</hbox>
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-4-box" >
<label class="month-day-number-class" id="month-week-6-day-4" value="" />
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-5-box">
<label class="month-day-number-class" id="month-week-6-day-5" value="" />
</vbox>
<vbox class="month-day-box-class" flex="1" id="month-week-6-day-6-box">
<label class="month-day-number-class" id="month-week-6-day-6" value="" />
</vbox>
<vbox class="month-day-box-class weekend saturday" flex="1" id="month-week-6-day-7-box" weekend="true" >
<label class="month-day-number-class" id="month-week-6-day-7" value="" />
</vbox>
</row>
</rows>
</grid>
</box> <!-- End: Month grid box -->
</vbox> <!-- End: Month content box -->
</vbox>
</overlay>

26
calendar/resources/jar.mn
Просмотреть файл

@ -35,12 +35,7 @@ calendar.jar:
skin/modern/calendar/all_day_event.gif (skin/modern/all_day_event.gif)
skin/modern/calendar/all_day_event_down.gif (skin/modern/all_day_event_down.gif)
skin/modern/calendar/all_day_event_hover.gif (skin/modern/all_day_event_hover.gif)
skin/modern/calendar/arrow_left.png (skin/modern/arrow_left.png)
skin/modern/calendar/arrow_left_down.png (skin/modern/arrow_left_down.png)
skin/modern/calendar/arrow_left_hover.png (skin/modern/arrow_left_hover.png)
skin/modern/calendar/arrow_right.png (skin/modern/arrow_right.png)
skin/modern/calendar/arrow_right_down.png (skin/modern/arrow_right_down.png)
skin/modern/calendar/arrow_right_hover.png (skin/modern/arrow_right_hover.png)
skin/modern/calendar/prevnextarrow.png (skin/modern/prevnextarrow.png)
skin/modern/calendar/calendar.css (skin/modern/calendar.css)
skin/modern/calendar/calendarOverlay.css (skin/modern/calendarOverlay.css)
skin/modern/calendar/calendarEventAlertDialog.css (skin/modern/calendarEventAlertDialog.css)
@ -85,25 +80,6 @@ calendar.jar:
skin/modern/calendar/today_down.gif (skin/modern/today_down.gif)
skin/modern/calendar/today_hover.gif (skin/modern/today_hover.gif)
skin/modern/calendar/today_up.gif (skin/modern/today_up.gif)
skin/modern/calendar/watch10.png (skin/modern/watch10.png)
skin/modern/calendar/watch11.png (skin/modern/watch11.png)
skin/modern/calendar/watch12.png (skin/modern/watch12.png)
skin/modern/calendar/watch13.png (skin/modern/watch13.png)
skin/modern/calendar/watch14.png (skin/modern/watch14.png)
skin/modern/calendar/watch2.png (skin/modern/watch2.png)
skin/modern/calendar/watch3.png (skin/modern/watch3.png)
skin/modern/calendar/watch4.png (skin/modern/watch4.png)
skin/modern/calendar/watch4_green.png (skin/modern/watch4_green.png)
skin/modern/calendar/watch5.png (skin/modern/watch5.png)
skin/modern/calendar/watch5_green.png (skin/modern/watch5_green.png)
skin/modern/calendar/watch6.png (skin/modern/watch6.png)
skin/modern/calendar/watch6_green.png (skin/modern/watch6_green.png)
skin/modern/calendar/watch7.png (skin/modern/watch7.png)
skin/modern/calendar/watch7_green.png (skin/modern/watch7_green.png)
skin/modern/calendar/watch8.png (skin/modern/watch8.png)
skin/modern/calendar/watch8_green.png (skin/modern/watch8_green.png)
skin/modern/calendar/watch9.png (skin/modern/watch9.png)
skin/modern/calendar/watch9_green.png (skin/modern/watch9_green.png)
skin/modern/calendar/week-view-corner.gif (skin/modern/week-view-corner.gif)
skin/modern/calendar/week-view-1px.gif (skin/modern/week-view-1px.gif)
skin/modern/calendar/week_disabled.gif (skin/modern/week_disabled.gif)

7
calendar/resources/locale/en-US/calendar.dtd
Просмотреть файл

@ -98,7 +98,7 @@
<!ENTITY calendar.flat.topbar.monthview "Month View" >
<!ENTITY calendar.tools.delete.tooltip "Delete Event" >
<!ENTITY calendar.tools.modify.tooltip "Modify Event" >
<!ENTITY calendar.tools.modify.tooltip "Edit Event" >
<!ENTITY calendar.delete.label "Delete" >
<!ENTITY calendar.modify.label "Edit" >
@ -153,3 +153,8 @@
<!-- Window Title -->
<!ENTITY window.title "Mozilla Calendar">
<!-- Context Menu -->
<!ENTITY context.menu.toggleBackground "Toggle Background">
<!ENTITY context.menu.reload "Reload">

577
calendar/resources/skin/modern/calendar.css
Просмотреть файл

@ -20,6 +20,7 @@
*
* Contributor(s): Garth Smedley <garths@oeone.com>
* Mike Potter <mikep@oeone.com>
* Karl Guertin <grayrest@grayrest.com>
*
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or
@ -36,12 +37,56 @@
* ***** END LICENSE BLOCK ***** */
/*--------------------------------------------------------------------
* Box for the WHOLE calendar
* C A L E N D A R
*-------------------------------------------------------------------*/
#calendar-top-box
{
background-color : #E7EEEC;
}
/*--------------------------------------------------------------------
* Top bar, with name, image and buttons
*-------------------------------------------------------------------*/
#calendar-deck{
overflow:auto;
}
#calendar-bar > .toolbar-holder > .toolbar-primary-icon {
background-image: url("chrome://calendar/skin/calendar_topbar.gif");
}
/*--------------------------------------------------------------------
* Top bar, with name, image and buttons
*-------------------------------------------------------------------*/
#calendar-controls-box
{
background-image : url("chrome://calendar/skin/calendar_topbar.png");
background-repeat : no-repeat;
min-height : 33px;
max-height : 33px;
}
/*--------------------------------------------------------------------
* Button bar vertical divider line
*-------------------------------------------------------------------*/
.calendar-control-divider
{
list-style-image : url("chrome://calendar/skin/divider.png");
}
button.calendar-management-button,
button.calendar-management-button:hover,
button.calendar-management-button:hover:active
{
margin : 0px;
border : 0px;
-moz-binding : url("chrome://calendar/content/penBindings.xml#penButton");
-moz-user-focus : ignore !important;
max-height : 36px;
}
/*--------------------------------------------------------------------
@ -217,409 +262,144 @@
{
-moz-box-align : start;
}
/*--------------------------------------------------------------------
* M O N T H V I E W
*-------------------------------------------------------------------*/
/*--------------------------------------------------------------------
* Box containing the whole month view
* I found that the only way I could restrict the size of the grid
* to match the unerlying image was with min and max width's
*-------------------------------------------------------------------*/
#month-view-box
{
padding-top : 10px;
max-width : 660px; /* this is needed for some reason.*/
/*<<-------------------------------------------------/\/\/\ Month*/
#month-controls-box{
-moz-box-align:center;
-moz-box-pack:center;
margin:0px 15px 0px 15px;
}
/*--------------------------------------------------------------------
* Box for title, next, prev controls
*-------------------------------------------------------------------*/
#month-controls-box
{
-moz-box-align : center;
margin-bottom : 10px;
}
/*--------------------------------------------------------------------
* Month title text.
*-------------------------------------------------------------------*/
#month-title-text
{
-moz-box-pack : center;
-moz-box-align : center;
font-size : 18pt;
font-family : Arial, Helvetica;
color : #3f7d91;
}
/*--------------------------------------------------------------------
* Next and Previous buttons.
*-------------------------------------------------------------------*/
#month-previous-button
{
list-style-image : url("chrome://calendar/skin/arrow_left.png");
}
#month-previous-button:hover
{
list-style-image : url("chrome://calendar/skin/arrow_left_hover.png");
}
#month-previous-button:hover:active
{
list-style-image : url("chrome://calendar/skin/arrow_left_down.png");
}
#month-next-button
{
list-style-image : url("chrome://calendar/skin/arrow_right.png");
}
#month-next-button:hover
{
list-style-image : url("chrome://calendar/skin/arrow_right_hover.png");
}
#month-next-button:hover:active
{
list-style-image : url("chrome://calendar/skin/arrow_right_down.png");
}
#month-next-button-box
{
-moz-box-pack : end;
#month-view-box{
-moz-box-align: center;
-moz-box-pack: center;
overflow: auto;
background-color: #FAFCFB;
}
/*--------------------------------------------------------------------
* Box around day name headers and grid, has a border
* white background and bits of the watch image in
* its margin. :TODO: combine with month_background.png, below,
* into one background image.
*-------------------------------------------------------------------*/
#month-content-box
{
border : 1px solid #1D7AB5;
padding : 2px;
background-color : #ffffff;
/* Month title Stuff */
#month-title-container{
-moz-box-align: center;
-mox-box-pack: center;
margin: 0px 15px 0px 15px;
}
/*--------------------------------------------------------------------
* Month header has the names of the days.
*-------------------------------------------------------------------*/
#month-header-box
{
margin-bottom : 1px;
margin-top : -1px;
#2-month-title, #-2-month-title{
font-size:1.2em;
color: #9FBEC8;
margin:0px;
padding:0px;
cursor:pointer;
}
/*--------------------------------------------------------------------
* Box around the grid - has background image with the watch and grid
* lines.
*-------------------------------------------------------------------*/
#month-grid-box
{
border : 1px solid #1D7AB5;
border-bottom : none;
#1-month-title, #-1-month-title, #1-year-title, #-1-year-title{
font-size:1.5em;
color: #9FBEC8;
cursor:pointer;
}
#0-month-title, #0-year-title{
font-size:2.0em;
color: #3f7d91;
font-weight:bold;
margin:0px;
padding:0px;
}
.month-title-label-box{
width: 10em !important;
-moz-box-align: center;
-moz-box-pack: end;
}
/*--------------------------------------------------------------------
* Grid, one cell for each day
*-------------------------------------------------------------------*/
#month-grid
{
/*
margin-top : 3px;
margin-left : 3px;
*/
/*Previous/Next Buttons*/
.prevnextbuttons{
list-style-image: url("chrome://calendar/skin/prevnextarrow.png");
}
/*--------------------------------------------------------------------
* Fixed width columns in the month grid
*-------------------------------------------------------------------*/
.month-column-class
{
min-width : 93px;
max-width : 93px;
#month-next-button{
-moz-box-align:right;
-moz-image-region: rect(33px 20px 66px 0);
cursor:pointer;
}
/*--------------------------------------------------------------------
* Center names in day columns
*-------------------------------------------------------------------*/
.month-column-center-day-class
{
-moz-box-align : center;
#month-next-button:hover{
-moz-image-region: rect(33px 40px 66px 20px);
}
/*--------------------------------------------------------------------
* Make the cells line up with the image grid lines
*-------------------------------------------------------------------*/
.month-day-box-class
{
min-height : 92px;
max-height : 92px;
border-right : 1px solid #1D7AB5;
border-bottom : 1px solid #1D7AB5;
text-align : left; /* align the day number */
background-color : #FFFFFF;
#month-next-button:hover:active{
-moz-image-region: rect(33px 60px 66px 40px);
}
.saturday
{
border-right :0px;
#month-previous-button{
-moz-box-align:left;
-moz-image-region: rect(0 20px 33px 0);
cursor:pointer;
}
/*--------------------------------------------------------------------
* Highlight today differently.
*-------------------------------------------------------------------*/
.month-day-box-class[today="true"]
{
border : 1px solid #2085c4;
border-right : 2px solid #2085c4;
border-bottom : 2px solid #2085c4;
#month-previous-button:hover{
-moz-image-region: rect(0 40px 33px 20px);
}
#month-previous-button:hover:active{
-moz-image-region: rect(0 60px 33px 40px);
}
#month-week-4-day-1-box[weekend="true"]
{
background-image : url("chrome://calendar/skin/weekendwatch1.png");
background-repeat : no-repeat;
/*The box around the month grid*/
#month-grid-box{
border: 1px solid #3f7d91;
padding: 2px;
margin: 10px 15px 15px 15px;
background-color: #E7EEEC;
background-position: 50% 50%;
background-repeat: no-repeat;
}
#month-grid-box[background="true"]{
background-image: url("chrome://calendar/skin/userbackground.png");
}
#month-week-5-day-1-box[weekend="true"]
{
background-image : url("chrome://calendar/skin/weekendwatch8.png");
background-repeat : no-repeat;
/*this rule defines the borders around the day boxes and day names*/
#month-grid, #month-header-columns{
border-right: 1px solid #3f7d91;
border-bottom: 1px solid #3f7d91;
}
/*--------------------------------------------------------------------
* Most selected days have a background color unless
* they are over the watch, then they have an image
* of the watch under the selection color
*-------------------------------------------------------------------*/
.month-day-box-class[selected="true"]
{
background-color : #d5e3f2;
}
#month-week-4-day-1-box[selected="true"]
{
background-image : url("chrome://calendar/skin/selectedwatch1.png");
background-repeat : no-repeat;
/*this rule is for the day name and surrounding box*/
.month-column-center-day-class{
border-left: 1px solid #3f7d91;
border-top: 1px solid #3f7d91;
-moz-box-align: center;
font-size: 1.3em;
font-family: Arial, Helvetica;
color: #3f7d91;
background-color: #FFFFFF;
font-weight:bold;
}
#month-week-4-day-2-box[selected="true"]
{
background-image : url("chrome://calendar/skin/selectedwatch2.png");
background-repeat : no-repeat;
/*This is the base rule for each actual box in the month, if you
want to affect all day boxes with a rule, stick it here*/
.month-day-box-class{
background-color: #FFFFFF;
border-left: 1px solid #3f7d91;
border-top: 1px solid #3f7d91;
width:93px;
height:93px;
min-width:15px;
min-height: 15px;
}
#month-week-4-day-3-box[selected="true"]
{
background-image : url("chrome://calendar/skin/selectedwatch3.png");
background-repeat : no-repeat;
/*user enableable background*/
.month-day-box-class[background="true"]{
-moz-opacity: 90%;
border-left: 1px solid #3f7d91;
border-top: 1px solid #3f7d91;
}
#month-week-5-day-1-box[selected="true"]
{
background-image : url("chrome://calendar/skin/selectedwatch4.png");
background-repeat : no-repeat;
.weekend{
background-color: #FFF9EF;
}
#month-week-5-day-2-box[selected="true"]
{
background-image : url("chrome://calendar/skin/selectedwatch5.png");
background-repeat : no-repeat;
/*Day boxes that aren't in this month*/
.month-day-box-class[empty="true"]{
background-color: #E7EEEC;
}
#month-week-5-day-3-box[selected="true"]
{
background-image : url("chrome://calendar/skin/selectedwatch6.png");
background-repeat : no-repeat;
/*today's day box*/
.month-day-box-class[today="true"]{
font-weight:bold;
border: 2px solid #1D7AB5;
}
#month-week-5-day-4-box[selected="true"]
{
background-image : url("chrome://calendar/skin/selectedwatch7.png");
background-repeat : no-repeat;
}
#month-week-5-day-5-box[selected="true"]
{
background-image : url("chrome://calendar/skin/selectedwatch8.png");
background-repeat : no-repeat;
}
#month-week-6-day-2-box[selected="true"]
{
background-image : url("chrome://calendar/skin/selectedwatch9.png");
background-repeat : no-repeat;
}
/*--------------------------------------------------------------------
* Most empty days have a background color unless
* they are over the watch, then they have an image
* of the watch under the empty day color
*-------------------------------------------------------------------*/
.month-day-box-class[empty="true"]
{
background-color : #E7EEEC;
}
#month-week-4-day-2-box
{
background-image : url("chrome://calendar/skin/watch2.png");
background-repeat : no-repeat;
}
#month-week-4-day-3-box
{
background-image : url("chrome://calendar/skin/watch3.png");
background-repeat : no-repeat;
}
#month-week-5-day-1-box
{
background-image : url("chrome://calendar/skin/watch4.png");
background-repeat : no-repeat;
}
#month-week-5-day-1-box[empty="true"]
{
background-image : url("chrome://calendar/skin/watch4_green.png");
background-repeat : no-repeat;
}
#month-week-5-day-2-box
{
background-image : url("chrome://calendar/skin/watch5.png");
background-repeat : no-repeat;
}
#month-week-5-day-2-box[empty="true"]
{
background-image : url("chrome://calendar/skin/watch5_green.png");
background-repeat : no-repeat;
}
#month-week-5-day-3-box
{
background-image : url("chrome://calendar/skin/watch6.png");
background-repeat : no-repeat;
}
#month-week-5-day-3-box[empty="true"]
{
background-image : url("chrome://calendar/skin/watch6_green.png");
background-repeat : no-repeat;
}
#month-week-5-day-4-box[empty="true"]
{
background-image : url("chrome://calendar/skin/watch7_green.png");
background-repeat : no-repeat;
}
#month-week-5-day-4-box
{
background-image : url("chrome://calendar/skin/watch7.png");
background-repeat : no-repeat;
}
#month-week-5-day-5-box
{
background-image : url("chrome://calendar/skin/watch8.png");
background-repeat : no-repeat;
}
#month-week-5-day-5-box[empty="true"]
{
background-image : url("chrome://calendar/skin/watch8_green.png");
background-repeat : no-repeat;
}
#month-week-6-day-2-box
{
background-image : url("chrome://calendar/skin/watch9.png");
background-repeat : no-repeat;
}
#month-week-6-day-2-box[empty="true"]
{
background-image : url("chrome://calendar/skin/watch9_green.png");
background-repeat : no-repeat;
}
#month-week-6-day-3-box[empty="true"]
{
background-image : url("chrome://calendar/skin/watch10.png");
background-repeat : no-repeat;
}
#month-week-6-day-4-box[empty="true"]
{
background-image : url("chrome://calendar/skin/watch11.png");
background-repeat : no-repeat;
}
#month-week-6-day-5-box[empty="true"]
{
background-image : url("chrome://calendar/skin/watch12.png");
background-repeat : no-repeat;
}
#month-week-6-day-6-box[empty="true"]
{
background-image : url("chrome://calendar/skin/watch13.png");
background-repeat : no-repeat;
}
#month-week-6-day-7-box[empty="true"]
{
background-image : url("chrome://calendar/skin/watch14.png");
background-repeat : no-repeat;
/*the selected day box, since it's last, it has the highest priority*/
.month-day-box-class[selected="true"]{
background-color: #d5e3f2;
}
/*--------------------------------------------------------------------
@ -629,12 +409,12 @@
.month-day-number-class
{
margin-top : 3px;
margin-left : 4px;
margin-bottom : -1px;
font-size : 10pt;
font-family : Arial, Helvetica;
color : #1d7ab5;
margin-top: 3px;
margin-left: 4px;
margin-bottom: -1px;
font-size: 1.1em;
font-family: Arial, Helvetica;
color: #1d7ab5;
}
@ -644,15 +424,14 @@
.month-day-event-box-class
{
border : 1px solid #1D7AB5;
margin-bottom : 1px;
margin-left : 2px;
margin-right : 2px;
background-color : #F9F4FF;
text-align : center;
font-size : 8pt;
font-family : Arial, Helvetica;
border: 1px solid #1D7AB5;
margin-bottom: 1px;
margin-left: 2px;
margin-right: 2px;
background-color: #F9F4FF;
text-align: center;
font-size: 0.9em;
font-family: Arial, Helvetica;
}
.month-day-event-box-class:hover
@ -664,18 +443,10 @@
.month-day-event-box-class[selected="true"]
{
background-color : #D5E3F2;
border-color : #003366;
background-color: #D5E3F2;
border-color: #003366;
}
.month-view-header-days
{
color : #3f7d91;
font-size : 11pt;
font-family : Arial, Helvetica;
text-align : center;
font-weight : bold;
}
/*--------------------------------------------------------------------
* Text item for events in month view
@ -1029,7 +800,7 @@
{
-moz-box-pack : end;
-moz-box-align : start;
width : 99px;
width :99px;
background-color : #ffffff;
background-image : url("chrome://calendar/skin/week-view-1px.gif");
background-position : top;
@ -1174,7 +945,7 @@
border-left : 1px solid #2085c4;
border-right : 1px solid #2085c4;
min-height : 15px;
}
}
.all-day-content-box-text-title
{

1
calendar/resources/skin/modern/calendarOverlay.css
Просмотреть файл

@ -20,6 +20,7 @@
*
* Contributor(s): Garth Smedley <garths@oeone.com>
* Mike Potter <mikep@oeone.com>
* Karl Guertin <grayrest@grayrest.com>
*
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or

1
calendar/resources/skin/modern/overlay.css
Просмотреть файл

@ -20,6 +20,7 @@
*
* Contributor(s): Garth Smedley <garths@oeone.com>
* Mike Potter <mikep@oeone.com>
* Karl Guertin <grayrest@grayrest.com>
*
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or

Двоичные данные
calendar/resources/skin/modern/prevnextarrow.png Normal file
Просмотреть файл

Двоичный файл не отображается.
Режим "рядом"

После

Ширина:  |  Высота:  |  Размер: 2.1 KiB