gecko-dev/calendar/resources/content/dayView.xul

<?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> 
   -                 Mike Potter <mikep@oeone.com>
   -                 Colin Phillips <colinp@oeone.com> 
   -                 Karl Guertin <grayrest@grayrest.com>
   -
   - Alternatively, the contents of this file may be used under the terms of
   - either the GNU General Public License Version 2 or later (the "GPL"), or
   - 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 ***** -->



<!-- DTD File with all strings specific to the calendar -->
<!DOCTYPE overlay 
[
    <!ENTITY % dtd1 SYSTEM "chrome://calendar/locale/global.dtd" > %dtd1;
    <!ENTITY % dtd2 SYSTEM "chrome://calendar/locale/calendar.dtd" > %dtd2;
]>


<!-- The Window  -->

<overlay
   xmlns:html="http://www.w3.org/1999/xhtml"
   xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
   >

   <script type="application/x-javascript" src="chrome://calendar/content/dayView.js"/>
   <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-->
      <hbox id="day-controls-box"> <!-- DO NOT SET FLEX, breaks resizing -->
         <box class="day-previous-button-box">
            <image id="day-previous-button" class="prevnextbuttons" onclick="gCalendarWindow.goToPrevious()"/>
         </box>
         
         <vbox id="day-title-container" flex="1">
            <hbox id="day-title-box" flex="1">
               <vbox class="day-title-label-box" flex="1">
                  <label id="d-2-day-title" onclick="gCalendarWindow.goToPrevious( 2 )" value="" />
               </vbox>
               <vbox class="day-title-label-box" flex="1">
                  <label id="d-1-day-title" onclick="gCalendarWindow.goToPrevious( 1 )" value="" />
               </vbox>
               <vbox class="day-title-label-box" flex="1">
                  <label id="d0-day-title"  value="" />
               </vbox>
               <vbox class="day-title-label-box" flex="1">
                  <label id="d1-day-title" onclick="gCalendarWindow.goToNext( 1 )" value="" />
               </vbox>
               <vbox class="day-title-label-box" flex="1">
                  <label id="d2-day-title" onclick="gCalendarWindow.goToNext( 2 )" value="" />
               </vbox>
            </hbox>
            <hbox id="day-specific-title-box" flex="1">
               <vbox class="day-title-label-box" flex="1">
                  <label id="d0-day-specific-title" value="" />
               </vbox>
            </hbox>
         </vbox>
         
         <box id="day-next-button-box">
            <image id="day-next-button" class="prevnextbuttons" onclick="gCalendarWindow.goToNext()"/>
         </box>
      </hbox>
      
      <!-- Day View:  -->
      
      <vbox id="inner-day-view-box" flex="1">
         <hbox id="all-day-collapsible-box" collapsed="true"
                                            ondblclick="dayAllDayDoubleClick( event )">
            <label id="all-day-content-title" value="All-day Events"/>
            <vbox id="all-day-content-box" flex="1">
            </vbox>
         </hbox>

         <!-- This is an overlay being included from above -->
         <box id="day-view-content-box" flex="1">
         <stack id="day-view-content-board" 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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-0" value="&time.midnight; " />
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">

                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-1"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-2"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-3"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-4"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-5"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-6"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-7"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-8"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-9"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-10"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-11"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-12"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">

                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-13"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">

                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-14"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-15"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-16"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-17"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-18"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-19"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-20"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-21"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-22"/>
                   </box>
                </box>
                
                <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,calendarViewDNDObserver);"
                     ondragover="nsDragAndDrop.dragOver(event,calendarViewDNDObserver)"
                     ondragdrop="nsDragAndDrop.drop(event,calendarViewDNDObserver)"
                     oncontextmenu="dayViewHourContextClick( event )">
                   <box class="day-time-class">
                      <label class="day-time-class-label" id="day-view-hour-23"/>
                   </box>
                </box>
            </vbox>
         </stack>
         </box>   <!-- End: day-tree-content-box -->
      </vbox>
   </vbox>  <!-- End: Calendar Day View -->
</overlay>