gecko-dev/calendar/resources/content/datepicker/datepicker-overlay.xul
2001-12-20 16:26:35 +00:00

343 lines
23 KiB
XML

<?xml version="1.0"?>
<!-- ***** BEGIN LICENSE BLOCK *****
- Version: MPL 1.1/GPL 2.0/LGPL 2.1
-
- The contents of this file are subject to the Mozilla Public License Version
- 1.1 (the "License"); you may not use this file except in compliance with
- the License. You may obtain a copy of the License at
- http://www.mozilla.org/MPL/
-
- Software distributed under the License is distributed on an "AS IS" basis,
- WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- for the specific language governing rights and limitations under the
- License.
-
- The Original Code is OEone Calendar Code, released October 31st, 2001.
-
- The Initial Developer of the Original Code is
- OEone Corporation.
- Portions created by the Initial Developer are Copyright (C) 2001
- the Initial Developer. All Rights Reserved.
-
- Contributor(s): Garth Smedley <garths@oeone.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
- the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
- in which case the provisions of the GPL or the LGPL are applicable instead
- of those above. If you wish to allow use of your version of this file only
- under the terms of either the GPL or the LGPL, and not to allow others to
- use your version of this file under the terms of the MPL, indicate your
- decision by deleting the provisions above and replace them with the notice
- and other provisions required by the LGPL or the GPL. If you do not delete
- the provisions above, a recipient may use your version of this file under
- the terms of any one of the MPL, the GPL or the LGPL.
-
- ***** END LICENSE BLOCK ***** -->
<!-- CSS Files -->
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
<?xml-stylesheet href="chrome://calendar/skin/datepicker/datepicker.css" ?>
<!-- DTD Files -->
<!DOCTYPE window
[
<!ENTITY % dtd1 SYSTEM "chrome://calendar/locale/global.dtd" > %dtd1;
<!ENTITY % dtd2 SYSTEM "chrome://calendar/locale/calendar.dtd" > %dtd2;
]>
<!-- Overlay -->
<overlay
id="oe-date-picker-overlay"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<!-- Javascript includes -->
<script type="application/x-javascript" src="chrome://global/content/strres.js"/>
<script type="application/x-javascript" src="chrome://calendar/content/dateUtils.js"/>
<script type="application/x-javascript" src="chrome://calendar/content/datepicker/datepicker.js"/>
<!-- Popup that holds the picker -->
<popup onpopupshowing="oeDatePicker.onpopupshowing(this)" id="oe-date-picker-popup" >
<vbox id="oe-date-picker-overlay-box" flex="1"/>
</popup>
<!-- Box with insides of the picker -->
<vbox id="oe-date-picker-overlay-box" >
<!-- Year controls -->
<hbox id="oe-date-picker-year-controls-box" >
<box flex="1">
<image id="oe-date-picker-year-previous-button" onclick="oeDatePicker.previousYearCommand()"/>
</box>
<label id="oe-date-picker-year-title-text" value="" />
<box flex="1" id="oe-date-picker-year-next-button-box" >
<image id="oe-date-picker-year-next-button" onclick="oeDatePicker.nextYearCommand()"/>
</box>
</hbox>
<!-- Year Grid -->
<grid id="oe-date-picker-year-grid" flex="1">
<columns>
<column class="oe-date-picker-year-column-class" flex="1"/>
<column class="oe-date-picker-year-column-class" flex="1"/>
<column class="oe-date-picker-year-column-class" flex="1"/>
<column class="oe-date-picker-year-column-class" flex="1"/>
</columns>
<rows >
<row flex="1" >
<vbox class="oe-date-picker-year-month-box-class" id="oe-date-picker-year-month-1-box" onclick="oeDatePicker.clickMonth(this, 1)" >
<spacer flex="1" />
<box ><label class="oe-date-picker-year-month-name-class" value="&month.1.MMM;" /></box>
<spacer flex="1" />
</vbox>
<vbox class="oe-date-picker-year-month-box-class" id="oe-date-picker-year-month-2-box" onclick="oeDatePicker.clickMonth(this, 2)" >
<spacer flex="1" />
<box><label class="oe-date-picker-year-month-name-class" value="&month.2.MMM;" /></box>
<spacer flex="1" />
</vbox>
<vbox class="oe-date-picker-year-month-box-class" id="oe-date-picker-year-month-3-box" onclick="oeDatePicker.clickMonth(this, 3)" >
<spacer flex="1" />
<box><label class="oe-date-picker-year-month-name-class" value="&month.3.MMM;" /></box>
<spacer flex="1" />
</vbox>
<vbox class="oe-date-picker-year-month-box-class" id="oe-date-picker-year-month-4-box" onclick="oeDatePicker.clickMonth(this, 4)" >
<spacer flex="1" />
<box><label class="oe-date-picker-year-month-name-class" value="&month.4.MMM;" /></box>
<spacer flex="1" />
</vbox>
</row>
<row flex="1" >
<vbox class="oe-date-picker-year-month-box-class" id="oe-date-picker-year-month-5-box" onclick="oeDatePicker.clickMonth(this, 5)" >
<spacer flex="1" />
<box><label class="oe-date-picker-year-month-name-class" value="&month.5.MMM;" /></box>
<spacer flex="1" />
</vbox>
<vbox class="oe-date-picker-year-month-box-class" id="oe-date-picker-year-month-6-box" onclick="oeDatePicker.clickMonth(this, 6)" >
<spacer flex="1" />
<box><label class="oe-date-picker-year-month-name-class" value="&month.6.MMM;" /></box>
<spacer flex="1" />
</vbox>
<vbox class="oe-date-picker-year-month-box-class" id="oe-date-picker-year-month-7-box" onclick="oeDatePicker.clickMonth(this, 7)" >
<spacer flex="1" />
<box><label class="oe-date-picker-year-month-name-class" value="&month.7.MMM;" /></box>
<spacer flex="1" />
</vbox>
<vbox class="oe-date-picker-year-month-box-class" id="oe-date-picker-year-month-8-box" onclick="oeDatePicker.clickMonth(this, 8)" >
<spacer flex="1" />
<box><label class="oe-date-picker-year-month-name-class" value="&month.8.MMM;" /></box>
<spacer flex="1" />
</vbox>
</row>
<row flex="1" >
<vbox class="oe-date-picker-year-month-box-class" id="oe-date-picker-year-month-9-box" onclick="oeDatePicker.clickMonth(this, 9)" >
<spacer flex="1" />
<box><label class="oe-date-picker-year-month-name-class" value="&month.9.MMM;" /></box>
<spacer flex="1" />
</vbox>
<vbox class="oe-date-picker-year-month-box-class" id="oe-date-picker-year-month-10-box" onclick="oeDatePicker.clickMonth(this, 10)" >
<spacer flex="1" />
<box><label class="oe-date-picker-year-month-name-class" value="&month.10.MMM;" /></box>
<spacer flex="1" />
</vbox>
<vbox class="oe-date-picker-year-month-box-class" id="oe-date-picker-year-month-11-box" onclick="oeDatePicker.clickMonth(this, 11)" >
<spacer flex="1" />
<box><label class="oe-date-picker-year-month-name-class" value="&month.11.MMM;" /></box>
<spacer flex="1" />
</vbox>
<vbox class="oe-date-picker-year-month-box-class" id="oe-date-picker-year-month-12-box" onclick="oeDatePicker.clickMonth(this, 12)" >
<spacer flex="1" />
<box><label class="oe-date-picker-year-month-name-class" value="&month.12.MMM;" /></box>
<spacer flex="1" />
</vbox>
</row>
</rows>
</grid> <!-- Year Grid -->
<!-- Month Grid -->
<box id="oe-date-picker-month-grid-box" flex="1">
<grid id="oe-date-picker-month-grid" flex="1">
<columns>
<column class="oe-date-picker-month-column-class" flex="1"/>
<column class="oe-date-picker-month-column-class" flex="1"/>
<column class="oe-date-picker-month-column-class" flex="1"/>
<column class="oe-date-picker-month-column-class" flex="1"/>
<column class="oe-date-picker-month-column-class" flex="1"/>
<column class="oe-date-picker-month-column-class" flex="1"/>
<column class="oe-date-picker-month-column-class" flex="1"/>
</columns>
<rows >
<row flex="1" >
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-1-box" onclick="oeDatePicker.clickDay(1)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-1" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-2-box" onclick="oeDatePicker.clickDay(2)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-2" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-3-box" onclick="oeDatePicker.clickDay(3)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-3" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-4-box" onclick="oeDatePicker.clickDay(4)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-4" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-5-box" onclick="oeDatePicker.clickDay(5)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-5" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-6-box" onclick="oeDatePicker.clickDay(6)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-6" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-7-box" onclick="oeDatePicker.clickDay(7)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-7" value="" /></box>
</vbox>
</row>
<row flex="1" >
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-8-box" onclick="oeDatePicker.clickDay(8)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-8" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-9-box" onclick="oeDatePicker.clickDay(9)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-9" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-10-box" onclick="oeDatePicker.clickDay(10)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-10" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-11-box" onclick="oeDatePicker.clickDay(11)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-11" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-12-box" onclick="oeDatePicker.clickDay(12)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-12" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-13-box" onclick="oeDatePicker.clickDay(13)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-13" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-14-box" onclick="oeDatePicker.clickDay(14)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-14" value="" /></box>
</vbox>
</row>
<row flex="1" >
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-15-box" onclick="oeDatePicker.clickDay(15)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-15" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-16-box" onclick="oeDatePicker.clickDay(16)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-16" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-17-box" onclick="oeDatePicker.clickDay(17)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-17" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-18-box" onclick="oeDatePicker.clickDay(18)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-18" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-19-box" onclick="oeDatePicker.clickDay(19)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-19" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-20-box" onclick="oeDatePicker.clickDay(20)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-20" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-21-box" onclick="oeDatePicker.clickDay(21)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-21" value="" /></box>
</vbox>
</row>
<row flex="1" >
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-22-box" onclick="oeDatePicker.clickDay(22)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-22" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-23-box" onclick="oeDatePicker.clickDay(23)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-23" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-24-box" onclick="oeDatePicker.clickDay(24)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-24" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-25-box" onclick="oeDatePicker.clickDay(25)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-25" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-26-box" onclick="oeDatePicker.clickDay(26)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-26" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-27-box" onclick="oeDatePicker.clickDay(27)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-27" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-28-box" onclick="oeDatePicker.clickDay(28)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-28" value="" /></box>
</vbox>
</row>
<row flex="1" >
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-29-box" onclick="oeDatePicker.clickDay(29)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-29" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-30-box" onclick="oeDatePicker.clickDay(30)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-30" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-31-box" onclick="oeDatePicker.clickDay(31)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-31" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-32-box" onclick="oeDatePicker.clickDay(32)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-32" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-33-box" onclick="oeDatePicker.clickDay(33)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-33" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-34-box" onclick="oeDatePicker.clickDay(34)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-34" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-35-box" onclick="oeDatePicker.clickDay(35)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-35" value="" /></box>
</vbox>
</row>
<row flex="1" >
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-36-box" onclick="oeDatePicker.clickDay(36)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-36" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-37-box" onclick="oeDatePicker.clickDay(37)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-37" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-38-box" onclick="oeDatePicker.clickDay(38)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-38" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-39-box" onclick="oeDatePicker.clickDay(39)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-39" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-40-box" onclick="oeDatePicker.clickDay(40)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-40" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-41-box" onclick="oeDatePicker.clickDay(41)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-41" value="" /></box>
</vbox>
<vbox class="oe-date-picker-month-day-box-class" id="oe-date-picker-month-day-42-box" onclick="oeDatePicker.clickDay(42)">
<box><label class="oe-date-picker-month-day-number-class" id="oe-date-picker-month-day-text-42" value="" /></box>
</vbox>
</row>
</rows>
</grid> <!-- Month Grid -->
</box> <!-- Month Grid Box -->
</vbox> <!-- Box with insides of the picker -->
</overlay>