зеркало из https://github.com/mozilla/gecko-dev.git
Adding ability to drag over the day view to select start and end time.
This commit is contained in:
mikep%oeone.com
Родитель
a07c97c4aa
Коммит
30c5c001ac
|
|
@ -250,9 +250,9 @@ function dayEventItemDoubleClick( eventBox, event )
|
||||||
* event - the click event, Not used yet
|
* event - the click event, Not used yet
|
||||||
*/
|
*/
|
||||||
|
|
||||||
function dayViewHourClick( hourNumber, event )
|
function dayViewHourClick( event )
|
||||||
{
|
{
|
||||||
gCalendarWindow.setSelectedHour( hourNumber );
|
gCalendarWindow.setSelectedHour( event.target.getAttribute( "hour" ) );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -260,11 +260,11 @@ function dayViewHourClick( hourNumber, event )
|
||||||
* Called on double click of an hour box.
|
* Called on double click of an hour box.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
function dayViewHourDoubleClick( hourNumber, event )
|
function dayViewHourDoubleClick( event )
|
||||||
{
|
{
|
||||||
// change the date selection to the clicked hour
|
// change the date selection to the clicked hour
|
||||||
|
|
||||||
gCalendarWindow.setSelectedHour( hourNumber );
|
gCalendarWindow.setSelectedHour( event.target.getAttribute( "hour" ) );
|
||||||
|
|
||||||
var startDate = gCalendarWindow.dayView.getNewEventDate();
|
var startDate = gCalendarWindow.dayView.getNewEventDate();
|
||||||
newEvent( startDate );
|
newEvent( startDate );
|
||||||
|
|
@ -425,7 +425,7 @@ function createEvent ()
|
||||||
* When the user clicks OK "addEventDialogResponse" is called
|
* When the user clicks OK "addEventDialogResponse" is called
|
||||||
*/
|
*/
|
||||||
|
|
||||||
function newEvent( startDate )
|
function newEvent( startDate, endDate )
|
||||||
{
|
{
|
||||||
// set up a bunch of args to pass to the dialog
|
// set up a bunch of args to pass to the dialog
|
||||||
|
|
||||||
|
|
@ -439,14 +439,18 @@ function newEvent( startDate )
|
||||||
|
|
||||||
args.calendarEvent.start.setTime( startDate );
|
args.calendarEvent.start.setTime( startDate );
|
||||||
|
|
||||||
var MinutesToAddOn = gCalendarWindow.calendarPreferences.getPref( "defaulteventlength" );
|
if( !endDate )
|
||||||
|
{
|
||||||
|
var MinutesToAddOn = gCalendarWindow.calendarPreferences.getPref( "defaulteventlength" );
|
||||||
|
|
||||||
var endDate = new Date();
|
var endDateTime = startDate.getTime() + ( 1000 * 60 * MinutesToAddOn );
|
||||||
|
|
||||||
var endDateTime = startDate.getTime() + ( 1000 * 60 * MinutesToAddOn );
|
|
||||||
|
|
||||||
args.calendarEvent.end.setTime( endDateTime );
|
|
||||||
|
|
||||||
|
args.calendarEvent.end.setTime( endDateTime );
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
args.calendarEvent.end.setTime( endDate.getTime() );
|
||||||
|
}
|
||||||
// open the dialog non modally
|
// open the dialog non modally
|
||||||
openDialog( "chrome://calendar/content/calendarEventDialog.xul", "caNewEvent", "chrome", args );
|
openDialog( "chrome://calendar/content/calendarEventDialog.xul", "caNewEvent", "chrome", args );
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -585,3 +585,51 @@ DayView.prototype.hiliteTodaysDate = function( )
|
||||||
{
|
{
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
var gStartDate = null;
|
||||||
|
|
||||||
|
var gEndDate = null;
|
||||||
|
|
||||||
|
var eventEndObserver = {
|
||||||
|
getSupportedFlavours : function () {
|
||||||
|
var flavours = new FlavourSet();
|
||||||
|
flavours.appendFlavour("text/unicode");
|
||||||
|
return flavours;
|
||||||
|
},
|
||||||
|
onDragOver: function (evt,flavour,session){
|
||||||
|
evt.target.setAttribute( "draggedover", "true" );
|
||||||
|
},
|
||||||
|
onDrop: function (evt,dropdata,session){
|
||||||
|
gEndDate = new Date( gStartDate.getTime() );
|
||||||
|
gEndDate.setHours( evt.target.getAttribute( "hour" ) );
|
||||||
|
if( gEndDate.getTime() < gStartDate.getTime() )
|
||||||
|
{
|
||||||
|
var Temp = gEndDate;
|
||||||
|
gEndDate = gStartDate;
|
||||||
|
gStartDate = Temp;
|
||||||
|
}
|
||||||
|
|
||||||
|
newEvent( gStartDate, gEndDate );
|
||||||
|
var allDraggedElements = document.getElementsByAttribute( "draggedover", "true" );
|
||||||
|
for( var i = 0; i < allDraggedElements.length; i++ )
|
||||||
|
{
|
||||||
|
allDraggedElements[i].removeAttribute( "draggedover" );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
var eventStartObserver = {
|
||||||
|
onDragStart: function (evt, transferData, action){
|
||||||
|
gStartDate = new Date( gCalendarWindow.getSelectedDate() );
|
||||||
|
|
||||||
|
gStartDate.setHours( evt.target.getAttribute( "hour" ) );
|
||||||
|
gStartDate.setMinutes( 0 );
|
||||||
|
gStartDate.setSeconds( 0 );
|
||||||
|
|
||||||
|
transferData.data=new TransferData();
|
||||||
|
transferData.data.addDataForFlavour("text/unicode",0);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -58,7 +58,12 @@
|
||||||
|
|
||||||
<script type="application/x-javascript" src="chrome://calendar/content/calendarDayView.js"/>
|
<script type="application/x-javascript" src="chrome://calendar/content/calendarDayView.js"/>
|
||||||
|
|
||||||
<vbox id="day-view-box" flex="1">
|
<script src="chrome://global/content/nsDragAndDrop.js"/>
|
||||||
|
<script src="chrome://global/content/nsTransferable.js"/>
|
||||||
|
<script src="chrome://global/content/nsJSSupportsUtils.js"/>
|
||||||
|
<script src="chrome://global/content/nsJSComponentManager.js"/>
|
||||||
|
|
||||||
|
<vbox id="day-view-box" flex="1">
|
||||||
|
|
||||||
<!-- Day View: Controls-->
|
<!-- Day View: Controls-->
|
||||||
|
|
||||||
|
|
@ -110,154 +115,152 @@
|
||||||
<image src="chrome://calendar/skin/day_left_gradient.png" left="1" top="1" width="30" height="1199"/>
|
<image src="chrome://calendar/skin/day_left_gradient.png" left="1" top="1" width="30" height="1199"/>
|
||||||
</vbox>
|
</vbox>
|
||||||
<stack id="day-view-content-board" flex="1">
|
<stack id="day-view-content-board" flex="1">
|
||||||
<vbox id="day-hour-content-holder" flex="1">
|
<vbox id="day-hour-content-holder" flex="1">
|
||||||
|
<box top="0" left="31" class="day-view-hour-box-class" id="day-tree-item-0" hour="0" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
|
<box class="day-time-class">
|
||||||
<box top="0" left="31" class="day-view-hour-box-class" id="day-tree-item-0" onclick="dayViewHourClick( 0, event )" ondblclick="dayViewHourDoubleClick( 0, event )" flex="1" >
|
<label class="day-time-class-label" id="day-view-hour" value="&time.midnight; " />
|
||||||
<box class="day-time-class">
|
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.midnight; " />
|
|
||||||
</box>
|
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="50" left="31" class="day-view-hour-box-class" id="day-tree-item-1" onclick="dayViewHourClick( 1, event )" ondblclick="dayViewHourDoubleClick( 1, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="50" left="31" class="day-view-hour-box-class" id="day-tree-item-1" hour="1" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.1; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.1; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="100" left="31" class="day-view-hour-box-class" id="day-tree-item-2" onclick="dayViewHourClick( 2, event )" ondblclick="dayViewHourDoubleClick( 2, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="100" left="31" class="day-view-hour-box-class" id="day-tree-item-2" hour="2" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.2; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.2; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="150" left="31" class="day-view-hour-box-class" id="day-tree-item-3" onclick="dayViewHourClick( 3, event )" ondblclick="dayViewHourDoubleClick( 3, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="150" left="31" class="day-view-hour-box-class" id="day-tree-item-3" hour="3" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.3; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.3; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="200" left="31" class="day-view-hour-box-class" id="day-tree-item-4" onclick="dayViewHourClick( 4, event )" ondblclick="dayViewHourDoubleClick( 4, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="200" left="31" class="day-view-hour-box-class" id="day-tree-item-4" hour="4" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.4; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.4; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="250" left="31" class="day-view-hour-box-class" id="day-tree-item-5" onclick="dayViewHourClick( 5, event )" ondblclick="dayViewHourDoubleClick( 5, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="250" left="31" class="day-view-hour-box-class" id="day-tree-item-5" hour="5" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.5; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.5; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="300" left="31" class="day-view-hour-box-class" id="day-tree-item-6" onclick="dayViewHourClick( 6, event )" ondblclick="dayViewHourDoubleClick( 6, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="300" left="31" class="day-view-hour-box-class" id="day-tree-item-6" hour="6" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.6; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.6; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="350" left="31" class="day-view-hour-box-class" id="day-tree-item-7" onclick="dayViewHourClick( 7, event )" ondblclick="dayViewHourDoubleClick( 7, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="350" left="31" class="day-view-hour-box-class" id="day-tree-item-7" hour="7" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.7; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.7; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="400" left="31" class="day-view-hour-box-class" id="day-tree-item-8" onclick="dayViewHourClick( 8, event )" ondblclick="dayViewHourDoubleClick( 8, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="400" left="31" class="day-view-hour-box-class" id="day-tree-item-8" hour="8" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.8; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.8; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="450" left="31" class="day-view-hour-box-class" id="day-tree-item-9" onclick="dayViewHourClick( 9, event )" ondblclick="dayViewHourDoubleClick( 9, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="450" left="31" class="day-view-hour-box-class" id="day-tree-item-9" hour="9" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.9; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.9; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="500" left="31" class="day-view-hour-box-class" id="day-tree-item-10" onclick="dayViewHourClick( 10, event )" ondblclick="dayViewHourDoubleClick( 10, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="500" left="31" class="day-view-hour-box-class" id="day-tree-item-10" hour="10" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.10; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.10; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="550" left="31" class="day-view-hour-box-class" id="day-tree-item-11" onclick="dayViewHourClick( 11, event )" ondblclick="dayViewHourDoubleClick( 11, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="550" left="31" class="day-view-hour-box-class" id="day-tree-item-11" hour="11" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.11; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.11; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="600" left="31" class="day-view-hour-box-class" id="day-tree-item-12" onclick="dayViewHourClick( 12, event )" ondblclick="dayViewHourDoubleClick( 12, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="600" left="31" class="day-view-hour-box-class" id="day-tree-item-12" hour="12" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.noon; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.noon; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="650" left="31" class="day-view-hour-box-class" id="day-tree-item-13" onclick="dayViewHourClick( 13, event )" ondblclick="dayViewHourDoubleClick( 13, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="650" left="31" class="day-view-hour-box-class" id="day-tree-item-13" hour="13" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.13; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.13; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="700" left="31" class="day-view-hour-box-class" id="day-tree-item-14" onclick="dayViewHourClick( 14, event )" ondblclick="dayViewHourDoubleClick( 14, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="700" left="31" class="day-view-hour-box-class" id="day-tree-item-14" hour="14" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.14; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.14; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="750" left="31" class="day-view-hour-box-class" id="day-tree-item-15" onclick="dayViewHourClick( 15, event )" ondblclick="dayViewHourDoubleClick( 15, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="750" left="31" class="day-view-hour-box-class" id="day-tree-item-15" hour="15" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.15; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.15; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="800" left="31" class="day-view-hour-box-class" id="day-tree-item-16" onclick="dayViewHourClick( 16, event )" ondblclick="dayViewHourDoubleClick( 16, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="800" left="31" class="day-view-hour-box-class" id="day-tree-item-16" hour="16" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.16; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.16; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="850" left="31" class="day-view-hour-box-class" id="day-tree-item-17" onclick="dayViewHourClick( 17, event )" ondblclick="dayViewHourDoubleClick( 17, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="850" left="31" class="day-view-hour-box-class" id="day-tree-item-17" hour="17" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.17; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.17; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="900" left="31" class="day-view-hour-box-class" id="day-tree-item-18" onclick="dayViewHourClick( 18, event )" ondblclick="dayViewHourDoubleClick( 18, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="900" left="31" class="day-view-hour-box-class" id="day-tree-item-18" hour="18" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.18; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.18; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="950" left="31" class="day-view-hour-box-class" id="day-tree-item-19" onclick="dayViewHourClick( 19, event )" ondblclick="dayViewHourDoubleClick( 19, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="950" left="31" class="day-view-hour-box-class" id="day-tree-item-19" hour="19" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.19; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.19; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="1000" left="31" class="day-view-hour-box-class" id="day-tree-item-20" onclick="dayViewHourClick( 20, event )" ondblclick="dayViewHourDoubleClick( 20, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="1000" left="31" class="day-view-hour-box-class" id="day-tree-item-20" hour="20" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.20; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.20; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="1050" left="31" class="day-view-hour-box-class" id="day-tree-item-21" onclick="dayViewHourClick( 21, event )" ondblclick="dayViewHourDoubleClick( 21, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="1050" left="31" class="day-view-hour-box-class" id="day-tree-item-21" hour="21" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.21; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.21; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="1100" left="31" class="day-view-hour-box-class" id="day-tree-item-22" onclick="dayViewHourClick( 22, event )" ondblclick="dayViewHourDoubleClick( 22, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="1100" left="31" class="day-view-hour-box-class" id="day-tree-item-22" hour="22" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.22; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.22; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="1150" left="31" class="day-view-hour-box-class" id="day-tree-item-23" onclick="dayViewHourClick( 23, event )" ondblclick="dayViewHourDoubleClick( 23, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="1150" left="31" class="day-view-hour-box-class" id="day-tree-item-23" hour="23" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.23; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.23; " />
|
||||||
</box>
|
</box>
|
||||||
</vbox>
|
</box>
|
||||||
</stack>
|
</vbox>
|
||||||
|
</stack>
|
||||||
</box> <!-- End: day-tree-content-box -->
|
</box> <!-- End: day-tree-content-box -->
|
||||||
</vbox>
|
</vbox>
|
||||||
</vbox> <!-- End: Calendar Day View -->
|
</vbox> <!-- End: Calendar Day View -->
|
||||||
|
|
|
||||||
|
|
@ -51,7 +51,7 @@
|
||||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||||
>
|
>
|
||||||
<script type="application/x-javascript" src="chrome://calendar/content/calendarWeekView.js"/>
|
<script type="application/x-javascript" src="chrome://calendar/content/calendarWeekView.js"/>
|
||||||
|
|
||||||
<script type="application/x-javascript">
|
<script type="application/x-javascript">
|
||||||
var ArrayOfDayNames = new Array();
|
var ArrayOfDayNames = new Array();
|
||||||
|
|
@ -172,19 +172,19 @@
|
||||||
</box>
|
</box>
|
||||||
</box>
|
</box>
|
||||||
|
|
||||||
<box class="week-view-hours-only-box-class" id="week-tree-hour-1">
|
<box class="week-view-hours-only-box-class" id="week-tree-hour-1" ondraggesture="startDragging( 1 )" ondragdrop="stopDragging( 1 )">
|
||||||
<box class="week-time-class" flex="1">
|
<box class="week-time-class" flex="1">
|
||||||
<label class="week-time-class-text" id="week-view-hour" value="&time.1; " />
|
<label class="week-time-class-text" id="week-view-hour" value="&time.1; " />
|
||||||
</box>
|
</box>
|
||||||
</box>
|
</box>
|
||||||
|
|
||||||
<box class="week-view-hours-only-box-class" id="week-tree-hour-2">
|
<box class="week-view-hours-only-box-class" id="week-tree-hour-2" ondraggesture="startDragging( 2 )" ondragdrop="stopDragging( 2 )">
|
||||||
<box class="week-time-class" flex="1">
|
<box class="week-time-class" flex="1">
|
||||||
<label class="week-time-class-text" id="week-view-hour" value="&time.2; " />
|
<label class="week-time-class-text" id="week-view-hour" value="&time.2; " />
|
||||||
</box>
|
</box>
|
||||||
</box>
|
</box>
|
||||||
|
|
||||||
<box class="week-view-hours-only-box-class" id="week-tree-hour-3">
|
<box class="week-view-hours-only-box-class" id="week-tree-hour-3" ondraggesture="startDragging( 3 )" ondragdrop="stopDragging( 3 )">
|
||||||
<box class="week-time-class" flex="1">
|
<box class="week-time-class" flex="1">
|
||||||
<label class="week-time-class-text" id="week-view-hour" value="&time.3; " />
|
<label class="week-time-class-text" id="week-view-hour" value="&time.3; " />
|
||||||
</box>
|
</box>
|
||||||
|
|
@ -315,9 +315,9 @@
|
||||||
<!-- DAY 0 -->
|
<!-- DAY 0 -->
|
||||||
<vbox class="week-view-day-container-box" id="week-view-hour-0" left="98" top="0">
|
<vbox class="week-view-day-container-box" id="week-view-hour-0" left="98" top="0">
|
||||||
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-0" onclick="weekViewHourClick( 1, 0, event )" ondblclick="weekViewHourDoubleClick( 1, 0, event )"/>
|
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-0" onclick="weekViewHourClick( 1, 0, event )" ondblclick="weekViewHourDoubleClick( 1, 0, event )"/>
|
||||||
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-1" onclick="weekViewHourClick( 1, 1, event )" ondblclick="weekViewHourDoubleClick( 1, 1, event )" />
|
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-1" onclick="weekViewHourClick( 1, 1, event )" ondblclick="weekViewHourDoubleClick( 1, 1, event )"/>
|
||||||
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-2" onclick="weekViewHourClick( 1, 2, event )" ondblclick="weekViewHourDoubleClick( 1, 2, event )" />
|
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-2" onclick="weekViewHourClick( 1, 2, event )" ondblclick="weekViewHourDoubleClick( 1, 2, event )"/>
|
||||||
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-3" onclick="weekViewHourClick( 1, 3, event )" ondblclick="weekViewHourDoubleClick( 1, 3, event )" />
|
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-3" onclick="weekViewHourClick( 1, 3, event )" ondblclick="weekViewHourDoubleClick( 1, 3, event )"/>
|
||||||
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-4" onclick="weekViewHourClick( 1, 4, event )" ondblclick="weekViewHourDoubleClick( 1, 4, event )" />
|
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-4" onclick="weekViewHourClick( 1, 4, event )" ondblclick="weekViewHourDoubleClick( 1, 4, event )" />
|
||||||
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-5" onclick="weekViewHourClick( 1, 5, event )" ondblclick="weekViewHourDoubleClick( 1, 5, event )" />
|
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-5" onclick="weekViewHourClick( 1, 5, event )" ondblclick="weekViewHourDoubleClick( 1, 5, event )" />
|
||||||
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-6" onclick="weekViewHourClick( 1, 6, event )" ondblclick="weekViewHourDoubleClick( 1, 6, event )" />
|
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-6" onclick="weekViewHourClick( 1, 6, event )" ondblclick="weekViewHourDoubleClick( 1, 6, event )" />
|
||||||
|
|
|
||||||
|
|
@ -585,3 +585,51 @@ DayView.prototype.hiliteTodaysDate = function( )
|
||||||
{
|
{
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
var gStartDate = null;
|
||||||
|
|
||||||
|
var gEndDate = null;
|
||||||
|
|
||||||
|
var eventEndObserver = {
|
||||||
|
getSupportedFlavours : function () {
|
||||||
|
var flavours = new FlavourSet();
|
||||||
|
flavours.appendFlavour("text/unicode");
|
||||||
|
return flavours;
|
||||||
|
},
|
||||||
|
onDragOver: function (evt,flavour,session){
|
||||||
|
evt.target.setAttribute( "draggedover", "true" );
|
||||||
|
},
|
||||||
|
onDrop: function (evt,dropdata,session){
|
||||||
|
gEndDate = new Date( gStartDate.getTime() );
|
||||||
|
gEndDate.setHours( evt.target.getAttribute( "hour" ) );
|
||||||
|
if( gEndDate.getTime() < gStartDate.getTime() )
|
||||||
|
{
|
||||||
|
var Temp = gEndDate;
|
||||||
|
gEndDate = gStartDate;
|
||||||
|
gStartDate = Temp;
|
||||||
|
}
|
||||||
|
|
||||||
|
newEvent( gStartDate, gEndDate );
|
||||||
|
var allDraggedElements = document.getElementsByAttribute( "draggedover", "true" );
|
||||||
|
for( var i = 0; i < allDraggedElements.length; i++ )
|
||||||
|
{
|
||||||
|
allDraggedElements[i].removeAttribute( "draggedover" );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
var eventStartObserver = {
|
||||||
|
onDragStart: function (evt, transferData, action){
|
||||||
|
gStartDate = new Date( gCalendarWindow.getSelectedDate() );
|
||||||
|
|
||||||
|
gStartDate.setHours( evt.target.getAttribute( "hour" ) );
|
||||||
|
gStartDate.setMinutes( 0 );
|
||||||
|
gStartDate.setSeconds( 0 );
|
||||||
|
|
||||||
|
transferData.data=new TransferData();
|
||||||
|
transferData.data.addDataForFlavour("text/unicode",0);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -58,7 +58,12 @@
|
||||||
|
|
||||||
<script type="application/x-javascript" src="chrome://calendar/content/calendarDayView.js"/>
|
<script type="application/x-javascript" src="chrome://calendar/content/calendarDayView.js"/>
|
||||||
|
|
||||||
<vbox id="day-view-box" flex="1">
|
<script src="chrome://global/content/nsDragAndDrop.js"/>
|
||||||
|
<script src="chrome://global/content/nsTransferable.js"/>
|
||||||
|
<script src="chrome://global/content/nsJSSupportsUtils.js"/>
|
||||||
|
<script src="chrome://global/content/nsJSComponentManager.js"/>
|
||||||
|
|
||||||
|
<vbox id="day-view-box" flex="1">
|
||||||
|
|
||||||
<!-- Day View: Controls-->
|
<!-- Day View: Controls-->
|
||||||
|
|
||||||
|
|
@ -110,154 +115,152 @@
|
||||||
<image src="chrome://calendar/skin/day_left_gradient.png" left="1" top="1" width="30" height="1199"/>
|
<image src="chrome://calendar/skin/day_left_gradient.png" left="1" top="1" width="30" height="1199"/>
|
||||||
</vbox>
|
</vbox>
|
||||||
<stack id="day-view-content-board" flex="1">
|
<stack id="day-view-content-board" flex="1">
|
||||||
<vbox id="day-hour-content-holder" flex="1">
|
<vbox id="day-hour-content-holder" flex="1">
|
||||||
|
<box top="0" left="31" class="day-view-hour-box-class" id="day-tree-item-0" hour="0" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
|
<box class="day-time-class">
|
||||||
<box top="0" left="31" class="day-view-hour-box-class" id="day-tree-item-0" onclick="dayViewHourClick( 0, event )" ondblclick="dayViewHourDoubleClick( 0, event )" flex="1" >
|
<label class="day-time-class-label" id="day-view-hour" value="&time.midnight; " />
|
||||||
<box class="day-time-class">
|
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.midnight; " />
|
|
||||||
</box>
|
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="50" left="31" class="day-view-hour-box-class" id="day-tree-item-1" onclick="dayViewHourClick( 1, event )" ondblclick="dayViewHourDoubleClick( 1, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="50" left="31" class="day-view-hour-box-class" id="day-tree-item-1" hour="1" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.1; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.1; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="100" left="31" class="day-view-hour-box-class" id="day-tree-item-2" onclick="dayViewHourClick( 2, event )" ondblclick="dayViewHourDoubleClick( 2, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="100" left="31" class="day-view-hour-box-class" id="day-tree-item-2" hour="2" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.2; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.2; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="150" left="31" class="day-view-hour-box-class" id="day-tree-item-3" onclick="dayViewHourClick( 3, event )" ondblclick="dayViewHourDoubleClick( 3, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="150" left="31" class="day-view-hour-box-class" id="day-tree-item-3" hour="3" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.3; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.3; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="200" left="31" class="day-view-hour-box-class" id="day-tree-item-4" onclick="dayViewHourClick( 4, event )" ondblclick="dayViewHourDoubleClick( 4, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="200" left="31" class="day-view-hour-box-class" id="day-tree-item-4" hour="4" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.4; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.4; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="250" left="31" class="day-view-hour-box-class" id="day-tree-item-5" onclick="dayViewHourClick( 5, event )" ondblclick="dayViewHourDoubleClick( 5, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="250" left="31" class="day-view-hour-box-class" id="day-tree-item-5" hour="5" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.5; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.5; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="300" left="31" class="day-view-hour-box-class" id="day-tree-item-6" onclick="dayViewHourClick( 6, event )" ondblclick="dayViewHourDoubleClick( 6, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="300" left="31" class="day-view-hour-box-class" id="day-tree-item-6" hour="6" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.6; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.6; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="350" left="31" class="day-view-hour-box-class" id="day-tree-item-7" onclick="dayViewHourClick( 7, event )" ondblclick="dayViewHourDoubleClick( 7, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="350" left="31" class="day-view-hour-box-class" id="day-tree-item-7" hour="7" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.7; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.7; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="400" left="31" class="day-view-hour-box-class" id="day-tree-item-8" onclick="dayViewHourClick( 8, event )" ondblclick="dayViewHourDoubleClick( 8, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="400" left="31" class="day-view-hour-box-class" id="day-tree-item-8" hour="8" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.8; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.8; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="450" left="31" class="day-view-hour-box-class" id="day-tree-item-9" onclick="dayViewHourClick( 9, event )" ondblclick="dayViewHourDoubleClick( 9, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="450" left="31" class="day-view-hour-box-class" id="day-tree-item-9" hour="9" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.9; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.9; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="500" left="31" class="day-view-hour-box-class" id="day-tree-item-10" onclick="dayViewHourClick( 10, event )" ondblclick="dayViewHourDoubleClick( 10, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="500" left="31" class="day-view-hour-box-class" id="day-tree-item-10" hour="10" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.10; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.10; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="550" left="31" class="day-view-hour-box-class" id="day-tree-item-11" onclick="dayViewHourClick( 11, event )" ondblclick="dayViewHourDoubleClick( 11, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="550" left="31" class="day-view-hour-box-class" id="day-tree-item-11" hour="11" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.11; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.11; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="600" left="31" class="day-view-hour-box-class" id="day-tree-item-12" onclick="dayViewHourClick( 12, event )" ondblclick="dayViewHourDoubleClick( 12, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="600" left="31" class="day-view-hour-box-class" id="day-tree-item-12" hour="12" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.noon; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.noon; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="650" left="31" class="day-view-hour-box-class" id="day-tree-item-13" onclick="dayViewHourClick( 13, event )" ondblclick="dayViewHourDoubleClick( 13, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="650" left="31" class="day-view-hour-box-class" id="day-tree-item-13" hour="13" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.13; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.13; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="700" left="31" class="day-view-hour-box-class" id="day-tree-item-14" onclick="dayViewHourClick( 14, event )" ondblclick="dayViewHourDoubleClick( 14, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="700" left="31" class="day-view-hour-box-class" id="day-tree-item-14" hour="14" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.14; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.14; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="750" left="31" class="day-view-hour-box-class" id="day-tree-item-15" onclick="dayViewHourClick( 15, event )" ondblclick="dayViewHourDoubleClick( 15, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="750" left="31" class="day-view-hour-box-class" id="day-tree-item-15" hour="15" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.15; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.15; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="800" left="31" class="day-view-hour-box-class" id="day-tree-item-16" onclick="dayViewHourClick( 16, event )" ondblclick="dayViewHourDoubleClick( 16, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="800" left="31" class="day-view-hour-box-class" id="day-tree-item-16" hour="16" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.16; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.16; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="850" left="31" class="day-view-hour-box-class" id="day-tree-item-17" onclick="dayViewHourClick( 17, event )" ondblclick="dayViewHourDoubleClick( 17, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="850" left="31" class="day-view-hour-box-class" id="day-tree-item-17" hour="17" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.17; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.17; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="900" left="31" class="day-view-hour-box-class" id="day-tree-item-18" onclick="dayViewHourClick( 18, event )" ondblclick="dayViewHourDoubleClick( 18, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="900" left="31" class="day-view-hour-box-class" id="day-tree-item-18" hour="18" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.18; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.18; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="950" left="31" class="day-view-hour-box-class" id="day-tree-item-19" onclick="dayViewHourClick( 19, event )" ondblclick="dayViewHourDoubleClick( 19, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="950" left="31" class="day-view-hour-box-class" id="day-tree-item-19" hour="19" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.19; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.19; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="1000" left="31" class="day-view-hour-box-class" id="day-tree-item-20" onclick="dayViewHourClick( 20, event )" ondblclick="dayViewHourDoubleClick( 20, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="1000" left="31" class="day-view-hour-box-class" id="day-tree-item-20" hour="20" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.20; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.20; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="1050" left="31" class="day-view-hour-box-class" id="day-tree-item-21" onclick="dayViewHourClick( 21, event )" ondblclick="dayViewHourDoubleClick( 21, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="1050" left="31" class="day-view-hour-box-class" id="day-tree-item-21" hour="21" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.21; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.21; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="1100" left="31" class="day-view-hour-box-class" id="day-tree-item-22" onclick="dayViewHourClick( 22, event )" ondblclick="dayViewHourDoubleClick( 22, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="1100" left="31" class="day-view-hour-box-class" id="day-tree-item-22" hour="22" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.22; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.22; " />
|
||||||
</box>
|
</box>
|
||||||
|
</box>
|
||||||
<box top="1150" left="31" class="day-view-hour-box-class" id="day-tree-item-23" onclick="dayViewHourClick( 23, event )" ondblclick="dayViewHourDoubleClick( 23, event )" flex="1" >
|
|
||||||
<box class="day-time-class">
|
<box top="1150" left="31" class="day-view-hour-box-class" id="day-tree-item-23" hour="23" onclick="dayViewHourClick( event )" ondblclick="dayViewHourDoubleClick( event )" flex="1" ondraggesture="nsDragAndDrop.startDrag(event,eventStartObserver);" ondragover="nsDragAndDrop.dragOver(event,eventEndObserver)" ondragdrop="nsDragAndDrop.drop(event,eventEndObserver)">
|
||||||
<label class="day-time-class-label" id="day-view-hour" value="&time.23; " />
|
<box class="day-time-class">
|
||||||
</box>
|
<label class="day-time-class-label" id="day-view-hour" value="&time.23; " />
|
||||||
</box>
|
</box>
|
||||||
</vbox>
|
</box>
|
||||||
</stack>
|
</vbox>
|
||||||
|
</stack>
|
||||||
</box> <!-- End: day-tree-content-box -->
|
</box> <!-- End: day-tree-content-box -->
|
||||||
</vbox>
|
</vbox>
|
||||||
</vbox> <!-- End: Calendar Day View -->
|
</vbox> <!-- End: Calendar Day View -->
|
||||||
|
|
|
||||||
|
|
@ -51,7 +51,7 @@
|
||||||
xmlns:html="http://www.w3.org/1999/xhtml"
|
xmlns:html="http://www.w3.org/1999/xhtml"
|
||||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||||
>
|
>
|
||||||
<script type="application/x-javascript" src="chrome://calendar/content/calendarWeekView.js"/>
|
<script type="application/x-javascript" src="chrome://calendar/content/calendarWeekView.js"/>
|
||||||
|
|
||||||
<script type="application/x-javascript">
|
<script type="application/x-javascript">
|
||||||
var ArrayOfDayNames = new Array();
|
var ArrayOfDayNames = new Array();
|
||||||
|
|
@ -172,19 +172,19 @@
|
||||||
</box>
|
</box>
|
||||||
</box>
|
</box>
|
||||||
|
|
||||||
<box class="week-view-hours-only-box-class" id="week-tree-hour-1">
|
<box class="week-view-hours-only-box-class" id="week-tree-hour-1" ondraggesture="startDragging( 1 )" ondragdrop="stopDragging( 1 )">
|
||||||
<box class="week-time-class" flex="1">
|
<box class="week-time-class" flex="1">
|
||||||
<label class="week-time-class-text" id="week-view-hour" value="&time.1; " />
|
<label class="week-time-class-text" id="week-view-hour" value="&time.1; " />
|
||||||
</box>
|
</box>
|
||||||
</box>
|
</box>
|
||||||
|
|
||||||
<box class="week-view-hours-only-box-class" id="week-tree-hour-2">
|
<box class="week-view-hours-only-box-class" id="week-tree-hour-2" ondraggesture="startDragging( 2 )" ondragdrop="stopDragging( 2 )">
|
||||||
<box class="week-time-class" flex="1">
|
<box class="week-time-class" flex="1">
|
||||||
<label class="week-time-class-text" id="week-view-hour" value="&time.2; " />
|
<label class="week-time-class-text" id="week-view-hour" value="&time.2; " />
|
||||||
</box>
|
</box>
|
||||||
</box>
|
</box>
|
||||||
|
|
||||||
<box class="week-view-hours-only-box-class" id="week-tree-hour-3">
|
<box class="week-view-hours-only-box-class" id="week-tree-hour-3" ondraggesture="startDragging( 3 )" ondragdrop="stopDragging( 3 )">
|
||||||
<box class="week-time-class" flex="1">
|
<box class="week-time-class" flex="1">
|
||||||
<label class="week-time-class-text" id="week-view-hour" value="&time.3; " />
|
<label class="week-time-class-text" id="week-view-hour" value="&time.3; " />
|
||||||
</box>
|
</box>
|
||||||
|
|
@ -315,9 +315,9 @@
|
||||||
<!-- DAY 0 -->
|
<!-- DAY 0 -->
|
||||||
<vbox class="week-view-day-container-box" id="week-view-hour-0" left="98" top="0">
|
<vbox class="week-view-day-container-box" id="week-view-hour-0" left="98" top="0">
|
||||||
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-0" onclick="weekViewHourClick( 1, 0, event )" ondblclick="weekViewHourDoubleClick( 1, 0, event )"/>
|
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-0" onclick="weekViewHourClick( 1, 0, event )" ondblclick="weekViewHourDoubleClick( 1, 0, event )"/>
|
||||||
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-1" onclick="weekViewHourClick( 1, 1, event )" ondblclick="weekViewHourDoubleClick( 1, 1, event )" />
|
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-1" onclick="weekViewHourClick( 1, 1, event )" ondblclick="weekViewHourDoubleClick( 1, 1, event )"/>
|
||||||
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-2" onclick="weekViewHourClick( 1, 2, event )" ondblclick="weekViewHourDoubleClick( 1, 2, event )" />
|
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-2" onclick="weekViewHourClick( 1, 2, event )" ondblclick="weekViewHourDoubleClick( 1, 2, event )"/>
|
||||||
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-3" onclick="weekViewHourClick( 1, 3, event )" ondblclick="weekViewHourDoubleClick( 1, 3, event )" />
|
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-3" onclick="weekViewHourClick( 1, 3, event )" ondblclick="weekViewHourDoubleClick( 1, 3, event )"/>
|
||||||
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-4" onclick="weekViewHourClick( 1, 4, event )" ondblclick="weekViewHourDoubleClick( 1, 4, event )" />
|
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-4" onclick="weekViewHourClick( 1, 4, event )" ondblclick="weekViewHourDoubleClick( 1, 4, event )" />
|
||||||
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-5" onclick="weekViewHourClick( 1, 5, event )" ondblclick="weekViewHourDoubleClick( 1, 5, event )" />
|
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-5" onclick="weekViewHourClick( 1, 5, event )" ondblclick="weekViewHourDoubleClick( 1, 5, event )" />
|
||||||
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-6" onclick="weekViewHourClick( 1, 6, event )" ondblclick="weekViewHourDoubleClick( 1, 6, event )" />
|
<box class="week-view-hour-box-class weekend" id="week-tree-day-0-item-6" onclick="weekViewHourClick( 1, 6, event )" ondblclick="weekViewHourDoubleClick( 1, 6, event )" />
|
||||||
|
|
|
||||||
|
|
@ -76,21 +76,21 @@
|
||||||
#calendar-new-event-button
|
#calendar-new-event-button
|
||||||
{
|
{
|
||||||
padding-top: 1px;
|
padding-top: 1px;
|
||||||
list-style-image : url("chrome://calendar/skin/newitem_up.gif");
|
list-style-image : url("chrome://calendar/skin/newitem_up.png");
|
||||||
}
|
}
|
||||||
#calendar-new-event-button[disabled="true"],
|
#calendar-new-event-button[disabled="true"],
|
||||||
#calendar-new-event-button[disabled="true"]:hover,
|
#calendar-new-event-button[disabled="true"]:hover,
|
||||||
#calendar-new-event-button[disabled="true"]:hover:active
|
#calendar-new-event-button[disabled="true"]:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/newitem_disabled.gif");
|
list-style-image : url("chrome://calendar/skin/newitem_disabled.png");
|
||||||
}
|
}
|
||||||
#calendar-new-event-button:hover
|
#calendar-new-event-button:hover
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/newitem_hover.gif");
|
list-style-image : url("chrome://calendar/skin/newitem_hover.png");
|
||||||
}
|
}
|
||||||
#calendar-new-event-button:hover:active
|
#calendar-new-event-button:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/newitem_down.gif");
|
list-style-image : url("chrome://calendar/skin/newitem_down.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
/*--------------------------------------------------------------------
|
/*--------------------------------------------------------------------
|
||||||
|
|
@ -152,21 +152,21 @@
|
||||||
#calendar-go-to-today-button
|
#calendar-go-to-today-button
|
||||||
{
|
{
|
||||||
padding-top: 1px;
|
padding-top: 1px;
|
||||||
list-style-image : url("chrome://calendar/skin/today_up.gif");
|
list-style-image : url("chrome://calendar/skin/today_up.png");
|
||||||
}
|
}
|
||||||
#calendar-go-to-today-button[disabled="true"],
|
#calendar-go-to-today-button[disabled="true"],
|
||||||
#calendar-go-to-today-button[disabled="true"]:hover,
|
#calendar-go-to-today-button[disabled="true"]:hover,
|
||||||
#calendar-go-to-today-button[disabled="true"]:hover:active
|
#calendar-go-to-today-button[disabled="true"]:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/today_disabled.gif");
|
list-style-image : url("chrome://calendar/skin/today_disabled.png");
|
||||||
}
|
}
|
||||||
#calendar-go-to-today-button:hover
|
#calendar-go-to-today-button:hover
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/today_hover.gif");
|
list-style-image : url("chrome://calendar/skin/today_hover.png");
|
||||||
}
|
}
|
||||||
#calendar-go-to-today-button:hover:active
|
#calendar-go-to-today-button:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/today_down.gif");
|
list-style-image : url("chrome://calendar/skin/today_down.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -177,21 +177,21 @@
|
||||||
#calendar-choose-date-button
|
#calendar-choose-date-button
|
||||||
{
|
{
|
||||||
padding-top: 1px;
|
padding-top: 1px;
|
||||||
list-style-image : url("chrome://calendar/skin/goto_up.gif");
|
list-style-image : url("chrome://calendar/skin/goto_up.png");
|
||||||
}
|
}
|
||||||
#calendar-choose-date-button[disabled="true"],
|
#calendar-choose-date-button[disabled="true"],
|
||||||
#calendar-choose-date-button[disabled="true"]:hover,
|
#calendar-choose-date-button[disabled="true"]:hover,
|
||||||
#calendar-choose-date-button[disabled="true"]:hover:active
|
#calendar-choose-date-button[disabled="true"]:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/goto_disabled.gif");
|
list-style-image : url("chrome://calendar/skin/goto_disabled.png");
|
||||||
}
|
}
|
||||||
#calendar-choose-date-button:hover
|
#calendar-choose-date-button:hover
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/goto_hover.gif");
|
list-style-image : url("chrome://calendar/skin/goto_hover.png");
|
||||||
}
|
}
|
||||||
#calendar-choose-date-button:hover:active
|
#calendar-choose-date-button:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/goto_down.gif");
|
list-style-image : url("chrome://calendar/skin/goto_down.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -202,22 +202,22 @@
|
||||||
#calendar-month-view-button
|
#calendar-month-view-button
|
||||||
{
|
{
|
||||||
padding-top: 1px;
|
padding-top: 1px;
|
||||||
list-style-image : url("chrome://calendar/skin/month_up.gif");
|
list-style-image : url("chrome://calendar/skin/month_up.png");
|
||||||
}
|
}
|
||||||
#calendar-month-view-button[disabled="true"],
|
#calendar-month-view-button[disabled="true"],
|
||||||
#calendar-month-view-button[disabled="true"]:hover,
|
#calendar-month-view-button[disabled="true"]:hover,
|
||||||
#calendar-month-view-button[disabled="true"]:hover:active
|
#calendar-month-view-button[disabled="true"]:hover:active
|
||||||
{
|
{
|
||||||
/*list-style-image : url("chrome://calendar/skin/month_disabled.gif");*/
|
/*list-style-image : url("chrome://calendar/skin/month_disabled.png");*/
|
||||||
list-style-image : url("chrome://calendar/skin/month_down.gif");
|
list-style-image : url("chrome://calendar/skin/month_down.png");
|
||||||
}
|
}
|
||||||
#calendar-month-view-button:hover
|
#calendar-month-view-button:hover
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/month_hover.gif");
|
list-style-image : url("chrome://calendar/skin/month_hover.png");
|
||||||
}
|
}
|
||||||
#calendar-month-view-button:hover:active
|
#calendar-month-view-button:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/month_down.gif");
|
list-style-image : url("chrome://calendar/skin/month_down.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
/*--------------------------------------------------------------------
|
/*--------------------------------------------------------------------
|
||||||
|
|
@ -227,22 +227,22 @@
|
||||||
#calendar-week-view-button
|
#calendar-week-view-button
|
||||||
{
|
{
|
||||||
padding-top: 1px;
|
padding-top: 1px;
|
||||||
list-style-image : url("chrome://calendar/skin/week_up.gif");
|
list-style-image : url("chrome://calendar/skin/week_up.png");
|
||||||
}
|
}
|
||||||
#calendar-week-view-button[disabled="true"],
|
#calendar-week-view-button[disabled="true"],
|
||||||
#calendar-week-view-button[disabled="true"]:hover,
|
#calendar-week-view-button[disabled="true"]:hover,
|
||||||
#calendar-week-view-button[disabled="true"]:hover:active
|
#calendar-week-view-button[disabled="true"]:hover:active
|
||||||
{
|
{
|
||||||
/*list-style-image : url("chrome://calendar/skin/week_disabled.gif");*/
|
/*list-style-image : url("chrome://calendar/skin/week_disabled.png");*/
|
||||||
list-style-image : url("chrome://calendar/skin/week_down.gif");
|
list-style-image : url("chrome://calendar/skin/week_down.png");
|
||||||
}
|
}
|
||||||
#calendar-week-view-button:hover
|
#calendar-week-view-button:hover
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/week_hover.gif");
|
list-style-image : url("chrome://calendar/skin/week_hover.png");
|
||||||
}
|
}
|
||||||
#calendar-week-view-button:hover:active
|
#calendar-week-view-button:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/week_down.gif");
|
list-style-image : url("chrome://calendar/skin/week_down.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
/*--------------------------------------------------------------------
|
/*--------------------------------------------------------------------
|
||||||
|
|
@ -252,18 +252,18 @@
|
||||||
#calendar-day-view-button
|
#calendar-day-view-button
|
||||||
{
|
{
|
||||||
padding-top: 1px;
|
padding-top: 1px;
|
||||||
list-style-image : url("chrome://calendar/skin/day_up.gif");
|
list-style-image : url("chrome://calendar/skin/day_up.png");
|
||||||
}
|
}
|
||||||
#calendar-day-view-button[disabled="true"],
|
#calendar-day-view-button[disabled="true"],
|
||||||
#calendar-day-view-button[disabled="true"]:hover,
|
#calendar-day-view-button[disabled="true"]:hover,
|
||||||
#calendar-day-view-button[disabled="true"]:hover:active
|
#calendar-day-view-button[disabled="true"]:hover:active
|
||||||
{
|
{
|
||||||
/*list-style-image : url("chrome://calendar/skin/day_disabled.gif");*/
|
/*list-style-image : url("chrome://calendar/skin/day_disabled.png");*/
|
||||||
list-style-image : url("chrome://calendar/skin/day_down.gif");
|
list-style-image : url("chrome://calendar/skin/day_down.png");
|
||||||
}
|
}
|
||||||
#calendar-day-view-button:hover
|
#calendar-day-view-button:hover
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/day_hover.gif");
|
list-style-image : url("chrome://calendar/skin/day_hover.png");
|
||||||
}
|
}
|
||||||
#calendar-day-view-button:hover:active
|
#calendar-day-view-button:hover:active
|
||||||
{
|
{
|
||||||
|
|
@ -743,6 +743,10 @@
|
||||||
margin-right : 5px;
|
margin-right : 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.day-view-hour-box-class[draggedover="true"]
|
||||||
|
{
|
||||||
|
background-color : #2085c4;
|
||||||
|
}
|
||||||
|
|
||||||
#day-tree-item-0
|
#day-tree-item-0
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -179,11 +179,11 @@
|
||||||
}
|
}
|
||||||
.event-date-button-class:hover
|
.event-date-button-class:hover
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_hover.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_hover.png");
|
||||||
}
|
}
|
||||||
.event-date-button-class:hover:active
|
.event-date-button-class:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_down.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_down.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -204,11 +204,11 @@
|
||||||
}
|
}
|
||||||
#start-time-button:hover
|
#start-time-button:hover
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_hover.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_hover.png");
|
||||||
}
|
}
|
||||||
#start-time-button:hover:active
|
#start-time-button:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_down.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_down.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -229,11 +229,11 @@
|
||||||
}
|
}
|
||||||
#end-time-button:hover
|
#end-time-button:hover
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_hover.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_hover.png");
|
||||||
}
|
}
|
||||||
#end-time-button:hover:active
|
#end-time-button:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_down.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_down.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -255,11 +255,16 @@
|
||||||
}
|
}
|
||||||
#repeat-end-date-button:hover
|
#repeat-end-date-button:hover
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_hover.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_hover.png");
|
||||||
}
|
}
|
||||||
#repeat-end-date-button:hover:active
|
#repeat-end-date-button:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_down.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_down.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.warning-text-class
|
||||||
|
{
|
||||||
|
color : red;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -179,11 +179,11 @@
|
||||||
}
|
}
|
||||||
.event-date-button-class:hover
|
.event-date-button-class:hover
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_hover.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_hover.png");
|
||||||
}
|
}
|
||||||
.event-date-button-class:hover:active
|
.event-date-button-class:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_down.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_down.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -204,11 +204,11 @@
|
||||||
}
|
}
|
||||||
#start-time-button:hover
|
#start-time-button:hover
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_hover.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_hover.png");
|
||||||
}
|
}
|
||||||
#start-time-button:hover:active
|
#start-time-button:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_down.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_down.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -229,11 +229,11 @@
|
||||||
}
|
}
|
||||||
#end-time-button:hover
|
#end-time-button:hover
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_hover.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_hover.png");
|
||||||
}
|
}
|
||||||
#end-time-button:hover:active
|
#end-time-button:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_down.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/clock_down.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -255,11 +255,16 @@
|
||||||
}
|
}
|
||||||
#repeat-end-date-button:hover
|
#repeat-end-date-button:hover
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_hover.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_hover.png");
|
||||||
}
|
}
|
||||||
#repeat-end-date-button:hover:active
|
#repeat-end-date-button:hover:active
|
||||||
{
|
{
|
||||||
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_down.gif");
|
list-style-image : url("chrome://calendar/skin/ca-event-dialog/calendar_down.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.warning-text-class
|
||||||
|
{
|
||||||
|
color : red;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -734,6 +734,10 @@
|
||||||
margin-right : 5px;
|
margin-right : 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.day-view-hour-box-class[draggedover="true"]
|
||||||
|
{
|
||||||
|
background-color : #2085c4;
|
||||||
|
}
|
||||||
|
|
||||||
#day-tree-item-0
|
#day-tree-item-0
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -263,3 +263,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.warning-text-class
|
||||||
|
{
|
||||||
|
color : red;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -263,3 +263,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.warning-text-class
|
||||||
|
{
|
||||||
|
color : red;
|
||||||
|
}
|
||||||
|
|
|
||||||
Загрузка…
Ссылка в новой задаче