gecko-dev/calendar/resources/content/calendar.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>
   -                 Chris Charabaruk <coldacid@meldstar.com>
   -                 Karl Guertin <grayrest@grayrest.com> 
   -                 Dan Parent <danp@oeone.com> 
   -                 ArentJan Banck <ajbanck@planet.nl> 
   -
   - 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 ***** -->

<!-- Style sheets -->

<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> 
<?xml-stylesheet href="chrome://calendar/skin/calendar.css" type="text/css"?>
<?xml-stylesheet href="chrome://communicator/skin/communicator.css" type="text/css"?>

<!-- Overlays -->
<?xul-overlay href="chrome://global/content/globalOverlay.xul"?>
<?xul-overlay href="chrome://calendar/content/calendarMenuOverlay.xul"?>
<?xul-overlay href="chrome://calendar/content/datepicker/datepicker-overlay.xul"?>

<?xul-overlay href="chrome://calendar/content/calendarDayView.xul"?>
<?xul-overlay href="chrome://calendar/content/calendarWeekView.xul"?>
<?xul-overlay href="chrome://calendar/content/calendarMonthView.xul"?>

<!-- DTDs -->

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


<!-- The Window  -->

<window
   id="calendar-window"
   title="&window.title;"
   onload="calendarInit()"
   onunload="calendarFinish()"
   windowtype="calendarMainWindow"
   xmlns:html="http://www.w3.org/1999/xhtml"
   xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
   persist="screenX screenY width height sizemode"> 
 
<commandset id="calendar_commands">
   <command id="new_command" oncommand="newEventCommand()"/>
   <command id="delete_command" oncommand="unifinderDeleteCommand( )" disabled="true"/>
   <command id="delete_command_no_confirm" oncommand="unifinderDeleteCommand( true )" disabled="true"/>
   <command id="modify_command" oncommand="unifinderEditCommand()" disabled="true"/>
   <command id="send_event_command" oncommand="sendEvent()" disabled="true"/>
   <command id="print_command" oncommand="print()" disabled="true"/>
   <command id="cut_command" oncommand="cutToClipboard()" disabled="true"/>
   <command id="copy_command" oncommand="copyToClipboard()" disabled="true"/>
   <command id="paste_command" oncommand="pasteFromClipboard()"/>
   <command id="select_all_command" oncommand="selectAllEvents()"/>
   
   <command id="new_todo_command" oncommand="newToDoCommand()"/>
   <command id="delete_todo_command" oncommand="unifinderDeleteToDoCommand()"/>

   <command id="new_server_command" oncommand="gCalendarWindow.calendarManager.launchAddCalendarDialog()"/>
   <command id="delete_server_command" oncommand="gCalendarWindow.calendarManager.deleteCalendar()"/>

   <command id="next_command" oncommand="gCalendarWindow.currentView.goToNext()"/>
   <command id="previous_command" oncommand="gCalendarWindow.currentView.goToPrevious()"/>
   <command id="go_today_command" oncommand="gCalendarWindow.goToToday()"/>
   
   <command id="day_view_command"   oncommand="gCalendarWindow.switchToDayView()" disabled="true"/>
   <command id="week_view_command"  oncommand="gCalendarWindow.switchToWeekView()" disabled="true"/>
   <command id="month_view_command" oncommand="gCalendarWindow.switchToMonthView()" disabled="true"/>
   
   <command id="import_command" oncommand="loadEventsFromFile()"/>
   <command id="export_command" oncommand="saveEventsToFile()"/>
   
   <command id="refresh_remote_calendars" oncommand="gCalendarWindow.calendarManager.refreshAllRemoteCalendars()"/>
   
   <command id="close_calendar_command" oncommand="closeCalendar()"/>
</commandset>

<keyset>
  <key id="delete_key" keycode="VK_DELETE" observes="delete_command_no_confirm"/>
  <key id="new_event_key" key="N" modifiers="control" observes="new_command"/>
  <key id="new_todo_key" key="M" modifiers="control" observes="new_todo_command"/>
  <key id="modify_event_key" key="E" modifiers="control" observes="modify_command"/>
  <key id="print_key" key="P" modifiers="control" observes="print_command"/>
  <key id="import_key" key="I" modifiers="control" observes="import_command"/>
  <key id="export_key" key="O" modifiers="control" observes="export_command"/>
  
  <key id="key_selectAll" key="A" modifiers="control" observes="select_all_command"/>
  <key id="key_cut" key="X" modifiers="control" observes="cut_command"/>
  <key id="key_copy" key="C" modifiers="control" observes="copy_command"/>
  <key id="key_paste" key="V" modifiers="control" observes="paste_command"/>
  
  <key id="view_day_key"   keycode="VK_F1" observes="day_view_command"/>
  <key id="view_week_key"  keycode="VK_F2" observes="week_view_command"/>
  <key id="view_month_key" keycode="VK_F3" observes="month_view_command"/>
  
  <key id="go_forward_key" keycode="VK_PAGE_UP" observes="previous_command"/>
  <key id="go_backward_key" keycode="VK_PAGE_DOWN" observes="next_command"/>
  <key id="go_to_today_key"   key="T" modifiers="control" observes="go_today_command"/>
</keyset>

<keyset id="tasksKeys"/>

<!-- Javascript DTD To Variable -->
<script type="application/x-javascript">
  var confirmDeleteEvent = "&calendar.confirm.deleteevent;";
  var confirmDeleteUntitledEvent = "&calendar.confirm.deleteuntitledevent;";
</script>

<!-- Javascript includes -->

<!-- NEEDED FOR MULTIPLE CALENDAR SUPPORT -->
<script type="application/x-javascript" src="chrome://calendar/content/calendarManager.js"/>

<!-- NEEDED FOR CLIPBOARD SUPPORT -->
<script type="application/x-javascript" src="chrome://calendar/content/calendarClipboard.js"/>

<!-- NEEDED FOR IMPORT / EXPORT SUPPORT -->
<script type="application/x-javascript" src="chrome://calendar/content/calendarImportExport.js"/>

<!-- NEEDED FOR MAIL SUPPORT -->
<script type="application/x-javascript" src="chrome://calendar/content/calendarMail.js"/>

<!-- NEEDED FOR PUBLICATION SUPPORT -->
<script type="application/x-javascript" src="chrome://calendar/content/calendarPublish.js"/>

<!-- NEEDED FOR DATE UTILS -->
<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/calendar.js"/>
<script type="application/x-javascript" src="chrome://calendar/content/calendarEvent.js"/>
<script type="application/x-javascript" src="chrome://calendar/content/calendarSelection.js"/>
<script type="application/x-javascript" src="chrome://calendar/content/calendarWindow.js"/>
<script type="application/x-javascript" src="chrome://calendar/content/unifinder.js"/>
<script type="application/x-javascript" src="chrome://calendar/content/unifinderToDo.js"/>
<script type="application/x-javascript" src="chrome://calendar/content/pref/rootCalendarPref.js"/>


<!-- GENERAL CONTEXT MENU -->
<popup id="context-menu">
   <menuitem label="&calendar.context.newevent.label;" accesskey="&calendar.context.newevent.accesskey;" observes="new_command"/>
   <menuitem label="&calendar.context.newtodo.label;" accesskey="&calendar.context.newtodo.accesskey;" observes="new_todo_command"/>
   <menuitem label="&calendar.context.modifyevent.label;" accesskey="&calendar.context.modifyevent.accesskey;" observes="modify_command" />
   <menuitem label="&calendar.context.deleteevent.label;" accesskey="&calendar.context.deleteevent.accesskey;" observes="delete_command"/>

   <menuseparator/>
   <menuitem label="&calendar.context.cutevent.label;" accesskey="&calendar.context.cutevent.accesskey;" observes="cut_command"/>
   <menuitem label="&calendar.context.copyevent.label;" accesskey="&calendar.context.copyevent.accesskey;" observes="copy_command"/>
   <menuitem label="&calendar.context.pasteevent.label;" accesskey="&calendar.context.pasteevent.accesskey;" observes="paste_command"/>
   <menuseparator/>
   <menuitem label="&calendar.context.selectall.label;" accesskey="&calendar.context.selectall.accesskey;" observes="select_all_command"/>
   <menuseparator/>
   <menuitem label="&calendar.context.gototoday.label;" accesskey="&calendar.context.gototoday.accesskey;" observes="go_today_command"/>
   <menuseparator/>
   <menuitem label="&calendar.context.dayview.label;" accesskey="&calendar.context.dayview.accesskey;" observes="day_view_command"/>
   <menuitem label="&calendar.context.weekview.label;" accesskey="&calendar.context.weekview.accesskey;" observes="week_view_command"/>
   <menuitem label="&calendar.context.monthview.label;" accesskey="&calendar.context.monthview.accesskey;" observes="month_view_command"/>

   <menuseparator/>
   <menuitem label="&calendar.context.emailevent.label;" accesskey="&calendar.context.emailevent.accesskey;" observes="send_event_command"/>
   
   <menuseparator/>
   <menuitem label="&calendar.context.reload.label;" accesskey="&calendar.context.reload.accesskey;" oncommand="window.location = 'chrome://calendar/content/calendar.xul';"/>
   
</popup>

<!-- TASK ITEM CONTEXT MENU -->
<popup id="taskitem-context-menu">
   <!--
   <menuitem label="&calendar.context.modifytask.label;" accesskey="&calendar.context.modifytask.accesskey;" observes="modify_command"/>
   <menuitem label="&calendar.context.emailtask.label;" accesskey="&calendar.context.emailtask.accesskey;" observes="send_event_command"/>
   <menuseparator/>
   -->
   <menuitem label="&calendar.context.deletetask.label;" accesskey="&calendar.context.deletetask.accesskey;" observes="delete_todo_command"/>
   <menu label="&calendar.context.progress.label;" accesskey="&calendar.context.progress.accesskey;">
      <menupopup>
         <menuitem label="0%"   oncommand="contextChangeProgress( event, 0 );"/>
         <menuitem label="25%"  oncommand="contextChangeProgress( event, 25 );"/>
         <menuitem label="50%"  oncommand="contextChangeProgress( event, 50 );"/>
         <menuitem label="75%"  oncommand="contextChangeProgress( event, 75 );"/>
         <menuitem label="100%" oncommand="contextChangeProgress( event, 100 );"/>
      </menupopup>
   </menu>
   <menu label="&calendar.context.priority.label;" accesskey="&calendar.context.priority.accesskey;">
      <menupopup>
         <menuitem label="&priority.level.none;"   oncommand="contextChangePriority( event, 0 );"/>
         <menuitem label="&priority.level.low;"    oncommand="contextChangePriority( event, 9 );"/>
         <menuitem label="&priority.level.medium;" oncommand="contextChangePriority( event, 5 );"/>
         <menuitem label="&priority.level.high;"   oncommand="contextChangePriority( event, 1 );"/>
      </menupopup>
   </menu>
</popup>

<!-- CALENDAR LIST CONTEXT MENU -->
<popup id="calendarlist-context-menu">
   <menuitem label="&calendar.context.newserver.label;"     observes="new_server_command"/>
   <menuitem label="&calendar.context.refreshserver.label;" observes="refresh_remote_calendars"/>
</popup>


<popup id="oe-date-picker-popup"  position="after_start" oncommand="gCalendarWindow.goToDay( date )" value=""/>

<commandset id="commands"/>

<toolbox id="calendar-toolbox" class="toolbox-top" deferattached="true">
   <!-- Menu -->
   <menubar id="main-menubar" persist="collapsed"/>

   <toolbar class="toolbar-primary chromeclass-toolbar" id="calendar-bar" persist="collapsed" tbalign="stretch">
          <!--<toolbarbutton class="toolbarbutton-1" id="calendar-new-task-button"   label="&calendar.newtask.button.label;"         tooltiptext="&calendar.newtask.button.tooltip;"      observes="new_todo_command"/>-->
          <toolbarbutton class="toolbarbutton-1" id="calendar-new-event-button"      label="&calendar.newevent.button.label;"        tooltiptext="&calendar.newevent.button.tooltip;"     observes="new_command"/>
          <toolbarbutton class="toolbarbutton-1" id="calendar-edit-event-button"     label="&calendar.edit.button.label;"            tooltiptext="&calendar.edit.button.tooltip;"         observes="modify_command"/>
          <toolbarbutton class="toolbarbutton-1" id="calendar-delete-event-button"   label="&calendar.delete.button.label;"          tooltiptext="&calendar.delete.button.tooltip;"       observes="delete_command"/>
          <toolbarseparator class="toolbarseparator-primary"/>
          <toolbarbutton class="toolbarbutton-1" id="calendar-choose-date-button"    label="&calendar.choosedate.button.label;"      tooltiptext="&calendar.choosedate.button.tooltip;"   onmousedown="prepareChooseDate()" popup="oe-date-picker-popup"/>
          <toolbarbutton class="toolbarbutton-1" id="calendar-go-to-today-button"    label="&calendar.gototoday.button.label;"       tooltiptext="&calendar.gototoday.button.tooltip;"    observes="go_today_command"/>
          <toolbarseparator class="toolbarseparator-primary"/>
          <toolbarbutton class="toolbarbutton-1" id="calendar-day-view-button"       label="&calendar.dayview.button.label;"         tooltiptext="&calendar.dayview.button.tooltip;"      observes="day_view_command"/>
          <toolbarbutton class="toolbarbutton-1" id="calendar-week-view-button"      label="&calendar.weekview.button.label;"        tooltiptext="&calendar.weekview.button.tooltip;"     observes="week_view_command"/>
          <toolbarbutton class="toolbarbutton-1" id="calendar-month-view-button"     label="&calendar.monthview.button.label;"       tooltiptext="&calendar.monthview.button.tooltip;"    observes="month_view_command"/>
          <spacer flex="1"/>
          <hbox id="throbber-box" align="center">
             <button id="navigator-throbber" oncommand="goClickThrobber('browser.throbber.url')"
                 tooltiptext="&throbber.tooltip;"/>
          </hbox>
   </toolbar>
</toolbox>

<tooltip id="savetip" onpopupshowing="return( checkTooltip() );"/>

<!-- V I S I B L E  C O N T E N T  -->

<vbox id="calendar-top-box" flex="1" context="context-menu" >

  <!-- Calendar Controls-->
 
   <hbox id="calendar-content-box" flex="1">

      <vbox id="left-hand-content" flex="1" persist="width">
         <vbox id="left-hand-above-splitter" flex="1">
            <listbox id="list-calendars-listbox" class="unifinder-tree-class" flex="1" 
               ondragover="return( false );" contextmenu="calendarlist-context-menu">
               <listhead>
                  <listheader flex="1" crop="end" label="Calendars"/>
               </listhead>
               <listcols>
                  <listcol flex="1"/>
               </listcols>
            </listbox>
         </vbox>
         <splitter id="calendar-todo-splitter" collapse="after" persist="state"
            class="chromeclass-extrachrome" orient="vertical">
            <grippy/>
         </splitter>
         <vbox id="left-hand-below-splitter" flex="1" persist="height">
            <box align="left">
               <label flex="1" crop="end" style="font-weight: bold" value="&calendar.unifinder.todoitems.label;"/>
            </box>
            <box align="center">
               <checkbox id="only-completed-checkbox" label="&calendar.unifinder.hidecompletedtodos.label;" flex="1" crop="end" oncommand="toDoUnifinderRefresh( event )" persist="checked"/>
            </box>

            <tree id="unifinder-todo-tree" flex="1" enableColumnDrag="false">
               <treecols id="unifinder-todo-tree-cols">
                  <treecol id="unifinder-todo-tree-col-completed"
                     persist="hidden ordinal width" width="18" 
                     label="&calendar.unifinder.tree.done.label;">
                     <image id="checkboximg" contextmenu="taskitem-context-menu"/>
                  </treecol>
                  <splitter class="tree-splitter"/>
                   <treecol id="unifinder-todo-tree-col-priority" 
                      persist="hidden ordinal width" width="18" 
                      label="&calendar.unifinder.tree.priority.label;">
                           <image id="priorityimg" contextmenu="taskitem-context-menu"/>
                      </treecol>
                   <splitter class="tree-splitter"/>
                   <treecol id="unifinder-todo-tree-col-title"
                      persist="hidden ordinal width" flex="1" 
                      label="&calendar.unifinder.tree.title.label;" />
                   <splitter class="tree-splitter"/>
                   <treecol id="unifinder-todo-tree-col-startdate"
                      persist="hidden ordinal width" 
                      hidden="true"
                      flex="1" label="&calendar.unifinder.tree.startdate.label;"/>
                   <splitter class="tree-splitter"/>
                   <treecol id="unifinder-todo-tree-col-duedate"
                      persist="hidden ordinal width" 
                      hidden="true"
                      flex="1" label="&calendar.unifinder.tree.duedate.label;"/>
                   <splitter class="tree-splitter"/>
                   <treecol id="unifinder-todo-tree-col-completeddate"
                      persist="hidden ordinal width" 
                      hidden="true"
                      flex="1" label="&calendar.unifinder.tree.completeddate.label;"/>
                   <splitter class="tree-splitter"/>
                   <treecol id="unifinder-todo-tree-col-percentcomplete"
                      persist="hidden ordinal width" 
                      hidden="true"
                      flex="1" label="&calendar.unifinder.tree.percentcomplete.label;"/>
                   <splitter class="tree-splitter"/>
                   <treecol id="unifinder-todo-tree-col-categories"
                      persist="hidden ordinal width" 
                      hidden="true"
                      flex="1" label="&calendar.unifinder.tree.categories.label;"/>
                  </treecols>
       
                  <treechildren tooltip="savetip" onmousemove="changeToolTipTextForToDo( event )" 
                    onclick="unifinderClickToDo( event )" 
                    ondblclick="unifinderDoubleClickToDo( event )"
                    onmousedown="unifinderMouseDownToDo( event )"
                    context="taskitem-context-menu">
                 </treechildren>
               </tree>
            </vbox>
         </vbox>
    
         <splitter id="calendar-splitter" collapse="before" persist="state"
          class="chromeclass-extrachrome sidebar-splitter" orient="horizontal">
            <grippy class="sidebar-splitter-grippy"/>
         </splitter>
         
         <vbox flex="1">
            <vbox id="bottom-events-box" persist="height">
               <hbox>
                  <box align="center">
                     <checkbox label="&calendar.unifinder.withalarms.label;" oncommand="unifinderShowEventsWithAlarmsOnly( event )" collapsed="true"/>
                     <menulist id="event-filter-menulist" persist="selectedIndex">
                         <menupopup id="event-filter-menupopup" oncommand="unifinderShowFutureEventsOnly( event );" persist="selectedIndex">
                             <menuitem id="event-filter-all" label="All Events" value="all" persist="selected"/>
                             <menuitem id="event-filter-today" label="Today's Events" value="today" persist="selected"/>
                             <menuitem id="event-filter-week" label="Events This Week" value="week" persist="selected"/>
                             <menuitem id="event-filter-2weeks" label="Events Next 2 Weeks" value="2weeks" persist="selected"/>
                             <menuitem id="event-filter-month" label="Events In The Next Month" value="month" persist="selected"/>
                             <menuitem id="event-filter-future" label="All Future Events" value="future" persist="selected"/>
                         </menupopup>
                     </menulist>
                  </box>
                  
                  <box align="center" flex="1">
                     <label control="unifinder-search-field" value="&calendar.search.options.searchfor;"/>
                     <textbox id="unifinder-search-field" onkeypress="unifinderSearchKeyPress( this, event )" flex="1"/>
                  </box>
               </hbox>
               <tree id="unifinder-search-results-listbox" flex="1" seltype="multiple" enableColumnDrag="false">
               <treecols id="unifinder-search-results-tree-cols">
                  <treecol id="unifinder-search-results-tree-col-title"
                      persist="hidden ordinal width" flex="1" 
                      label="&calendar.unifinder.tree.title.label;" />
                   <splitter class="tree-splitter"/>
                   <treecol id="unifinder-search-results-tree-col-startdate"
                      persist="hidden ordinal width" 
                      hidden="true"
                      flex="1" label="&calendar.unifinder.tree.startdate.label;"/>
                   <splitter class="tree-splitter"/>
                   <treecol id="unifinder-search-results-tree-col-duedate"
                      persist="hidden ordinal width" 
                      hidden="true"
                      flex="1" label="&calendar.unifinder.tree.enddate.label;"/>
                   <splitter class="tree-splitter"/>
                   <treecol id="unifinder-todo-search-results-col-categories"
                      persist="hidden ordinal width" 
                      hidden="true"
                      flex="1" label="&calendar.unifinder.tree.categories.label;"/>
                  </treecols>
       
                  <treechildren tooltip="savetip" onmousemove="changeToolTipTextForEvent( event )"
                    onclick="unifinderClickEvent( event )"
                    onkeypress="if (event.keyCode == 13) unifinderEditCommand();"
                    ondragover="return( false );"  
                    ondblclick="unifinderDoubleClickEvent( event )"
                    onfocus="focusFirstItemIfNoSelection( );">
                 </treechildren>
               </tree>
            </vbox>
            
            <splitter id="calendar-view-splitter" collapse="before" persist="state"
            class="chromeclass-extrachrome sidebar-splitter" orient="vertical" onmouseup="gCalendarWindow.doResize();">
               <grippy class="sidebar-splitter-grippy"/>
            </splitter>
         
            <!-- Begin Day/Month/Week Deck -->
            <deck id="calendar-deck" persist="selectedIndex" flex="1">
             
               <!-- Calendar Month View -->
                
               <vbox id="month-view-box"/>
             
               <!-- End: Calendar Month View -->
         
             
               <!-- Calendar Week View -->
                
               <vbox id="week-view-box"/>
            
               <!-- End: Calendar Week View -->
            
             
               <!-- Calendar Day View -->
             
               <vbox id="day-view-box"/>
            
               <!-- End: Calendar Day View -->
                      
            </deck>  <!-- End: Day/Month/Week Deck -->
            
         </vbox>
         
      </hbox> <!-- End: box with unifinder on left, calendar on right -->
</vbox>

<statusbar id="status-bar" class="chromeclass-status">
 <statusbarpanel id="component-bar"/>
 <statusbarpanel id="statusText" flex="1" value="&statusText.label;"/>  
 <statusbarpanel id="offline-status" class="statusbarpanel-iconic" hidden="true" offline="true"/>
</statusbar>  

</window>