476 lines
15 KiB
XML
476 lines
15 KiB
XML
<?xml version="1.0"?> <!-- -*- Mode: SGML; indent-tabs-mode: nil; -*- -->
|
|
<!--
|
|
|
|
The contents of this file are subject to the Netscape Public License
|
|
Version 1.0 (the "NPL"); you may not use this file except in
|
|
compliance with the NPL. You may obtain a copy of the NPL at
|
|
http://www.mozilla.org/NPL/
|
|
|
|
Software distributed under the NPL is distributed on an "AS IS" basis,
|
|
WITHOUT WARRANTY OF ANY KIND, either express or implied. See the NPL
|
|
for the specific language governing rights and limitations under the
|
|
NPL.
|
|
|
|
The Initial Developer of this code under the NPL is Netscape
|
|
Communications Corporation. Portions created by Netscape are
|
|
Copyright (C) 1998 Netscape Communications Corporation. All Rights
|
|
Reserved.
|
|
|
|
-->
|
|
|
|
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
|
|
<?xml-stylesheet href="bug12012.css" type="text/css"?>
|
|
|
|
<!DOCTYPE window
|
|
[
|
|
|
|
<!ENTITY text_to_be_replaced "Loading. Please wait.">
|
|
|
|
<!-- set up selectors for the date in the adder. Using entities makes
|
|
it much easier to change the format of the date. Right now, it is
|
|
"Month Day, Year" -->
|
|
|
|
<!ENTITY add.day.selector.year "
|
|
<html:select id='addyear'>
|
|
<html:option value='1998'>1998</html:option>
|
|
<html:option value='1999'>1999</html:option>
|
|
<html:option value='2000'>2000</html:option>
|
|
<html:option value='2001'>2001</html:option>
|
|
<html:option value='2002'>2002</html:option>
|
|
<html:option value='2003'>2003</html:option>
|
|
<html:option value='2004'>2004</html:option>
|
|
<html:option value='2005'>2005</html:option>
|
|
<html:option value='2006'>2006</html:option>
|
|
<html:option value='2007'>2007</html:option>
|
|
<html:option value='2008'>2008</html:option>
|
|
<html:option value='2009'>2009</html:option>
|
|
</html:select>
|
|
">
|
|
|
|
<!ENTITY add.month.1 "Jan">
|
|
<!ENTITY add.month.2 "Feb">
|
|
<!ENTITY add.month.3 "Mar">
|
|
<!ENTITY add.month.4 "Apr">
|
|
<!ENTITY add.month.5 "May">
|
|
<!ENTITY add.month.6 "Jun">
|
|
<!ENTITY add.month.7 "Jul">
|
|
<!ENTITY add.month.8 "Aug">
|
|
<!ENTITY add.month.9 "Sep">
|
|
<!ENTITY add.month.10 "Oct">
|
|
<!ENTITY add.month.11 "Nov">
|
|
<!ENTITY add.month.12 "Dec">
|
|
|
|
<!ENTITY add.day.selector.month "
|
|
<html:select id='addmonth'>
|
|
<html:option value='1'>&add.month.1;</html:option>
|
|
<html:option value='2'>&add.month.2;</html:option>
|
|
<html:option value='3'>&add.month.3;</html:option>
|
|
<html:option value='4'>&add.month.4;</html:option>
|
|
<html:option value='5'>&add.month.5;</html:option>
|
|
<html:option value='6'>&add.month.6;</html:option>
|
|
<html:option value='7'>&add.month.7;</html:option>
|
|
<html:option value='8'>&add.month.8;</html:option>
|
|
<html:option value='9'>&add.month.9;</html:option>
|
|
<html:option value='10'>&add.month.10;</html:option>
|
|
<html:option value='11'>&add.month.11;</html:option>
|
|
<html:option value='12'>&add.month.12;</html:option>
|
|
</html:select>
|
|
">
|
|
|
|
<!ENTITY add.day.selector.day "
|
|
<html:select id='addday'>
|
|
<html:option value='1'>1</html:option>
|
|
<html:option value='2'>2</html:option>
|
|
<html:option value='3'>3</html:option>
|
|
<html:option value='4'>4</html:option>
|
|
<html:option value='5'>5</html:option>
|
|
<html:option value='6'>6</html:option>
|
|
<html:option value='7'>7</html:option>
|
|
<html:option value='8'>8</html:option>
|
|
<html:option value='9'>9</html:option>
|
|
<html:option value='10'>10</html:option>
|
|
<html:option value='11'>11</html:option>
|
|
<html:option value='12'>12</html:option>
|
|
<html:option value='13'>13</html:option>
|
|
<html:option value='14'>14</html:option>
|
|
<html:option value='15'>15</html:option>
|
|
<html:option value='16'>16</html:option>
|
|
<html:option value='17'>17</html:option>
|
|
<html:option value='18'>18</html:option>
|
|
<html:option value='19'>19</html:option>
|
|
<html:option value='20'>20</html:option>
|
|
<html:option value='21'>21</html:option>
|
|
<html:option value='22'>22</html:option>
|
|
<html:option value='23'>23</html:option>
|
|
<html:option value='24'>24</html:option>
|
|
<html:option value='25'>25</html:option>
|
|
<html:option value='26'>26</html:option>
|
|
<html:option value='27'>27</html:option>
|
|
<html:option value='28'>28</html:option>
|
|
<html:option value='29'>29</html:option>
|
|
<html:option value='30'>30</html:option>
|
|
<html:option value='31'>31</html:option>
|
|
</html:select>
|
|
">
|
|
|
|
<!--
|
|
This controls the date format and is used in the document below
|
|
We escape the ampersands here so that the entities are not expanded
|
|
here, but in the text. This ought to save memory, I would think...
|
|
-->
|
|
|
|
<!ENTITY add.day.selectors
|
|
"&add.day.selector.month; &add.day.selector.day;, &add.day.selector.year;">
|
|
|
|
<!ENTITY add.time.selector.hours "
|
|
<html:select id='addtimehrs'>
|
|
<html:option value='0'>12 AM</html:option>
|
|
<html:option value='1'>1 AM</html:option>
|
|
<html:option value='2'>2 AM</html:option>
|
|
<html:option value='3'>3 AM</html:option>
|
|
<html:option value='4'>4 AM</html:option>
|
|
<html:option value='5'>5 AM</html:option>
|
|
<html:option value='6'>6 AM</html:option>
|
|
<html:option value='7'>7 AM</html:option>
|
|
<html:option value='8'>8 AM</html:option>
|
|
<html:option value='9'>9 AM</html:option>
|
|
<html:option value='10'>10 AM</html:option>
|
|
<html:option value='11'>11 AM</html:option>
|
|
<html:option value='12'>12 PM</html:option>
|
|
<html:option value='13'>1 PM</html:option>
|
|
<html:option value='14'>2 PM</html:option>
|
|
<html:option value='15'>3 PM</html:option>
|
|
<html:option value='16'>4 PM</html:option>
|
|
<html:option value='17'>5 PM</html:option>
|
|
<html:option value='18'>6 PM</html:option>
|
|
<html:option value='19'>7 PM</html:option>
|
|
<html:option value='20'>8 PM</html:option>
|
|
<html:option value='21'>9 PM</html:option>
|
|
<html:option value='22'>10 PM</html:option>
|
|
<html:option value='23'>11 PM</html:option>
|
|
</html:select>
|
|
">
|
|
|
|
<!ENTITY add.time.selector.minutes "
|
|
<html:select id='addtimemin'>
|
|
<html:option value='00'>:00</html:option>
|
|
<html:option value='05'>:05</html:option>
|
|
<html:option value='10'>:10</html:option>
|
|
<html:option value='15'>:15</html:option>
|
|
<html:option value='20'>:20</html:option>
|
|
<html:option value='25'>:25</html:option>
|
|
<html:option value='30'>:30</html:option>
|
|
<html:option value='35'>:35</html:option>
|
|
<html:option value='40'>:40</html:option>
|
|
<html:option value='45'>:45</html:option>
|
|
<html:option value='50'>:50</html:option>
|
|
<html:option value='55'>:55</html:option>
|
|
</html:select>
|
|
">
|
|
|
|
<!ENTITY add.time.selectors
|
|
"&add.time.selector.hours; &add.time.selector.minutes;">
|
|
|
|
<!ENTITY add.duration.selector.hours "
|
|
<html:select id='adddurhrs'>
|
|
<html:option value='0'>0</html:option>
|
|
<html:option value='1'>1</html:option>
|
|
<html:option value='2'>2</html:option>
|
|
<html:option value='3'>3</html:option>
|
|
<html:option value='4'>4</html:option>
|
|
<html:option value='5'>5</html:option>
|
|
<html:option value='6'>6</html:option>
|
|
<html:option value='7'>7</html:option>
|
|
<html:option value='8'>8</html:option>
|
|
<html:option value='9'>9</html:option>
|
|
<html:option value='10'>10</html:option>
|
|
<html:option value='11'>11</html:option>
|
|
<html:option value='12'>12</html:option>
|
|
</html:select>
|
|
">
|
|
|
|
<!ENTITY add.duration.selector.minutes "
|
|
<html:select id='adddurmin'>
|
|
<html:option value='00'>:00</html:option>
|
|
<html:option value='05'>:05</html:option>
|
|
<html:option value='10'>:10</html:option>
|
|
<html:option value='15'>:15</html:option>
|
|
<html:option value='20'>:20</html:option>
|
|
<html:option value='25'>:25</html:option>
|
|
<html:option value='30'>:30</html:option>
|
|
<html:option value='35'>:35</html:option>
|
|
<html:option value='40'>:40</html:option>
|
|
<html:option value='45'>:45</html:option>
|
|
<html:option value='50'>:50</html:option>
|
|
<html:option value='55'>:55</html:option>
|
|
</html:select>
|
|
">
|
|
|
|
<!ENTITY add.duration.selectors
|
|
"&add.duration.selector.hours; &add.duration.selector.minutes;">
|
|
|
|
<!ENTITY schedule.header.button.weekbefore.label "<<">
|
|
<!ENTITY schedule.header.button.daybefore.label "<">
|
|
<!ENTITY schedule.header.button.daylater.label ">">
|
|
<!ENTITY schedule.header.button.weeklater.label ">>">
|
|
<!ENTITY schedule.header.button.today.label "Now">
|
|
|
|
<!ENTITY schedule.header.button.weekbefore.title "One week earlier">
|
|
<!ENTITY schedule.header.button.daybefore.title "One day earlier">
|
|
<!ENTITY schedule.header.button.daylater.title "One day later">
|
|
<!ENTITY schedule.header.button.weeklater.title "One week later">
|
|
<!ENTITY schedule.header.button.today.title "Today">
|
|
|
|
<!ENTITY pick.header.button.yearbefore.label "<<">
|
|
<!ENTITY pick.header.button.monthbefore.label "<">
|
|
<!ENTITY pick.header.button.monthlater.label ">">
|
|
<!ENTITY pick.header.button.yearlater.label ">>">
|
|
<!ENTITY pick.header.button.thismonth.label "Now">
|
|
|
|
<!ENTITY pick.header.button.yearbefore.title "One year earlier">
|
|
<!ENTITY pick.header.button.monthbefore.title "One month earlier">
|
|
<!ENTITY pick.header.button.monthlater.title "One month later">
|
|
<!ENTITY pick.header.button.yearlater.title "One year later">
|
|
<!ENTITY pick.header.button.thismonth.title "This Month">
|
|
|
|
<!ENTITY pick.calendar.header.day.1 "S">
|
|
<!ENTITY pick.calendar.header.day.2 "M">
|
|
<!ENTITY pick.calendar.header.day.3 "T">
|
|
<!ENTITY pick.calendar.header.day.4 "W">
|
|
<!ENTITY pick.calendar.header.day.5 "T">
|
|
<!ENTITY pick.calendar.header.day.6 "F">
|
|
<!ENTITY pick.calendar.header.day.7 "S">
|
|
|
|
|
|
<!ENTITY footer.tab.add.label "Add">
|
|
<!ENTITY footer.tab.sched.label "List">
|
|
<!ENTITY footer.tab.goto.label "Date">
|
|
<!ENTITY footer.button.whencom.label "Calendar">
|
|
<!ENTITY footer.button.whencom.url "http://when.com/">
|
|
]>
|
|
|
|
<window
|
|
xmlns:html="http://www.w3.org/TR/REC-html40"
|
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
|
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
|
onload="Boot()"
|
|
id="ApptsWindow"
|
|
align="horizontal">
|
|
|
|
<html:script src="bug12012.js" />
|
|
|
|
<spring flex="1"/>
|
|
<box align="vertical"> <!-- fill all horizontal space -->
|
|
<box flex="1" id="main"> <!-- fill all vertical space -->
|
|
|
|
<html:div class="add" style="display: none">
|
|
|
|
<html:table id="add">
|
|
<html:col class="addtitle" />
|
|
<html:col class="addbody" />
|
|
<html:tbody>
|
|
<html:tr>
|
|
<html:th>
|
|
Title
|
|
</html:th>
|
|
<html:td>
|
|
<html:input type="text" id="addtitle" />
|
|
</html:td>
|
|
</html:tr>
|
|
<html:tr>
|
|
<html:th>
|
|
Day
|
|
</html:th>
|
|
<html:td>
|
|
&add.day.selectors;
|
|
</html:td>
|
|
</html:tr>
|
|
<html:tr>
|
|
<html:th>
|
|
Time
|
|
</html:th>
|
|
<html:td>
|
|
&add.time.selectors;
|
|
</html:td>
|
|
</html:tr>
|
|
<html:tr>
|
|
<html:th>
|
|
Length
|
|
</html:th>
|
|
<html:td>
|
|
&add.duration.selectors;
|
|
</html:td>
|
|
</html:tr>
|
|
<html:tr>
|
|
<html:th>
|
|
Notes
|
|
</html:th>
|
|
<html:td>
|
|
<html:input type="text" id="addnotes" />
|
|
</html:td>
|
|
</html:tr>
|
|
</html:tbody>
|
|
</html:table>
|
|
|
|
<html:div id="addbuttons">
|
|
<html:input type="button" value="Add" onclick="SubmitAddForm()" />
|
|
<html:input type="button" value="Clear" onclick="ResetAddForm()" />
|
|
</html:div>
|
|
|
|
<html:div id="editbuttons" style="display: none;">
|
|
<html:input type="button" value="Change" onclick="EditFormSubmit()" />
|
|
<html:input type="button" value="Delete" onclick="EditFormDelete()" />
|
|
<html:input type="button" value="Cancel" onclick="EditFormCancel()" />
|
|
</html:div>
|
|
|
|
</html:div>
|
|
|
|
<html:div class="schedule">
|
|
|
|
<html:table>
|
|
<html:tr>
|
|
<html:td class="button" onclick="prevWeek()" title="&schedule.header.button.weekbefore.title;">
|
|
&schedule.header.button.weekbefore.label;
|
|
</html:td>
|
|
<html:td class="button" onclick="prevDay()" title="&schedule.header.button.daybefore.title;">
|
|
&schedule.header.button.daybefore.label;
|
|
</html:td>
|
|
|
|
<html:td id="DateOutput">
|
|
</html:td>
|
|
|
|
<html:td class="button" onclick="nextDay()" title="&schedule.header.button.daylater.title;">
|
|
&schedule.header.button.daylater.label;
|
|
</html:td>
|
|
<html:td class="button" onclick="nextWeek()" title="&schedule.header.button.weeklater.title;">
|
|
&schedule.header.button.weeklater.label;
|
|
</html:td>
|
|
<html:td class="button" onclick="today()" title="&schedule.header.button.today.title;">
|
|
&schedule.header.button.today.label;
|
|
</html:td>
|
|
</html:tr>
|
|
</html:table>
|
|
|
|
<html:table width="100%" class="data">
|
|
|
|
<!-- XXX Bug: if we take out this thead while border-collapse on
|
|
the parent is collapse XXX WHICH IT SHOULD BE BY DEFAULT (?)
|
|
((and/and not) make the corresponding
|
|
removal of a .nextSibling to the JS), we crash, even without
|
|
the script element entirely -->
|
|
|
|
<html:thead>
|
|
<html:tr>
|
|
<html:th>
|
|
Time
|
|
</html:th>
|
|
<html:th>
|
|
Title
|
|
</html:th>
|
|
</html:tr>
|
|
</html:thead>
|
|
|
|
<html:tbody id="ApptTable">
|
|
<html:tr>
|
|
<html:td colspan="2">
|
|
&text_to_be_replaced;
|
|
</html:td>
|
|
</html:tr>
|
|
</html:tbody>
|
|
|
|
</html:table>
|
|
|
|
</html:div>
|
|
|
|
<html:div class="pick" style="display: none">
|
|
|
|
<html:table>
|
|
<html:tr>
|
|
<html:td class="button" onclick="prevYear()" title="&pick.header.button.yearbefore.title;">
|
|
&pick.header.button.yearbefore.label;
|
|
</html:td>
|
|
<html:td class="button" onclick="prevMonth()" title="&pick.header.button.monthbefore.title;">
|
|
&pick.header.button.monthbefore.label;
|
|
</html:td>
|
|
|
|
<html:td id="MonthOutput">
|
|
</html:td>
|
|
|
|
<html:td class="button" onclick="nextMonth()" title="&pick.header.button.monthlater.title;">
|
|
&pick.header.button.monthlater.label;
|
|
</html:td>
|
|
<html:td class="button" onclick="nextYear()" title="&pick.header.button.yearlater.title;">
|
|
&pick.header.button.yearlater.label;
|
|
</html:td>
|
|
<html:td class="button" onclick="thisMonth()" title="&pick.header.button.thismonth.title;">
|
|
&pick.header.button.thismonth.label;
|
|
</html:td>
|
|
</html:tr>
|
|
</html:table>
|
|
|
|
<html:table>
|
|
|
|
<html:thead>
|
|
<html:tr>
|
|
<html:th>
|
|
&pick.calendar.header.day.1;
|
|
</html:th>
|
|
<html:th>
|
|
&pick.calendar.header.day.2;
|
|
</html:th>
|
|
<html:th>
|
|
&pick.calendar.header.day.3;
|
|
</html:th>
|
|
<html:th>
|
|
&pick.calendar.header.day.4;
|
|
</html:th>
|
|
<html:th>
|
|
&pick.calendar.header.day.5;
|
|
</html:th>
|
|
<html:th>
|
|
&pick.calendar.header.day.6;
|
|
</html:th>
|
|
<html:th>
|
|
&pick.calendar.header.day.7;
|
|
</html:th>
|
|
</html:tr>
|
|
</html:thead>
|
|
|
|
<html:tbody id="calendar">
|
|
<html:tr>
|
|
<html:td colspan="7">
|
|
&text_to_be_replaced;
|
|
</html:td>
|
|
</html:tr>
|
|
</html:tbody>
|
|
|
|
</html:table>
|
|
|
|
</html:div>
|
|
|
|
</box>
|
|
|
|
<box id="tabs" align="horizontal">
|
|
<spring flex="1"/>
|
|
<html:table>
|
|
<html:tr id="tabsTR">
|
|
<html:td class="tab" onclick="if (this.className != 'tab disable') { divActive(0); ResetAddForm() }"> <!-- XXX need to reset due to bug 9136 -->
|
|
&footer.tab.add.label;
|
|
</html:td>
|
|
<html:td class="tab" onclick="if (this.className != 'tab disable') { divActive(1) }">
|
|
&footer.tab.sched.label;
|
|
</html:td>
|
|
<html:td class="tab" onclick="if (this.className != 'tab disable') { divActive(2) }">
|
|
&footer.tab.goto.label;
|
|
</html:td>
|
|
<html:td>
|
|
<html:a href="#" onclick="gotoURL('&footer.button.whencom.url;');return false;">&footer.button.whencom.label;</html:a>
|
|
</html:td>
|
|
</html:tr>
|
|
</html:table>
|
|
<spring flex="1"/>
|
|
</box> <!-- id="tabs" -->
|
|
</box>
|
|
<spring flex="1"/>
|
|
</window>
|